آيا هر ماژول css خاص خودش رو داره؟

[yss.ir]

سلام

آيا هر ماژول css خاص خودش رو داره؟
يعني اينكه ماژول از چه فونتي استفاده كنه، چپ چين باشه يا راست چين و ... رو در مورد هر ماژول از كجا بايد تغيير داد؟
مثلا من از ماژول thumbsup استفاده مي كنم و اون رو در موقعيت چپ سايتم قرار دادم، در css هم موقعيت left رو اونجوري ميخواستم css مربوط به اوون رو اديت كردم...
ولي همچنان title مطالبي كه اين ماژول نمايش ميده، bold هست؟!

جاي ديگه اي رو هم بايد تغيير بدم؟!

[مهدی.]

سلام

روشهای زیادی داره! یکیش اینه که با css در خوده قالب جوملایی مشخص کنید!

اما راه بهتر اینه که از پسوند ملاس ماژول استفاده کنید.

زمستانتان سپید

[yss.ir]

يعني چطور؟!
مثلا براي ماژول thumbsup، با چه عنواني توي css كد بدم؟
بعدش اينكه اين كد رو كجاي فايل template.css قرار بدم؟

[محمد محسنی]

سلام.....

يعني چطور؟!
مثلا براي ماژول thumbsup، با چه عنواني توي css كد بدم؟

یکی از راه ها اینه که با دیدن کد سورس سایت خود ببینید کلاس ماژول مربوطه چیست و سپس تغییرش بدهید...

بعدش اينكه اين كد رو كجاي فايل template.css قرار بدم؟

در هر جای از template.css قرار بدهید...

[yss.ir]

سلام

برای این ماژول من کد زیر ذو توی 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 قرار بدید.

یا علی

[yss.ir]

این کد فقط تیتر عنوان ماژول رو تغییر داد!!

[سعید]

کدی که قرار دادید باید همین کار رو بکنه!

[yss.ir]

سلام

کد رو بصورت زیر گذاشتم، فکر می کنم درست شد!

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;
}

** دو پست شما یکی شد