تغییر رنگ نوشته های منو ها

[naladra 2]

سلام دوستان

امیدوارم خوب باشید

من قالبی دارم و می خواهم رنگ نوشته های منو ها رو وقتی کلیک نخورده اند و وقتی کلیک می کنیم روشون رو عوض کنم و همچنین فونت را BOLD کنم هر چی سعی کردم نتونستم کد css مربوطه رو پیدا کنم

کد CSS قالب به صورت زیر می باشد ، لطفا من را یاری کنید

با تشکر

html {
 height: 100%;
 margin-bottom: 0px;
}

form {
 margin: 0;
 padding: 0;
}

img,table {
border: none;
}

body {
direction:rtl;
font-family: Tahoma, Tahoma, Tahoma;
line-height: 1.3em;

margin: 0;
padding: 0;
font-size: 12px;
color: #666;
background: url(../images/bg.jpg) top left;
}

body.contentpane {
background: url(../images/bg.jpg) bottom left repeat-x;
}

a:link, a:visited {
text-decoration: underline;
font-weight: normal;
color: #555;
}

a:hover {
text-decoration: none;
font-weight: normal;
color: #333;
}

input.button, .validate  {
border: 1px solid #CCC;
color: #666;
font-size: 10px;
background: #f9f9f9;
}

input.button:hover, .validate:hover  {

}

p {
margin-top: 0;
margin-bottom: 5px;
text-align: justify;
}

.inputbox {
       border: 1px solid #ccc;
color: #666;
padding: 2px;
background: #f4f4f4;
}
.inputbox:hover {

}

#search .search .inputbox {
width: 130px;
height: 14px;
font-size: 11px;
padding: 6px 40px 0 0;
background: none;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#all {
background: url(../images/gradient.jpg) top left repeat-x;
margin: 0 auto;
padding: 40px 0 0 0;
}

#top {
width: 900px;
margin: 0 auto;
}

#page_bg {
padding: 0;
}

div.center {
text-align: center;
margin: 0 auto;
width: 898px;




}

div#wrapper {
margin: 0 auto;
width: 898px;
text-align: right;
background: #f9f9f9 url(../images/gradient2.jpg) top left repeat-x;
}

#middle {
background: url(../images/middle2.jpg) top center no-repeat;
width: 900px;
height: 7px;
margin: 0 auto;
font-size: 0;
}

#header {
background: url(../images/header.jpg) top left repeat-x;
width: 900px;
margin: 0 auto;
height: 206px;
}

#content {
width: 900px;
margin: 0 auto;
overflow: hidden;
}

#logo {
padding: 40px 40px 0 0;
text-align: right;
margin: 0 auto;
width: 860px;
}

#logo a, #logo a:link, #logo a:hover {
font-weight: normal;
font-family: Tahoma, Tahoma, Tahoma;
font-size: 28px;
padding: 0;
margin: 0;
letter-spacing: 1px;
color: #5a8c94;
text-decoration: none;
outline: none;
line-height: 36px;
}

.pill_m {
width: 700px;
text-align: center;
height: 24px;
margin: 0 auto;
float: right;
}

#pillmenu {
float: left;
width: 700px;
}

#pillmenu ul {
margin: 0;
padding: 0;
list-style: none;
}

#pillmenu li {
float: right;
margin: 0 2px 0 0;
padding: 0;
height: 24px;
background: url(../images/menu_li.jpg) top right no-repeat;
}

#pillmenu li:hover {

}

#pillmenu li a#active_menu-nav {
color: #5f5f5f;
}

#pillmenu li a {
font-family: Tahoma, Tahoma;
font-size: 11px;
float: left;
display: block;
line-height: 24px;
padding: 0 10px 0 10px;
color: #8f8f8f;
text-decoration: none;
background: url(../images/menu_li_a.jpg) top left no-repeat;
}

#pillmenu li a:hover {
color: #5f5f5f;
}

#search {	
width: 190px;
height: 24px;
text-align: right;
background: url(../images/search2.jpg) top right no-repeat;
margin: 0 auto;
float: left;
}

#area {
padding: 0;
margin: 0 auto;
}

#leftcolumn {
margin: 8px;
width: 130px;
float: left;
text-align: center;
}

#rightcolumn {
margin: 8px 10px;
width: 130px;
float: left;
text-align: center;
}

div#maincolumn {
float: left;
width: 602px;
margin: 8px 0;
}

div#maincolumn_full {
float: left;
width: 664px;
margin: 8px 0;
}

div.nopad {
overflow: hidden;
}

div.nopad ul {
clear: both;
}

td.middle_pad {
width: 20px;
}

#banner_l {
text-align: right;
padding: 0 24px 0 0;    
}

#content_bottom {
background: url(../images/content_bottom2.jpg) bottom center no-repeat;
height: 2px;
width: 900px;
margin: 0 auto;
font-size: 0;
}

#footer {
margin: 0 auto;
width: 900px;
height: 50px;
text-align: center;
vertical-align: top;
padding-bottom: 10px;
}

#footer p {
height: 20px;
text-align: right;
padding: 10px 30px 0 0;
color: #666;
}

/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
background: #fffebb;
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 1.2em;
padding: 5px;
}

/* headers */
div.componentheading {
height: 22px;
padding: 0 4px 0 0;  
}
table.blog {

}
h1 {
padding: 0;
font-family: Tahoma, Tahoma, Tahoma;
font-size: 1.3em;
font-weight: bold;
vertical-align: bottom;
color: #333;
text-align: right;
width: 100%;
}

h2, .contentheading {
padding: 0;
font-family: Tahoma, Tahoma, Tahoma;
font-size: 14px;
vertical-align: middle;
color: #0099cc;
text-align: right;
font-weight: normal;
}

table.contentpaneopen h3 {
margin-top: 25px;	

}

h4 {
font-family: Tahoma, Tahoma, Tahoma;
color: #333;
}

h3, .componentheading, table.moduletable th, legend {
margin: 0;
font-family: Tahoma, Tahoma, Tahoma;
font-size: 14px;
text-align: right;
color: #555;
padding: 0;
}
/* small text */
.small {
font-size: 10px;
color: #999;
font-weight: normal;
text-align: right;
}

.modifydate {
height: 20px;
vertical-align: bottom;
font-size: 10px;
color: #999;
font-weight: normal;
text-align: right;
}

.createdate {
height: 20px;
vertical-align: top;
font-size: 10px;
color: #999;
font-weight: normal;
vertical-align: top;
padding-top: 0px;
}

a.readon {
display: block;
float: right;
line-height: 14px;
font-size: 10px;
text-decoration: underline;
padding: 1px 2px 1px 2px;
color: #666;
}
a.readon:hover {
color: #333;
text-decoration: none;
}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
background-color: #f1f1f1;
color: #333;
}

.ol-background {
background-color: #f1f1f1;
color: #333;
}

.ol-textfont {
font-family: Tahoma, Tahoma, Tahoma;
font-size: 10px;
}

.ol-captionfont {
font-family: Tahoma, Tahoma, Tahoma;
font-size: 12px;
color: #f6f6f6;
font-weight: bold;
background: #f6f6f7;
}
.ol-captionfont a {
background-color: #f1f1f1;
color: #333;
text-decoration: none;
font-size: 12px;
}

.ol-closefont {}

/* menu links */
a.mainlevel:link, a.mainlevel:visited {
padding-right: 5px;
}

a.mainlevel:hover {

}

/* spacers */
span.article_separator {
display: block;
height: 20px;
}

.article_column {

}

.column_separator {

}

td.buttonheading {
text-align: right;
width: 0;
}

.clr {
clear: both;
}

table.blog span.article_separator {
display: block;
height: 20px;
}



/* table of contents */
table.contenttoc {
 margin: 5px;
 border: 1px solid #ccc;
 padding: 5px;
}

table.contenttoc td {
 padding: 0 0 0 5px;      
}


/* content tables */
td.sectiontableheader {
 color: #333;
 font-weight: bold;
 padding: 4px;
 border-bottom: 1px solid #CCC;
 background: #e7e7e7;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
 padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
 padding: 3px;
 color: #666;
 font-size: 11px;
}


/* content styles */
.contentpaneopen, table.contentpane {
margin: 0;
padding: 0;
}

table.contentpane td{
text-align: right;
}

table.contentpane td.contentdescription {
width: 100%;
}

table.contentpane  {
text-align: right;
float: right;
width: 100%;
margin: 8px;
}

table.contentpane ul li a .category {
color: #FF8800;
}

table.contentpane ul li {
color: #333;
}

table.contentpaneopen {
margin: 2px 4px;
}

table.contentpaneopen li {
margin-bottom: 5px;
}

table.contentpaneopen fieldset {
border: 0;
border-top: 1px solid #669933;
}

table.contentpaneopen h3 {
margin-top: 25px;	

}

table.contentpaneopen h4 {
font-family: Tahoma, Tahoma, Tahoma;
color: #669933;
}

.highlight {
background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable {
margin-bottom: 0px;
}

div.module_menu, div.module, div.module_text {
padding: 0;
margin: 0 0 14px 0;
}

div.module_menu div, div.module div, div.module_text div {
padding: 0;
background: #e2e2e2;
}

div.module_menu div div, div.module div div, div.module_text div div {
padding: 1px;
}

div.module_menu div div div, div.module div div div, div.module_text div div div{
padding: 0 0 1px 0;
background: #f6f6f6;
}

div.module_menu div div div div, div.module div div div div {
background: #f6f6f6;
padding: 0;
}

div.module_menu div div div form, div.module div div div form{
padding: 6px 0 6px 0;
}




div.module_menu ul {
list-style: none;
}

div.module_menu ul li{
margin: 0;
padding: 0;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
font-weight: bold;
background: transparent url(../images/blue/bullet2.jpg) top right no-repeat;
padding: 2px 25px 2px 0; 
line-height: 24px;
}


#leftcolumn div.module table ,#rightcolumn div.module table {

}

#leftcolumn div.module table.poll {
padding: 0;
margin: 0 auto;
}

/* LEFT COL H3 */
#leftcolumn h3, #rightcolumn h3 { 	

color: #666;
font-family: Tahoma, Tahoma, Tahoma;
font-size: 12px;
text-align: center;
height: 26px;
width: 168px;
text-decoration: none;
padding: 0 10px 0 0;  
background: url(../images/h3.jpg) top left no-repeat;
font-weight: normal;
line-height: 26px;

}

#leftcolumn .moduletable_menu, #leftcolumn .moduletable, #leftcolumn .moduletable_text, #leftcolumn .c, 
#rightcolumn .moduletable_menu, #rightcolumn .moduletable, #rightcolumn .moduletable_text, #rightcolumn .c {
margin: 0 0 16px 0;
padding: 0 0 8px 0;
}

#leftcolumn .moduletable form, #leftcolumn .module_text .bannergroup_text,
#rightcolumn .moduletable form, #rightcolumn .module_text .bannergroup_text {
padding: 6px 0 0 10px;
}

#leftcolumn ul.menu, #rightcolumn ul.menu {
margin: 0;
padding: 2px;
list-style: none;
}

#leftcolumn ul.menu li, #rightcolumn ul.menu li {
margin: 0 4px 0 4px;
padding: 0;
}

#leftcolumn ul.menu li:hover, #rightcolumn ul.menu li:hover {

}

/*LEFT COL LINK*/
#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
#rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {

line-height: 20px;
padding: 0 10px 0 0;  
text-decoration: none;
color: #666;
font-weight: normal;
font-size: 11px;
background: url(          ) center right no-repeat;
margin: 0;
}

#leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
color: #333;
}

/*LEFT COL CURRENT LINK*/
#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link, 
#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
line-height: 20px;
padding: 0 10px 0 0;  
text-decoration: none;
color: #333;
font-weight: normal;
font-size: 11px;
margin: 0;
}

#leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {

}

/*LEFT COL SUB LINK*/
#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link {
text-decoration: none;
color: #666;
margin: 0;
font-size: 11px;
background: url(../images/sub_menu_row.jpg) center left no-repeat;
font-weight: normal;
display: block;
line-height: 20px;
padding: 0 18px 0 0;      
border: none;
}

#leftcolumn ul.menu li ul li#current a, #leftcolumn ul.menu li ul li#current a:link, #leftcolumn ul.menu li ul li#current a:visited, #leftcolumn ul.menu li ul li#current a:hover {
font-size: 11px;
margin: 0;
padding: 0 8px 0 0;      
text-decoration: none;
border: none;
color: #333;
}
/*SUBMENU POSITION*/
#leftcolumn ul.menu li#current ul {
margin: 0;
padding: 0;
}

#leftcolumn ul.menu li#current ul li {
margin: 0;
padding: 0;
}

/*CURRENT SUBMENU POSITION*/
#leftcolumn ul.menu li ul {
margin: 0;
padding: 0 6px 0 0;
}

#leftcolumn ul.menu li#current ul li a:hover {
color: #333;
}

#leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul {
list-style: none;
}

/* forms */
#leftcolumn .moduletable ul, #rightcolumn .moduletable ul {
margin:6px 0;
padding:0;
list-style:none;
}

#leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li {
margin:0;
padding:0 0 0 2px;    
}

table.adminform textarea {
 width: 540px;
 height: 400px;
 font-size: 1em;
 color: #000099;
}

div.search input {
width: 90px;
border: 0;
height: 15px;
}

form#form-login fieldset { 
border: 0 none; 
margin: 0; 
}
form#form-login ul li{ 
padding: 0; 
}

form#form-login ul li a {
text-align: right;
padding: 0;
font-size: 10px;
color: #555;
}

/* thumbnails */
div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #333; }

div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #333; text-align: center; }

/* Parameter Table */
table.paramlist {
margin-top: 5px;
}

table.paramlist td.paramlist_key {
width: 128px;
text-align: right;
height: 30px;
}

table.paramlist td.paramlist_value {
}

div.message {
font-family: Tahoma, Tahoma, Tahoma;
font-weight: bold;
font-size : 14px;
color : #c30;
text-align: center;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 3px 0px 10px;
padding: 3px 0 0 20px;        
}

/* Banners module */

/* Default skyscraper style */
.bannergroup {
}

.banneritem {
}

/* Text advert style */

.banneritem_text {
padding: 4px;
font-size: 11px;
}

.bannerfooter_text {
padding: 4px;
font-size: 11px;
text-align: right;
}

/* System Messages */
/* see system general.css */

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

/* Polls */
.pollstableborder td {
text-align: right;
}

/* Frontend Editing*/
fieldset {
border: 1px solid #ccc;
margin-top: 15px;
padding: 15px;
}

legend {
margin: 0;
padding: 0 0 0 10px;  
}

td.key {
border-bottom:1px solid #eee;
color: #333;
}

/* Tooltips */
.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
}

.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
font-size: 100%;
margin: 0;
}

/* System Standard Messages */
#system-message dd.message ul { 
padding: 0;
margin: 0;
background: none;
border: none;
}

/* System Error Messages */
#system-message dd.error ul { 
color: #c00; 
background: none;
border: none;
padding: 0;
margin: 0;
}

/* System Notice Messages */
#system-message dd.notice ul { 
color: #c00; 
background: none;
border: none;
padding: 0;
margin: 0;
}

#system-message dd {
text-indent: 0;
}

#system-message dd ul {
list-style-type: none;
color: #c00; 
background: none;
border: none;
}

#system-message {
margin-top: 5px;
}



/* ****************************************************************************** */
/* blue */
input, button {

}
/* blue */
input[type="checkbox"], input[type="radio"]{
  background: transparent;
  border: none;
}

/* -------------------------- */
a.sgfooter:link, a.sgfooter:visited {
color: #555;
font-family: Tahoma, Tahoma, Tahoma;
text-decoration: none;
}
a.sgfooter:hover {
color: #555;
font-family: Tahoma, Tahoma, Tahoma;
text-decoration: none;
}
#sgf {
font-size: 11px;
text-align: center;
width: 100%;
margin: 0 auto;
color: #555;
font-family: Tahoma, Tahoma, Tahoma;
}
.sgf {
text-align: right;
font-size: 11px;
font-family: Tahoma, Tahoma, Tahoma;
color: #555;
text-decoration: none;
}
.sgf1 {
font-size: 11px;
font-family: Tahoma, Tahoma, Tahoma;
color: #555;
text-align: right;
}

a.sglink:link, a.sglink:visited {
color: #555;
font-size: 11px;
font-family: Tahoma, Tahoma, Tahoma;
text-decoration: none;
}
a.sglink:hover {
color: #555;
font-family: Tahoma, Tahoma, Tahoma;
text-decoration: none;
}

[sonic69 279]

با سلام

در صورت امکان دمو قرار بدید

ولی در حالتی کلی

کد زیر

a:link, a:visited {
   text-decoration: underline;
   font-weight: normal;
   color: #555;
}

برای وقتی هست که مطلبی لینک هست

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

a:hover {
   text-decoration: none;
   font-weight: normal;
   color: #333;
}

باز اگر دمو قرار بدید بیشتر میشه راهنمایی کرد

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

موفق باشید

[naladra 2]

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

دموی کار

http://www.special-designing.com/

با تشکر

[sonic69 279]

سلام مجدد

خوب من قالب رو برسی کردم

برای وقتی در حالت لینک هست از کد زیر

#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link, #rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
color: #FF0000;
   font-size: 11px;
   font-weight: normal;
   line-height: 20px;
   text-decoration: none;
}

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

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

#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a, #rightcolumn ul.menu li a:hover {
color: #00FF00;
   font-size: 11px;
   font-weight: normal;
   line-height: 20px;
   text-decoration: none;
}

این رو هم رنگش رو به دلخواه تغیر بدید

این کدها رو در آخر فایل تمپلت دات سی اس اس اضافه کنید

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

font-weight:bold;

موفق باشید

[naladra 2]

و همچنین می خوام کادر دور ماژول های ستون چپ و راست را بردارم

لطفا در این قسمت هم من را راهنمایی کنید

با تشکر فراوان

[sonic69 279]

572

در مورد کادر هم در خط 572 فایل تمپلت دات سی اس اس کد زیر قرار دارد

div.module_menu div div, div.module div div, div.module_text div div {
   padding: 1px;
}

حال کافی است مقدار

    padding: 1px;

را به 0 کاهش دهید

موفق باشید

[naladra 2]

خیلی ممنون از راهنمایی های خوبتون

یه سوال دیگه هم برام پیش اومد و اونم اینکه چه جوری میشه بک گراند ماژول ها رو حذف کرد و بک گراند کلی قالب که راه راه هستش جاشو بگیره

ممنون

[sonic69 279]

خیلی ممنون از راهنمایی های خوبتون

یه سوال دیگه هم برام پیش اومد و اونم اینکه چه جوری میشه بک گراند ماژول ها رو حذف کرد و بک گراند کلی قالب که راه راه هستش جاشو بگیره

ممنون

در مورد رنگ پس زمینه ماژول ها

در فایل تمپلت دات سی اس ای در خط های 567و577 به ترتیب کدهای زیر قرار دارند

567

div.module_menu div, div.module div, div.module_text div {
padding: 0;
background: #e2e2e2;
}

577

div.module_menu div div div, div.module div div div, div.module_text div div div{
padding: 0 0 1px 0;
background: #f6f6f6;
}
شما به جای رنگ ها تصویر بزار
موفق باشید

[naladra 2]

بسیار ممنون

همه مواردی که گفتید رو انجام دادم

درست شد