Como poner esta barrita xd ...

Paansho 10 Jun, 2010, 6:12 pm

hola hoy les enseñare a poner esta barrita xd :
[Imagen: 2mhhpvc.png]

globa.css al final y ponen esto

Código:
#menucp1 {padding:0 0 0 32px; 

list-style:none; height:25px; background:#fff url(http://img29.imageshack.us/img29/3530/proeightback.gif); 

position:relative; border:1px solid #000; border-width:0 1px 1px 1px; border-bottom-color:#444;}

#menucp1 li {float:left;}

#menucp1 li a {display:block; float:left; height:25px; line-height:23px; background:url(http://img80.imageshack.us/img80/9678/proeight0.gif); color:#fff; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 12px; cursor:pointer;}

#menucp1 li a b {float:left; display:block; padding:0 12px 0 0; background:url(http://img80.imageshack.us/img80/9678/proeight0.gif) right top;}

#menucp1 li.current a {color:#fff; background:url(http://img33.imageshack.us/img33/1197/proeight2.gif);}

#menucp1 li.current a b {background:url(http://www.fileden.com/files/2009/5/1/2426283/pro_eight_2.gif) right top;}

#menucp1 li a:hover {color:#000; background:url(http://img268.imageshack.us/img268/3223/proeight1.gif);}

#menucp1 li a:hover b {background:url(http://img268.imageshack.us/img268/3223/proeight1.gif) right top;}

#menucp1 li.current a:hover {color:#fff; background:url(http://img33.imageshack.us/img33/1197/proeight2.gif); cursor:default;}

#menucp1 li.current a:hover b {background:url(http://img33.imageshack.us/img33/1197/proeight2.gif) right top;}

</style></div>

ahora en plantillas / tu theme /header ponen esto al principio

Código:
<ul id="menucp1">

<div style="text-align: center;"><style type="text/css">

    <li><a href="#"><b>Texto</b></a></li>

    <li><a href="#"><b>Texto</b></a></li>

    <li><a href="#"><b>Texto</b></a></li>

    <li><a href="#"><b>Texto</b></a></li>

    <li><a href="#"><b>Texto</b></a></li>

    <li><a href="#"><b>Texto</b></a></li>

    <li><a href="#"><b>Texto</b></a></li>

    <li><a href="#"><b>Texto</b></a></li>

    <li><a href="#"><b>Texto</b></a></li>

    <li><a href="#"><b>Texto</b></a></li>

</ul>

y editan el texto y las # por el url Smile

xd
Gracias arreglado xd

abdonroda 11 Jun, 2010, 2:08 am

Eso no está muy bien hecho... El CSS habría que ponerlo en su respectivo archivo, y dejar solo el html para la plantilla.

abdonroda 11 Jun, 2010, 1:10 pm

Pues el código CSS lo pones ne la hoja de estilo, que se llama "global.css".
El HTML pues lo pones donde quieres que salga.

Paansho 11 Jun, 2010, 1:44 pm

gracias editado xd :d xd

abdonroda 11 Jun, 2010, 2:50 pm

De nada. ^^

Peeeero... El <div style="text-align: center;"> </div> es html también. xDD