durruti

Buenas,

Espero que me podéis ayudar con esto, quisiera que un item del menú tuviera otro color (lo ideal sería que parpadease). EJ:

INICIO | SERVICIOS | CONTACTO | MENÚ |

He comprobado dentro del template ambos CSS siguiendo los consejos de otros post pero este se muestra diferente en comparación con los que explican... En concreto:

template.css

@charset "utf-8";

/* CSS Document */





body {

margin-left: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

background: #fff;

}



body,td,th {

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #666;

line-height: 147%;

}



h1,h4,h5,h6 {

font-size: 12px;

color: #990000;

font-weight: normal;

}



h2 {

color: #990000;

font-weight: normal;

font-size: 14px;

text-transform: uppercase;

margin:0;

padding:0;

font-family: Verdana, Arial, Helvetica, sans-serif;

}



h3 {

color: #990000;

font-weight: normal;

font-size: 12px;

text-transform: none;

margin-bottom: 10px;

padding-top: 0;

margin-top: 0;

font-family: Verdana, Arial, Helvetica, sans-serif;

}



a {

color: #666;

}



a:hover {

color: #990000;

}



.container {

padding-top: 40px;

width: 770px;

margin-left: 30px;

}



#main {

width: 770px;

clear: left;

margin-top: 0;

float: left;

}



#logo {

width: 200px;

float: left;

}



#searchBox {

width: 170px;

float: right;

margin-top: 42px;

}



#searchBox input {

width: 170px;

background: none;

color: #666;

border: solid 1px #CCCCCC;

font-size: 12px;

height: 17px;

}



#menurow {

border-top: solid 1px #CCCCCC;

float: left;

clear: left;

margin-top: 30px;

width: 770px;

height: 50px;

}



#login {

height:28px;

line-height:26px;

float: right;

width: 100px;

text-align: right;

}



#login a {

color: #990000;

text-decoration: none;

font-size: 10px;

}



#loginpanel{

background:#fff;

border:solid 1px #CCCCCC;

width:350px;

padding:10px;

padding-right: 0;

color:#666;

position:relative;

font-weight:normal;

font-size:12px;

line-height:18px;

text-align: left;

margin-left: -260px;

height: 100px;

}



#loginpanel label {

font-size: 10px;

}



#loginpanel p{

margin:0;

padding: 0;

}



#loginpanel h3{

display : none;

}



#form-login-remember label{

float: left;

clear: left;

margin-left: 7px;

}



#form-login-remember .inputbox {

width: 30px;

border: none;

}



#form-login-username {

float: left;

margin-right: 15px;

}



#loginpanel ul {

width: 330px;

margin:0;

padding: 0;

margin-top: 10px;

margin-left: 10px;

float: left;

}



#form-login .button {

margin:0;

padding:0;

width: 70px;

margin-left: 40px;

}



#loginpanel ul li{

list-style: none;

float: left;

margin-right: 5px;

font-size: 8px;

}



#loginpanel input {

float: left;

width: 120px;

border: solid 1px #ccc;

color: #666;

background: none;

font-size: 10px;

margin-right: 40px;

margin-bottom: 5px;

}



#header {

width: 770px;

float: left;

display: inline-block;

margin-bottom: 20px;

}



#content {

width: 490px;

float: left;

}



#content2 {

width: 700px;

float: left;

}



#right {

width: 222px;

float: right;

background: #EEEEEE;

padding-top: 20px;

padding-bottom: 70px;

margin-top: 20px;

}



#right .moduletable {

width: 185px;

margin-left: 20px;

margin-bottom: 20px;

}



#footer {

clear: left;

float: left;

width: 770px;

text-align: right;

border-top: solid 1px #CCCCCC;

font-size: 9px;

margin-top: 30px;

margin-bottom: 30px;

}



h2.contentheading, h2.componentheading {

margin-bottom: 20px;

margin-top: 10px;

}



.clear {

clear: both;

}





/* COMMON TAGS */

.modifydate {

color: #C0C0C0;

}



.author {

color: #C0C0C0;

}



.createdate {

color: #C0C0C0;

}



.contenttoc {

margin: 5px;

}





ul {

margin: 2px;

padding: 6px;

padding-left: 15px;

}



li {

padding-left: 1px;

line-height: 150%;

}



ul.arrow1 li,

ul.arrow2 li {

padding-left: 5px;

padding-bottom: 2px;

padding-top: 2px;

}



.buttons {

float:right;

width:85px;

}



.buttons .buttonheading {

float:left;

}



.buttons img {

border: 0;

}



fieldset {

border: none;

}



textarea,

input {

border: solid 1px #ccc;

color: #666;

}



.button {

background: none;

border: solid 1px #ccc;

color: #990000;

}





/* Poll Module Styles */



.poll-radio {

padding:0;

float:left;

clear:left;

text-align:left;

}



.poll-option {

float:left;

padding-bottom:6px;

padding-top: 3px;

width:85%;

margin-left: 2px;

}



.poll h3 {

border:none;

}

mainmenu.css

#mainMenu {

float: left;

width:650px;

height: 28px;

margin-top: 0;

margin-right: 0;

margin-left: 1px;

}





.menu {

padding:0;

color: #666;

height: 28px;

margin: 0;

font-size: 10px;

text-transform: uppercase;

}



.menu ul{

list-style: none;

margin: 0;

padding: 0;

margin-left: -11px;

}



.menu li{

list-style: none;

float: left;

color: #666;

font-weight: normal;

font-size: 10px;

padding-right: 30px;

line-height: 26px;

text-transform: uppercase;

font-family: Arial, Helvetica, sans-serif;

}



.menu li ul {

position: absolute;

width: 120px;

left: -999em;

background-color: #fff;

line-height: 26px;

z-index: 500;

margin-left: -10px;

border: solid 1px #ccc;

margin-top: -1px

}



.menu li:hover ul {

left: auto;

}



.menu li ul li {

width: 120px;

padding: 0;

}



.menu a {

display: block;

padding: 0;

font-weight: normal;

text-decoration: none;

color: #666;

}



.menu a:hover {

color: #990000;

text-decoration: none;

}



html>body .menu li a {

width: auto;

}



.menu li ul li a {

padding-left: 20px;

color: #666;

}



.menu li.active,

.menu li:hover,#active_menu:link,a#active_menu:visited{

text-decoration: none;

color: #990000;

}



.menu li ul li:hover {



}



.menu li:hover ul, .menu li.sfhover ul {

left: auto;

}



.menu li.active a,

.menu ul li.active a {

text-decoration: none;

color: #990000;

}



.menu li.active a,

.menu li:hover a {

}



.menu li ul ul {

margin: -27px 0 0 120px;

}



.menu li:hover ul ul, .menu li.sfhover ul ul {

left: -999em;

}



.menu li:hover ul, .menu li li:hover ul, .menu li.sfhover ul, .menu li li.sfhover ul {

left: auto;

}



.menu li:hover ul ul, .menu li:hover ul ul ul, .menu li.sfhover ul ul, .menu li.sfhover ul ul ul {

left: -999em;

}



.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li.sfhover ul, .menu li li.sfhover ul, .menu li li li.sfhover ul {

left: auto;

}



.menu li:hover ul ul, .menu li:hover ul ul ul, .menu li:hover ul ul ul ul, .menu li.sfhover ul ul, .menu li.sfhover ul ul ul, .menu li.sfhover ul ul ul ul {

left: -999em;

}



.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li li li li:hover ul, .menu li.sfhover ul, .menu li li.sfhover ul, .menu li li li.sfhover ul, .menu li li li li.sfhover ul {

left: auto;

}

Por favor si hay alguien que pueda echarme una mano, desconozco que tendría que modificar para conseguir mi objetivo.... GRACIAS POR VUESTRA ATENCIÓN

eli be

No sé cómo

Pero hay muchos efectos para aplicar a los menus, y unos efectos espectaculares como aquí puedes encontrar las extensiones en está página algunos te dan demo de los efectos.

sorry