آيا هر ماژول css خاص خودش رو داره؟
سلام
آيا هر ماژول css خاص خودش رو داره؟
يعني اينكه ماژول از چه فونتي استفاده كنه، چپ چين باشه يا راست چين و ... رو در مورد هر ماژول از كجا بايد تغيير داد؟
مثلا من از ماژول thumbsup استفاده مي كنم و اون رو در موقعيت چپ سايتم قرار دادم، در css هم موقعيت left رو اونجوري ميخواستم css مربوط به اوون رو اديت كردم...
ولي همچنان title مطالبي كه اين ماژول نمايش ميده، bold هست؟!
جاي ديگه اي رو هم بايد تغيير بدم؟!
پاسخ : آيا هر ماژول css خاص خودش رو داره؟
سلام
روشهای زیادی داره! یکیش اینه که با css در خوده قالب جوملایی مشخص کنید!
اما راه بهتر اینه که از پسوند ملاس ماژول استفاده کنید.
زمستانتان سپید
پاسخ : آيا هر ماژول css خاص خودش رو داره؟
يعني چطور؟!
مثلا براي ماژول thumbsup، با چه عنواني توي css كد بدم؟
بعدش اينكه اين كد رو كجاي فايل template.css قرار بدم؟
پاسخ : آيا هر ماژول css خاص خودش رو داره؟
سلام.....
نقل قول:
يعني چطور؟!
مثلا براي ماژول thumbsup، با چه عنواني توي css كد بدم؟
یکی از راه ها اینه که با دیدن کد سورس سایت خود ببینید کلاس ماژول مربوطه چیست و سپس تغییرش بدهید...
نقل قول:
بعدش اينكه اين كد رو كجاي فايل template.css قرار بدم؟
در هر جای از template.css قرار بدهید...
پاسخ : آيا هر ماژول css خاص خودش رو داره؟
سلام
برای این ماژول من کد زیر ذو توی css قرار دادم
کد:
/* thumbsup Module ---*/
div.moduletable_thumb h3 {
font-family : Tahoma, Helvetica, sans-serif;
font-size : 13px;
font-weight : normal;
font-style : inherit;
text-transform : uppercase;
text-align : right;
line-height : 27px;
color : #000000;
width : 100%;
}
و برای پسوند کلاس ماژول هم _thumb رو ذخیره کردم
ولی جواب نمیگیرم!!!
پاسخ : آيا هر ماژول css خاص خودش رو داره؟
سلام
کد رو در انتهای CSS قرار بدید.
یا علی
پاسخ : آيا هر ماژول css خاص خودش رو داره؟
این کد فقط تیتر عنوان ماژول رو تغییر داد!!
پاسخ : آيا هر ماژول css خاص خودش رو داره؟
کدی که قرار دادید باید همین کار رو بکنه!
پاسخ : آيا هر ماژول css خاص خودش رو داره؟
سلام
کد رو بصورت زیر گذاشتم، فکر می کنم درست شد!
کد:
table.moduletable_thumb h3, div.moduletable_thumb h3, div.moduletable_thumb h4 {}
---------------------------------
من از ماژول thumbsup استفاده می کنم و برای اوون دو تا کلاس در نظر گرفتم
و کلاس دومی رو با عدد 2 از اولی جدا کردم و ست کردم
ولی با این حال کلاس دومی توی تمام جاهایی که از این ماژول استفاده کردم اثر میذاره
می خواستم ببینم چرا اینطوری میشه!! در حالی که دو تا کلاس متفاوت هستن (از نظر تیتر و ...)
کد 1:
کد:
/* thumbsup Module ---*/
table.moduletable-thumbsup, div.moduletable-thumbsup {font-family: Tahoma, Times, serif;
font-weight:normal;
}
table.moduletable-thumbsup th, table.moduletable-thumbsup h3, div.moduletable-thumbsup th, div.moduletable-thumbsup h3 {font-family: Tahoma, Times, serif;
font-weight:normal;
}
table.moduletable-thumbsup td, div.moduletable-thumbsup td { font-family: Tahoma, Times, serif;
font-weight:normal;
}
.thumbsup-image img {
padding-left:0px;
margin-left:0px;
border: 1px solid #f8c122;
background: #f1f1f1;
margin-right:4px;
margin-top:-1px;
}
.thumbsup-image {
border-bottom: 1px #999 solid;
margin-bottom:10px;
padding-bottom:3px;
padding-top:3px;
padding-left:1px;
}
.thumbsup-title {
font-size:13px;
font-weight:normal;
}
.thumbsup-intro {
font-size:10px;
font-weight:normal;
}
.thumbsup-text {
border-bottom: 1px #999 solid;
}
.thumbsup-text a {
font-weight:normal;
}
.thumbsup-date {
font-weight:normal;
font-size:10px;
padding-bottom:0px;
}
کد 2:
کد:
/* thumb2 Module ---*/
table.moduletable-thumb2, div.moduletable-thumb2 {font-family: Arial, Times, serif;
font-weight:bold;
}
table.moduletable-thumb2 th, table.moduletable-thumb2 h3, div.moduletable-thumb2 th, div.moduletable-thumb2 h3 {font-family: Tahoma, Times, serif;
font-weight:normal;
}
table.moduletable-thumb2 td, div.moduletable-thumb2 td { font-family: Tahoma, Times, serif;
font-weight:normal;
}
.thumbsup-image img {
padding-left:0px;
margin-left:0px;
border: 1px solid #f8c122;
background: #f1f1f1;
margin-right:4px;
margin-left:3px;
margin-top:1px;
}
.thumbsup-image {
border-bottom: 1px #999 solid;
margin-bottom:8px;
padding-bottom:2px;
padding-top:2px;
padding-left:2px;
padding-right:2px;
}
.thumbsup-title {
font-family: Arial, Times, serif;
font-size:15px;
font-weight:bold;
}
.thumbsup-intro {
font-size:12px;
font-weight:normal;
}
.thumbsup-text {
border-bottom: 1px #999 solid;
}
.thumbsup-text a {
font-weight:normal;
}
.thumbsup-date {
font-weight:normal;
font-size:10px;
padding-bottom:0px;
}
** دو پست شما یکی شد