как прописывать в модулях и в css разное оформление для 2-х модулей меню?

vovchikku · October 13, 2010

у меня jоoomle есть 2 меню: главное и дополнительное...вот они http://wsugraru.128.com1.ru/arbitr-hmao/

я не могу вычленить какие пункты css меняют цвета шрифтов (и ссылок) в отдельных меню и на всем сайте ... заменил все цвета - получилось что где-то он сливается с фоном.

может попытаться присвоить суффикс для отдельного other menu? но как это делается..? я ни синтаксиса css для такого меню ни формата ссылки на суффикс не понимаю... помогите разобраться, пожалуйста

/****
author - rgb(raduga) [url="http://mambasana.ru"]http://mambasana.ru[/url]
***/

body,html {
  padding          : 0;
  margin           : 0;
  margin-bottom    : 10px;
	font-size: 14px;
	font-family: "Trebuchet MS";
	max-width: 974px;
	  align   : center;
 }
table.brd {

	 border-right: solid 1px #CCCCCC; 



   }
   table.sec_bkg {

background     : url(../images/nasha_spec_bkg.jpg) repeat-y top left;



   }
 td.topline {
  margin: 0;
  padding:  0;
background     : url(../images/bg_top.jpg) #ffffff repeat-x top left;
  width            : 974px;
  height:42px;


 }

 #wrap{
    widht:974px;
    margin:0 auto;
}
 h1{
margin-top:7px;
color:#00274e;
font-size:14px !important;

 }


    h2{
margin-top:7px;
color:#133766;
font-size:14px !important;

 }
#body_bg{
background     : url(../images/bg_top.jpg) #ffffff repeat-x top left;
  width            : 974px;
}
.main { 
  float            : left; 
  width            : 100%;
  margin           : 0; 
  padding          : 0;
}


.mod {
  background       : #FFFFFF;
  width            : 2px;
}

td, tr, p, div {
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  font-size        : 14px;
  color            : #00274e;
}
hr {
  color            : #999999;
  height           : 1px;
  width            : 100%;

}

form {
margin           : 0; 
padding          : 0;
}


.leftrow {
  width            : 185;
  height           : 100%;
  margin-right     : 0;
  background       : #00274e;

}
.rightrow {
  height           : 100%;
  width            : 169px;
  margin-left      : 0;
  background       : #ffffff;

 }
.back_button {
  color            : #999999;
  font-family      : Arial, Verdana,  Helvetica, sans-serif;
  font-size        : 12px;
  font-weight      : normal;
  padding-bottom   : 3px;
  margin-right     : 4px;
  float            : right;
  line-height      : 20px;
  }
.button {
  font-size        : 12px;
  color            : #333333;
  border           : 1px solid #999999;
  margin           : 3px;
  background-color : #EDEDED;
  padding          : 2px !important;
  padding          : 1px;

  cursor           : pointer;
}

.inputbox {
 color        : #000000;
 background   : #ffffff;
 border       : 1px solid #cccccc;
 margin       : 3px;

}


.contact_email  {
  width            : 100%;
}
.contact_email .inputbox {
  width            : 345px;

}
table.moduletable {

margin           : 0 0 8px 0;
	width            : 100%;
      background       : #ffffff;
      padding-bottom   : 2px;
	}

table.moduletable th {

    font-family          : Arial, Verdana,  Helvetica, sans-serif;
	font-size          : 14px;
	font-weight        : bold;
	text-align         : left;
	width              : 100%;
      background-color   : #5B7696; 
      color              : #00274e;
	padding            : 2px;
      text-indent        : 10px;
	line-height        : 15px;

	}

table.moduletable td {
    padding-top: 2px;

    	}


.sectiontableheader {
  font-size        : 14px;
  font-weight      : normal;
  text-transform   : uppercase;
  letter-spacing   : 1px;
  color            : #00274e;
  background       : #CCCCCC; 
  padding          : 1px;
}


.sectiontableentry1 {
  vertical-align   : top;
  padding          : 3px;
  background       : none;
  border-bottom    : 1px solid #ffffff;
  line-height      : 25px;


}
.sectiontableentry2 {
  vertical-align   : top;
  padding          : 3px;
  border-bottom    : 1px solid #ffffff;
  background       : #e0e0e8;
  line-height      : 25px;


}
.sectiontableentry1 img{
 padding-right: 4px !important;
 padding-right: 2px;

}
.sectiontableentry2 img{
 padding-right: 4px !important;
 padding-right: 2px;

}

span.mainlevel{
  display          : block;
  font-size        : 12px;
  border           : 1px solid #cccccc;
  background-color : #f1f1f1;
  font-weight      : normal;
  padding          : 2px 0;
  color            : #00274e;

  text-indent      : 10px;
}

a.mainlevel  {
 display           : block;
 width             : auto;
  margin           : 1px 0px;
  padding          : 0;
  font-size        : 12px;
  background       : none;
  text-indent      : 10px;


}
a.sublevel:link, a.mainlevel:visited  {
 width             : auto;
  margin           : 1px 0px;
  padding          : 0;
  font-size        : 12px;
  background       : none;
  text-indent      : 10px;



}
a.mainlevel:link, a.mainlevel:visited {
  display          : block;
  font-size        : 12px;
  border           : 1px solid #cccccc;
  background-color : #f1f1f1;
  font-weight      : normal;

  color            : #e5e9ed;

  text-indent      : 10px;
}
a.mainlevel:hover {
  border       : 1px solid #cccccc;
  background-color : #E0E0E8;
  font-size        : 12px;
  font-weight      : normal;
  color            : #FFFFFF;
  text-decoration  : none;
  text-indent      : 10px;
}

a img{
border: none;
}

#active_menu {
  color            : #e5e9ed;
  border       : 1px solid #cccccc;
  background-color : #E0E0E8;
  font-weight      : bold;
}
a#active_menu:hover {
  color            : #FFFFFF;
}

a:link, a:visited {
  color            : #e5e9ed;
  text-decoration  : none;
 width             : auto;
  margin           : 1px 0px;
  padding          : 0;
  background       : none;
  text-indent      : 10px;
}

a:hover {
  color            : #00274e;
  text-decoration  : none;

}
a.category:link, a.category:visited {
  font-size        : 12px;

}
a.readon:link, a.readon:visited {
  color            : #00274e;
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  font-size        : 12px;
  background       : url(../images/readon.gif) no-repeat;
  white-space      : normal;
  font-weight      : bold;
  padding          : 1px 0 3px 18px;
  float            : right;
  line-height      : 10px;
  text-decoration  : underline;
}
a.readon:hover {
  color            : #00274e;
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  font-size        : 12px;
  background       : url(../images/readon.gif) no-repeat;
  white-space      : normal;
  font-weight      : bold;
  padding          : 1px 0 3px 18px;
  line-height      : 10px;
  text-decoration  : underline;
}
ul {
  margin           : 2px;
  padding-left     : 10px;
  list-style       : none;
}
li {

  line-height      : 15px;
  padding-left     : 10px;
  padding-top      : 0;
  background-image : url(../images/strelka.gif) ;
  background-repeat: no-repeat;
  background-position: 0px 5px;
}
table.contenttoc {
  border           : 1px solid #dcdcdc;
  background       : #F1F1F1;
  padding          : 5px;
  margin-left      : 2px;
  margin-bottom    : 2px;
}
.pagenavcounter {
  font-size        : 10px;
  color            : #0066CC;
}
.pagenavbar {
  border-top       : 1px solid #00274e;
  padding          : 2px;
}
.pagenav {
  font-weight      : bold;
  }
a.pagenav:link, a.pagenav:visited {
  font-size        : 11px;
  color            : #00274e;
  text-decoration  : none;
}
a.pagenav:hover {
  font-size        : 11px;
  color            : #00274e;
  text-decoration  : none;
}
.date {
  font-size        : 10px;
  font-weight      : bold;
  color            : #00274e;
  padding-right    : 10%;
}
.small {
  font-size        : 10px;
  color            : #00274e;
}
.smalldark {
  font-size        : 10px;
  color            : #333333;
}
.createdate, .modifydate {
  float            : left;
  font-size        : 10px;
  color            : #00274e;
  font-weight      : bold;


}
.content_vote {
  font-size        : 10px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
}
.content_rating {
  font-size        : 10px;
  color            : #00274e;
}
.pathway {
  font-size        : 11px;
  color            : #00274e;
  padding-left     : 6%;
}
a.pathway:link, a.pathway:visited {
  font-size        : 11px;
  padding-left     : 0;
}
a.pathway:hover {
  font-size        : 11px;
  padding-left     : 0;
}
table.content{
  width            : 100%;
  padding          : 0;
  border-collapse  : collapse;
  border-spacing   : 0;
  margin-bottom    : 10px;
}
table.contentpane {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}
table.contentpaneopen {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
  text-align: justify;
}
.poll {
	color : #333333;
	line-height : 12px;
	font-weight: normal;

}

.pollstableborder{
  border-color     : #999999;
}
.contentheading,.componentheading {
  border-bottom    : 1px solid #000066;
  font-size        : 14px;
  font-weight      : bold;
  line-height      : 16px;
  text-transform   : uppercase;
  text-align       : left;
  text-indent      : 0;
  color            : #00274e;
  width            : 100%;
  padding          : 1px;
  margin: 3px 0px;
  }


.ontab {
  border-left      : 1px solid #666666;
  text-align       : center;
  font-weight      : bold;
  color            : #00274e;
  padding          : 5px;
  cursor           : pointer;
  line-height      : 30px;
}
.offtab {
  border-left      : 1px solid #666666;
  text-align       : center;
  color            : #999999;
  font-weight      : normal;
  padding          : 5px;
  cursor           : pointer;
  line-height      : 30px;
}
.tabpadding {
 border-left       : 1px solid #666666;
}

.footer {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
     background       : #00274e;
  color            : #ffffff;
  font-weight      : none;
  height           : 31px;
  border-top       : 1px solid #ffffff;
}
.footer1 {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  background-image : url(../images/shadow.jpg) ;
  color            : #ffffff;
  font-weight      : bold;
  height           : 31px;
  border-top       : 1px solid #00274e;


 }
.footer a:link, .footer a:visited {
  font-size        : 14px;
  color            : #ffffff;
  text-decoration  : none;
  font-weight      : bold;
}
.footer a:hover {
  font-size        : 14px;
  color            : #ffffff;
  text-decoration  : none;
  font-weight      : bold;
}


.lcol {
   vertical-align   : top;
   background       : #00274e;
   padding-top: 5px;
   padding-left: 3px;



}
.rcol {
   vertical-align   : top;
   background       : #ffffff;
   padding-top: 5px;
   border-right       : 1px #cccccc ;
   padding-right: 0px;



}

.foot {
  background       : none;
  vertical-align   : top;

}


.contentdescription { 
  width          : auto !important;
  margin         : 0;
  padding        :  0;
  padding-top    : 5px;
  text-align     : left;
}

td.top1{
margin: 0;
padding:  0;
height: 28px;
padding-top:  3px;
background		: url(../images/shadow.jpg) repeat-x;
width:974px;


}
table.top2{
background : #ffffff; 
  border-right: 1px #cccccc;
}

.searchbox {
  margin           : 0;
  padding          : 0;
  margin-top       : 13px;
  margin-left      : 10px;
  width            : 130px;
  font-size        : 12px;
  color            : #707070;
  padding          : 2px !important;
  padding          : 1px; 
  border           : 1px solid #cccccc;
  background       : none;

   }

.sublevel {
   font-family      : Verdana, Arial, Helvetica, sans-serif;
   font-size        : 12px;

   color            : #00274e;
   padding    	  : 3px 1px 3px 5px;
   margin		  : 3px;
}
a.sublevel:link, a.sublevel:visited {
  color		        : #00274e;
  text-decoration	: none;
     font-size        : 12px;
}
a.sublevel:hover {
  color            : #00274e;
  text-decoration  : none;
     font-size        : 12px;
}
a.sublevel#active_menu  {
	background      : transparent;
	color           : #00274e;
	border          : 0px;
	   font-size        : 12px;

}

td.logoheader {
  margin: 0;
  padding:  0;
  background     : url(../images/logo.gif)  no-repeat center left;
  height         : 76px;
  width          : 263px;

 }
td.topnav {
  margin : 0px;
  padding:  0px;
  background     : url(../images/bg_top.jpg) repeat-x top left;
  height         : 42px;
  width          : 770px;

 }

td.bgline {
  margin : 0px;
  padding:  0px;
  background     : url(../images/s.gif) repeat-y;
  width          : 7px;
  border-right: 1px black;
 }


 #mainlevel-nav {
    float            : right;
  display          : block;
font-size        : 11px;
  list-style       : none;
  padding          : 0;
  margin           : 0;
  margin-left      : 1px;

}

#mainlevel-nav li {
  float            : right;
  display          : block;
  list-style       : none;
  background-image : none;
  padding-left     : 2px;
  padding-right    : 2px;
  margin           : 0;
  width            : auto !important;
  font-size        : 11px;
  line-height      : 28px;
  white-space      : nowrap;
  border-left      : 1px solid #cccccc;

}
#mainlevel-nav li a {


padding-left     : 10px;
  padding-right    : 10px;
  font-size        : 11px;
  color            : #00274e;
  text-decoration  : none;

}

#mainlevel-nav li a:hover {
  font-size        : 11px;
  color            : #00274e;

}

.blog_more {
margin   : 10px 0 7px 7px;
}
.buttonheading {
padding  : 0 2px;
}

.mosimage {
  border     : 0px solid #dedede;
  margin     : 5px;
  padding-top:  3px;

}

.mosimage_caption {
  margin-top: 3px;
  padding   :  2px;
  color     : #000066;
  font-size : 10px;
  background: #f1f1f1;
}
.othermenucolor {

  color     : #00274e;

}

Great Rash · October 13, 2010

я не могу вычленить какие пункты css меняют цвета шрифтов (и ссылок) в отдельных меню и на всем сайте

Use Firebug Luke!

Kaylang · October 14, 2010

В настройках меню добавляешь суффикс. Потом в CSS прописываешь стили для меню.

Классы будут выглядеть приблизительно так: класссуффикс. Например если присвоишь суффикс other, то mainlevelother.

ЗЫ. Счас глянул у тебя у верхнего меню уже есть суффикс: -nav. А у правого нет никакого суффикса. Значит для верхнего mainlevel-nav, для правого просто mainlevel. Ну, и все остальные также.

Edited October 14, 2010 by Kaylang

Sign In

как прописывать в модулях и в css разное оформление для 2-х модулей меню?

Question

vovchikku

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

Kaylang

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information