25 de enero de 2015

Personalizar el menú que da por defecto Blogger





Para personalizar el menú que da por defecto Blogger para las Páginas Estáticas entrar en

►Diseño
►Diseñador de plantillas
►Avanzado
►Añadir CSS , y ahí en el campo, para Añadir código CSS personalizado, agregamos el siguiente código:


#PageList1 {
background: #FFF;/*color de fondo*/
width: 100%;
border: 2px solid #FF9900;/*borde del menu*/
}
#PageList1 ul li a {
color: #FF9900;/*color de la fuente*/
text-decoration: none; /* links sin subrayado*/
text-transform: uppercase;/*fuente en mayúsculas*/
font-weight: bold;/*fuente en negrita*/
font-size:15px;/*tamaño de la fuente*/
padding-right: 20px;
background: transparent url(url de la flecha) center right no-repeat;
}
#PageList1 ul li a:hover {/*efecto al pasar al cursor*/
color: #000;
position: relative;
left: 1px;
top: 1px;
background: transparent url(url de la flecha) center right no-repeat;
}


No hay comentarios:

Publicar un comentario

Diseño por Blogger Sin Escalones Con la tecnología de Blogger.