07 febrero 2011

Menú expandible del Sevilla fc. en tu blog


Anteriormente os traje un menú del Sevilla FC (MENÚ) y hoy de nuevo vengo con otro pero este es expandible y más completo que el anterior, ya que trae todas las competiciones que afronta el Sevilla FC, desde la primera plantilla hasta los benjamines.

Podéis visualizarlo bajo la cabecera de mi blog, pero este tiene 3 o 4 modificaciones respecto al mío, ya que algunas páginas redireccionan a mi blog, y en este están en blanco.

Su instalación es fácil, tan solo copiar el código y pegarlo en un nuevo elemento de HTML > Diseño > Elementos de pagina > Añadir un gadget.

código:


Podéis añadir mas link si queréis, tan solo añadiendo este trozo de código:
<li><a href='DIRECCIÓN URL' title=''>TÍTULO</a>
</li>

El primer background:#6F0707; es el color del menú, ahora mismo es rojo, para cambiarlo, accede aquí y modifícalo a tu gusto, puedes hacer pruebas aquí pegando el código y modificandolo.

El tamaño del texto también es modificable en este trozo:
#subnav li a, #subnav li a:link, #subnav li a:visited {
color: #FFFFFF;
display: block;
font-size: 10px;
text-transform: uppercase;
margin: 0px 8px 0px 0px;
padding: 5px 10px 5px 10px;
border-left: 1px solid #FFFFFF;

Tiene más modificaciones pero eso lo dejo a vuestro antojo.
Espero que lo disfrutéis.

10 comentarios

gracias, copiando y tuneando...

Muy chuli Antonio, vaya tela como te superas.
Por ponerte una pega... se te ha olvidado la última barra para que todas la ventanitas estén cerradas.

Saludos.

@Nacho Mateos
Nacho para cerrar los bloques hay que modificar el border, te explico vete al código pulsa en pc ctrl + f y en el buscador pon border, el 1º que te sale borra left y colocas right, así se colocan a la derecha.
En 2ª lugar, los expandibles se te montan, para aumentar el tamaño busca el 2 width que viene a 100 y colócale 130 por ejemplo y pruebas.

@Santiago Mora
Santi,a tí también te va mal, coloca en el primer width: 750px; más anchura, por ejemplo 850.

Antonio, le tengo puesto 910 ¿a qu te refieres con qeu se ve mal?
El problema era que al desplegarse no veía nada y quedaba detrás del fondo del blog y he tenido que aumentar la anchura y al menos yo si lo veo, aunque tengo que cambiar el color e igualar las anchuras de los desplegables con los títulos de menú.
Gracias

@Santiago Mora
Santi con el explorer se ve bien pero con mozilla no, fijate y prueba con mozilla.
el último trozo de multimedia se desplaza bajo el primero.

Perdona mi ignorancia pero no sé que es eso de Mozilla.
¿entonces que crees que debo hacer?
Gracias

@Santiago Mora
Son navegadores y los mas usados por la gente son estos dos.

Gracias por esta ayuda a quienes estamos cortitos de programación.

ya tengo tu enlace en mi blog:http://cromosdelsevillafc.blogspot.com/

un saludo.

found your site on del.icio.us today and really liked it.. i bookmarked it and will be back to check it out some more later


Por favor, comente de acuerdo al tema del artículo.
Serán removidos todos los Comentarios con enlaces.
Si quieres recibir los nuevos comentarios marca "Avisarme"