Foros Joomla! Spanish

Zona técnica, debate y cooperación sobre Joomla!

Zonas Joomla! Spanish

Portal Joomla! Spansih
Portal Joomla! Spansih NoticiasComunidad JSZona de Extensiones

Estar informado de J!S

Boletines JS
Sigue el proyecto desde joomlacode
Joomla! Spanish 1.5.26 liberada

Sigue el proyecto desde joomlacode de la 3.0
Joomla! Spanish 3.1.0 liberada

Sigue el proyecto desde joomlacode de la 2.5
Joomla! Spanish 2.5.11 Liberada

Estadistícas del foro

  • Miembros en el foro: 399,097
  • Total Temas: 82,638
  • Total Mensajes: 2
Hay 92 usuarios actualmente navegando en los foros.

Colaboradores Gold

Soporte Publicitario



Responder
Antiguo 04-08-2010, 03:31 PM   #1
Iniciado en Joomla
 
Fecha de Ingreso: Jul 2008
Mensajes: 37
durruti is on a distinguished road
Predeterminado Modificar aspecto un elemento menú

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
durruti no está en línea   Responder Con Cita
Antiguo 05-08-2010, 12:31 AM   #2
Colaborador de Joomla
 
Fecha de Ingreso: Oct 2007
Mensajes: 170
eli be is on a distinguished road
Unhappy no se como

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
eli be no está en línea   Responder Con Cita


Responder

Marcadores

Herramientas
Desplegado

Permisos de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

Códigos BB están Activo
Los Emoticonos están Activo
Código [IMG] está Activo
Código HTML está Inactivo
Trackbacks are Activo
Pingbacks are Activo
Refbacks are Activo


Temas Similares
Tema Autor Foro Respuestas Último Mensaje
Crear menu con imagenes por cada elemento Alexander2878 Templates (1.0) 13 29-06-2012 07:18 PM
Modificar aspecto modulo random products!!! charly_1899 Templates-Plantillas (1.5) 1 01-07-2010 04:35 PM
Cómo resaltar un elemento en el menú sin afectar los demás? OlDsTaR Foro general (1.5) 1 30-06-2010 09:24 AM
Colocar elemento SEPARADOR | en menu desplegable utilizando EXTENDED MENU, no aparece richicasas Módulos (1.5) 0 21-08-2009 11:03 AM
No puedo borrar un elemento del menu alllebor Foro general (1.0) 2 21-05-2007 01:12 PM