رنگ ماژول محبوبترین

[haji]

سلام
چطور می تونم رنگ مثلا ماژول محبوبترین ها نوشته هاش قرمز کنم؟

یعنی خروجی mod_mostread مثلا به رنگ قرمز باشه؟

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

[سعید]

به تنظیمات ماژول برید. پسوند کلاس ماژول رو مشخص کنید.

داخل css یک استایل اختصای براش تعریف کنید.

مثلا : پسوند کلاس ماژول:

 -myStyle

استایل:

.moduletable-myStyle {
color : red
}

[haji]

سلام
من پسوند کلاس ماژول  myStyle-  گذاشتم و کدا وارد کردم ولی قرمز نشد


.moduletable-myStyle {
color : #FF0000;
}


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


پسوند كلاس ماژول

-mostreadred

table.moduletable-mostreadred {
color: #FF0000;

}

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

[سعید]

کد css رو کجا وارد کردید ؟

این رو مجدد تست کنید ک

 
.moduletable-myStyle td {
color : red
}

[haji]

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

[سعید]

میشه لینک بدید ؟

[haji]

خوب اگر چک کردید؟ فهمیدین از کجاست؟

[سعید]

دوست عزیز شما ماژول رو در حالت عادی لود نکردید...
سورس قالب رو ببینید :

MosLoadModules('xxx' , ##);

ببینید یا جای ## عددی هست یا اینکه در تنظیمات ماژول شما نمایش رو به صورت لیست تعیین کردید.

در سورس html صفحه شما :

<div class="module-myStyle"><div><div><div><h3>محبوب ترین ها</h3>
<ul class="mostread-myStyle">
 	<li class="latestnews-myStyle">
 	<a href="xxxxxxx/content/view/68/69/" class="mostread-myStyle">
 	گالری تصاویر جبهه 
 	</a>
 	 	</li>

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

a.mostread-myStyle:link, a.mostread-myStyle:visited {
color: red
}

a.mostread-myStyle:hover {
color: #XXXXXX

}

XXXXXX عدد متناظر با رنگ موردنظر شما برای حالت hover لینک ها (وقتی موس رو روش می برید) هست.

اگر کد بالا جواب نداد، به جای a.mostred-myStyle از عبارت li.latestnews-myStyle a.mostread-myStyle استفاده کنید. مثال :

li.latestnews-myStyle a.mostread-myStyle:link, li.latestnews-myStyle a.mostread-myStyle:visited {

color: red;

}

یا علی

[haji]

سلام
من می خوام کنار همین محبوبترین ها یه علامت تیک هم باشه ولی هر کاری می کنم نمی شه

[haji]

با این کد

.mostread-myStyle   ul {
  background-image: none;
  margin: 0px;
  padding: 0px;
} 

.mostread-myStyle   li {
  background-image: url(../images/bullet-rtl.gif);
  background-repeat: no-repeat;
}