کمک طراحی قالب

[mmfallah 67]

سلام

من طبق آموزشها edubox این ها را انجام دادم

از این کدها استفاده کردم

#top-users {
width:980px;
height:200px;
float:left;
margin:5px 5px 0px 15px;

border:#000;
border-style:groove;
}


#user1{
height:200px;
width:241px;
border-radius:5px;
background-color:#FFF;
float:left;
overflow:hidden;

}
#user11{
width:180px;
height:220px;
background-color:#039;

}

#user2{
height:200px;
width:241px;
border-radius:5px;
background-color:#FFF;	
float:left;
margin-left:5px;
overflow:hidden;	
}

#user3{
height:200px;
width:241px;
border-radius:5px;
background-color:#FFF;	
float:left;
margin-left:5px;
overflow:hidden;
}

#user4{
height:200px;
width:241px;
border-radius:5px;
background-color:#FFF;	
float:left;
margin-left:5px;
overflow:hidden;
}

حالا برای هر موقعیت یک کلاس تعریف کردم

.moduletable_sale h3{

background-image:url(../images/sale.png);

background-position:right;

background-repeat:no-repeat;

width:240px;

height:42px;

color:#3fb7c6;

}

که عکس هدرشون تغییر می کنه.

حالا برای اینکه متن داخل موقعیت از سمت راست و چپ 5 پیکسل بگیره مشکل پیدا کردم.

وقتی کدش را می زنم هدر هم باهاش جابه جا میشه. مثل عکس

http://jupload.ir/uploads/joomlaforum.ir_13579386371.jpeg

[Morteza Fard Saffari 35]

سلام

من طبق آموزشها edubox این ها را انجام دادم

از این کدها استفاده کردم

#top-users {
width:980px;
height:200px;
float:left;
margin:5px 5px 0px 15px;

border:#000;
border-style:groove;
}


#user1{
height:200px;
width:241px;
border-radius:5px;
background-color:#FFF;
float:left;
overflow:hidden;

}
#user11{
width:180px;
height:220px;
background-color:#039;

}

#user2{
height:200px;
width:241px;
border-radius:5px;
background-color:#FFF;	
float:left;
margin-left:5px;
overflow:hidden;	
}

#user3{
height:200px;
width:241px;
border-radius:5px;
background-color:#FFF;	
float:left;
margin-left:5px;
overflow:hidden;
}

#user4{
height:200px;
width:241px;
border-radius:5px;
background-color:#FFF;	
float:left;
margin-left:5px;
overflow:hidden;
}

حالا برای هر موقعیت یک کلاس تعریف کردم

.moduletable_sale h3{

background-image:url(../images/sale.png);

background-position:right;

background-repeat:no-repeat;

width:240px;

height:42px;

color:#3fb7c6;

}

که عکس هدرشون تغییر می کنه.

حالا برای اینکه متن داخل موقعیت از سمت راست و چپ 5 پیکسل بگیره مشکل پیدا کردم.

وقتی کدش را می زنم هدر هم باهاش جابه جا میشه. مثل عکس

http://jupload.ir/uploads/joomlaforum.ir_13579386371.jpeg

سلام آقای محمد فلاح

عزیز دل به کدت دقت میکری این کلاسی که تو تعریف کردی برای تموم موقعیت های ماژول اعمال میشه چون شما بهش محدودیت کمی دادی و شما برای این کار که میخوای به تکت تکشون یه کلاس اختصاصی بدی مثلا برای h3 ها باید به این صورت عمل کنی تا با بقیه قاطی نشه

#user1 .moduletable h3 { 

background-image:url(../images/sale.png);
background-position:right;
background-repeat:no-repeat;
width:240px;
height:42px;
color:#3fb7c6;
}

و باقی هم به همین صورت

در صورتی که این کار رو بکنی دیگه مشکلی بابت تغییر محل هدر یا مشکلات این چنینی نخواهی داشت

ویرایش شده در دی 91 توسط Morteza Fard Saffari

[نیما حبیب خدا 19]

متن داخل موقعیت یعنی لینک ها عزیزم؟

درباره اون مسئله هم من واقعا زمان ندارم

[mmfallah 67]

فکر کنم بد سوالم را مطرح کردم

.moduletable_sale h3{
background-image:url(../images/sale.png);
background-position:right;
background-repeat:no-repeat;
width:240px;
height:42px;
color:#3fb7c6;
}

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

می متن که توی موقعیت هام هست مثلا یکی از اون چهار موقعیت را می خوام از سمت راست و چپ فاصله بگیره

حالا چه تو این کلاس چه تو ی موقعیت user 1 فاصله میدم عکس که مربوط به کلاس هم هست فاصله میگیره.

امیدوارم منظور را خوب رسونده باشم.

[Morteza Fard Saffari 35]

فکر کنم بد سوالم را مطرح کردم

.moduletable_sale h3{
background-image:url(../images/sale.png);
background-position:right;
background-repeat:no-repeat;
width:240px;
height:42px;
color:#3fb7c6;
}

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

می متن که توی موقعیت هام هست مثلا یکی از اون چهار موقعیت را می خوام از سمت راست و چپ فاصله بگیره

حالا چه تو این کلاس چه تو ی موقعیت user 1 فاصله میدم عکس که مربوط به کلاس هم هست فاصله میگیره.

امیدوارم منظور را خوب رسونده باشم.

ببخشید من منظور شما رو خوب متوجه نشده بودم عذر خواهی میکنم

البته اگه الان متوجه شده باشم و بتونم درست جوابتون رو بدم شما باید یه padding راست و چپ به خود دیویژن users تون بدید که user های کناریتون از بغل فاصله بگیرن البته لازمه اینکه قالبتون هم بهم نریزه اینه که یکم بعد از اضافه کردن پدینگ متناسب با اون عرض رو کم کنید

موفق و پیروز باشید

زنده باد ایران و ایرانی