کادر برای قالب

[صدرا حسابی]

در template.css برای قسمت بالا:

این کدها رو:

کد: (انتخاب همه)

#s5_above_body_1_33 {
    float: left;
    padding-bottom: 0;
    padding-right: 4px;
    width: 33%;
}

#s5_above_body_2_33 {
    float: left;
    padding-bottom: 0;
    padding-right: 4px;
    width: 33%;
}

#s5_above_body_3_33 {
    float: left;
    padding-bottom: 0;
    width: 33%;
}

با این جایگزین کن:

کد: (انتخاب همه)

#s5_above_body_1_33 {
    float: left;
    padding-bottom: 0;
    padding-right: 4px;
    width: 32%;
    border: 1px solid #CCCCCC;
    height: 270px;
    direction: rtl;
}
#s5_above_body_2_33 {
    float: left;
    padding-bottom: 0;
    padding-right: 4px;
    width: 33%;
    border: 1px solid #CCCCCC;
    height: 270px;
    direction: rtl;
}
#s5_above_body_3_33 {
    float: left;
    padding-bottom: 0;
    width: 33%;
    border: 1px solid #CCCCCC;
    height: 270px;
    direction: rtl;
}

که باعث می شه راست چین بشن، کادر دورشون بیاد و ارتفاع یکسان داشته باشن،

برای قسمت مشابه پایین هم که عکسش رو نزاشتی این کد رو:

کد: (انتخاب همه)

.s5_userpositions {
    float: left;
    margin: 0;
    padding: 0;
}

با این جایگزین کن:

کد: (انتخاب همه)

.s5_userpositions {
    float: left;
    margin: 0;
    padding: 0;
    border: 1px solid #CCCCCC;
    height: 300px;
}

و این خط رو به template.css اضافه کن تا بیرون نزنه پربازدیدترین مطالب:

کد: (انتخاب همه)

.mostread {
    padding: 3px;
}

برای قسمت تایتل های قسمت راست هم:

این کد رو:

کد: (انتخاب همه)

#s5_rightcolumn div.module h3.s5_mod_h3, #s5_leftcolumn div.module h3.s5_mod_h3 {
    margin-top: 8px;
}

با این جایگزین کن:

کد: (انتخاب همه)

#s5_rightcolumn div.module h3.s5_mod_h3, #s5_leftcolumn div.module h3.s5_mod_h3 {
    margin-top: 8px;
    border: 2px solid #CCCCCC;
    width: 191px;
    padding-right: 5px;
}