Mostrando entradas con la etiqueta Menu bar. Mostrar todas las entradas
Mostrando entradas con la etiqueta Menu bar. Mostrar todas las entradas

lunes, 23 de noviembre de 2009

Añadir la menubar a la plantilla

Es muy fácil poner la menú bar se puede poner encima de la cabecera o debajo donde nos guste más.
Primero vamos hacer es ponerla arriba de la cabecera





Como siempre vamos a diseño, edicion htlm sin expantir artilugios.
Y buscamos esto ( Control + F )
<div id='header-wrapper'>
Debajo de este codigo añadimos esto.
<b:section class='menubar' id='menubar' maxwidgets='1' showaddelement='yes'>
<b:widget id='LinkList2' locked='true' title='Menubar' type='LinkList'/>
</b:section>

Me imagino que ya tienes un elemento "Lista" añadido, de ahí el id='LinkList2', si tenemos mas de un elemento "Lista" añadidos hemos de saber ( cual toca ) para cambiar su id. Para no complicarnos demasiado, lo mejor es poner en el id un número elevado.

<b:section class='menubar' id='menubar' maxwidgets='1' showaddelement='yes'>
<b:widget id='LinkList50' locked='true' title='Menubar' type='LinkList'/>
</b:section>


En el CSS de la plantilla añadimos el código para nuestro menubar, si no sabemos donde colocar el codigo, lo ponemos antes de ]]>


#menubar h2 {display:none;}

#menubar ul {
list-style: none;
}
#menubar li {
float: left;
}

#menubar a:link, #menubar a:visited, #menubar a:hover {
padding: 5px;
display: block;
color: #003399;
}

#menubar a:hover {
background-color: #CC3300;
}

Podemos cambiar los colores de los links a nuestro gusto.
Vamos a plantilla y veremos el nuevo elemento menubar sobre la cabecera, pinchamos en editar Y añadimos los enlaces que queramos.
Si lo que queremos hacer es colocarla debajo de la cabecera ponemos el primer codigo justo debajo de este codigo.

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='nbgeyhtuytk (cabecera)' type='Header'/>
</b:section>

miércoles, 25 de febrero de 2009

Como añadir enlaces a la menu bar


Esto es la menú bar de un blog



Nos vamos a diseño plantilla




Esta es la menú bar pinchamos en editar



Se habrira esta pantalla



Donde pone url del sitio le añadimos el blog que queramos o otro sitio por ejemplo un foro o otra pagina y debajo le ponemos el nombre que queremos que aparezca en la menú bar





Le damos a añadir enlace y ya esta le podemos añadir todos los enlaces que queramos y le damos a guardar.


Tod@s los herman@s de luz que me acompañan en este caminar gracias por vuestra luz y armonia

Todas las imágenes de este blog las he recopilado de Internet y sin yo saberlo alguna tiene Copyright rogaría me avisen y inmediatamente las quito gracias.