menú wordpress

Hola Barna, seria interesante que pusieras un ejemplo, no entiendo demasiado bien que quieres hacer,

La mejor manera de modificar un menu de wordpress es la manera nativa, usando el personalizador de menus de cada theme.

Hola!
¡Gracias para las respuestas! No me había dado cuenta porque no recibí las notificaciones...

@Rolan he mirado como dices tu a través del admin donde el menú está personalizado pero si añado las barras no queda bien....

@Cloudstudio adjunto una imagen para que se pueda entender mejor....

http://imageshack.us/photo/my-images/338/menuav.jpg/

Muchas gracias!!!!!

M.

Pues @Barna_08 para hacer eso , solo tienes que tocar el css, no te hace falta meterte a tocar el nav.

con meterle un border-right : 1px solid #FFF lo tendrias

Hola @Cloudstudio

Pues creo que no porque si pongo border right como dices tu se quedaría el ultimo <li> con una barra.. me explico mejor...
Como tu dices sería

menu1 | menú2 | menú3 | menú4 |

lo que necesitaría yo es

menú1 | menú2 | menú3| menú4

Porque claro con css yo no puedo decir que al último botón que no salga la barra derecha.

M.

y si al menu 4 le metes una clase para quitar la parra negra?

hola pablo7,

bueno pero es un parche un poquito follón no? ajja porque si se tiene que añadir un botón más.....

Hola otra vez Barna_08, te podria decir como 15 formas diferentes de solucinar eso :P

Por ejemplo utilizando pseudo clases en CSS.


.menu li:last-child {

border: 0;
}

Con eso hacemos que el utlimo no tenga esa barrita, un ejemplo :

<style>

.menu li{

display: inline;
border-right: 1px solid #000;
padding-right: 15px;

}

.menu li:last-child {

border: 0;
}

</style>

<ul class="menu">
<li>menu 1</li>
<li>menu 2</li>
<li>menu 3</li>
<li>menu 4</li>
</ul>

ole!
estaba escribiendo exactamente lo mismo XD pero cloudstudio se ha adelantado y te ha dado la clave...

http://www.w3schools.com/cssref/sel_last-child.asp

saludos!

Es la forma mas sencilla y rapida que puedes encontrar,

Hola chicos!!!!!!!!!!!!!
Lo siento si he podido contestar solo ahora... pues si he utilizado el ejemplo de @cloudstudio y la verdad que parece funcione :)

Muchas gracias!!! Al border right llegaba pero eso del "last-child" no lo había pensado ejjeej

graciaaaaaaaas!!!

Cuidado usando last-child puesto que ni IE7 o IE8 lo soportan, así que si quieres compatibilidad con estos navegadores te recomiendo que lo hagas justo al contrario. Esto es que pongas un borde en el lado izquierdo de cada término de la lista y al primer elemento se lo elimines con first-child qué si lo soportan (más o menos bien):

<style>

.menu li{

display: inline;
border-left: 1px solid #000;
padding-right: 15px;

}

.menu li:first-child {

border: 0;
}

Gracias @asierdm
¡ Lo tendré en cuenta!

Vaya... yo tengo una duda similar a la de este hilo pero algo más complicada y no sé si abrir como duda nueva o aprovechar que va por el mismo camino.

Me la juego: Mi caso son dos barras, en concreto como sigue.
//PORTFOLIO //CONTACTO

Pero las barras dobles van en otro color distinto al de los enlaces (portfolio y contacto). Sin usar una imagen de fondo para las li, es posible hacerlo?
Abro nueva duda o como va más o menos por el mismo camino lo dejo por aquí?
Saludos

Ok, ya sé cómo, así que puede que te interese Barna_08:

Supongamos que los <li> de la lista tienen un id y/o class llamado 'barras'. Pues con poner lo siguiente es suficiente:
.barras:before {
content: '//';
color: orange;
font-weight: bold;
}
Con eso tenemos como resultado en cada elemento del menú (en mi caso, portfolio y contacto) dos barras '//' en negrita de color naranja.

Saludos