تغییر فاصله

[mehdi_mahmoudi 0]

با سلام.

در شکل زیر چه جوری میشه فاصله هایی که با فلش قرمزرنگ نشادن داده شده است را تغییر داد.

ممنون

[محمدحسین میری 3,094]

درود

 

در فایل template.css قالب تون خط 1343 مقدار margin-bottom رو از 12px به مقدار کمتری که دوست دارید کاهش بدید.

 

#s5_center_area
.module_round_box_outer, #s5_component_wrap, #s5_center_area
.moduletable, #s5_center_area .module_round_box_outer-none {

    margin-bottom: 12px;

    margin-left: 6px;

    margin-right: 6px;

 

[mehdi_mahmoudi 0]

درود

 

در فایل template.css قالب تون خط 1343 مقدار margin-bottom رو از 12px به مقدار کمتری که دوست دارید کاهش بدید.

 

#s5_center_area

.module_round_box_outer, #s5_component_wrap, #s5_center_area

.moduletable, #s5_center_area .module_round_box_outer-none

{

    margin-bottom: 12px;

    margin-left: 6px;

    margin-right: 6px;

 

سلام.ممنون از محبت شما. حل شد. در مورد تصویر زیر هم اگه بتونید بفرمایید چه جوری فاصله را تغییر بدید ممنون میشم.

[محمدحسین میری 3,094]

فقط همون تصویر رو میخواین تغیر بدید فاصله اش رو؟

یا فاصله تمام عناصر ماژولها رو؟

[mehdi_mahmoudi 0]

فقط همون تصویر رو میخواین تغیر بدید فاصله اش رو؟

یا فاصله تمام عناصر ماژولها رو؟

سلام. نه تمام فاصله ها رو میخام تغییر بدم.

[محمدحسین میری 3,094]

در فایل template.css خط 1355 کد زیر قرار دارد که می تونید padding رو مقدار کمتر بدید.

 

 

[codesyntax]#s5_center_area .module_round_box, #s5_component_wrap, #s5_center_area .moduletable, #s5_center_area .module_round_box-plain {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #A6A6A6;
border-radius: 8px 8px 8px 8px;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
padding: 12px;
}[/codesyntax]

[mehdi_mahmoudi 0]

در فایل template.css خط 1355 کد زیر قرار دارد که می تونید padding رو مقدار کمتر بدید.

 

 

[codesyntax]#s5_center_area .module_round_box, #s5_component_wrap, #s5_center_area .moduletable, #s5_center_area .module_round_box-plain {

background: none repeat scroll 0 0 #FFFFFF;

border: 1px solid #A6A6A6;

border-radius: 8px 8px 8px 8px;

box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);

padding: 12px;

}[/codesyntax]

سلام . شرمنده از زحمات داده شده. مقدار رو تغییر دادم فاصله ها هم تغییر کرد ولی همانطور که در شکل زیر با فلش نمایش داده شده است کادرها بهم می ریزد.

[محمدحسین میری 3,094]

درود

 

در فایل template.css در خط 1413 کد زیر قرار دارد :

 

کد css

#s5_center_area .module_round_box .s5_mod_h3 {
background: url("../images/s5_mod_h3.jpg") repeat-x scroll left top #DEDEDE;
border: 1px solid #A6A6A6;
border-radius: 8px 8px 0 0;
display: block;
font-size: 1em;
margin: -13px -13px 12px;
padding: 9px 12px 8px;
text-shadow: 1px 1px #FFFFFF;
}

 

مقدار margin:-13px -13px 12px; رو به مقدار زیر یا هر مقداری که خاستید تغیر بدید

 

margin: -2px -13px 12px;

 

پیشنهاد میکنم مقدار بالا رو اول جایگرین مقدار اصلی کنید تا براتون روشن بشه کدوم مقدار و چه کارایی داره

 

موفق باشید

[mehdi_mahmoudi 0]

درود

 

در فایل template.css در خط 1413 کد زیر قرار دارد :

 

کد css

#s5_center_area .module_round_box .s5_mod_h3 {

background: url("../images/s5_mod_h3.jpg") repeat-x scroll left top #DEDEDE;

border: 1px solid #A6A6A6;

border-radius: 8px 8px 0 0;

display: block;

font-size: 1em;

margin: -13px -13px 12px;

padding: 9px 12px 8px;

text-shadow: 1px 1px #FFFFFF;

}

 

مقدار margin:-13px -13px 12px; رو به مقدار زیر یا هر مقداری که خاستید تغیر بدید

 

margin: -2px -13px 12px;

 

پیشنهاد میکنم مقدار بالا رو اول جایگرین مقدار اصلی کنید تا براتون روشن بشه کدوم مقدار و چه کارایی داره

 

موفق باشید

سلام دوست عزیز.

دست شما درد نکنه اونهم درست شد. تنها مشکلی

که باقیمونده اینه که در قسمت سایتهای مفید تصاویر لینکها زیر هم قرار

نمیگیرن و بهم ریختگی داره. البته فقط تصویر اول این مشکل رو داره.مانند

شکل زیر

[محمدحسین میری 3,094]

درود

 

 

به نظر میاد عکس برداشته شده

بدرود

[mehdi_mahmoudi 0]

درود

 

 

به نظر میاد عکس برداشته شده

بدرود

سلام. نه عکس هست.

[محمدحسین میری 3,094]

درود

 

 

تو فایل phocagallery_module_image.css شوید و در خط 2 مقدار padding رو به مقدار زیر تغیر بدید:

 

خط 2 :

a img {

    border: 0 none;

    margin: 0;

    padding: 0 ;

}

 

مقدار padding :

 

 padding: 0 1px;