Botones en header [Ayuda]

Hola a todo mybb-es, tengo unos problemas que ojala me puedan ayudar.

Estoy creando un skin, sería mi primer skin, pero quiero poner unos botones con fondo en el botón y fondo detrás de los botones.

Leí un post acá, pero no me sirvió de nada.

Serían unos botones personalizados, por así decirlo, por que el skin que estoy haciendo es como Emuskin, pero echo desde el teme default.

No sé si sepan de los botones de ese skin, me gustaría unos botones parecidos pero me gustaría que me expliquen el código, puesto que le pienso poner otro más abajo del header.

Espero me entiendan, Gracias.

Con gusto, pero dejarías una imagen de ejemplo por favor? Es que no entendí, me confundí e.e

{SIGNATURE_IMAGE}

Quiero poner unos botones parecidos a esos Confused

el skin que ando haciendo es muy parecido solo que faltan los botones xD

Oh, si es posible, algo asi con css:

Código PHP:
<ul class="menu">
<li>Foro</li>
<li>Portal</li>
<li>Soporte</li>
<ul> 

global.css:

Código PHP:
ul.menu {
margin:0px;
padding:0px;
width:100%;
}
ul.menu li {
display:inline;
margin:0px 3px;
padding:5px;
border:1px solid #3d83f1;
background: #6db3f2;
background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de));
background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
background: -o-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
background: -ms-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 );
background: linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
} 

Quizas olvide algo, pero esa es la idea ^^U

{SIGNATURE_IMAGE}

Gracias

pero no sirve Confused

me sale así:
[Imagen: Dibujo-22.png]

=/

Limpiaste tu cache? Por minimo deberia de salir algo...

{SIGNATURE_IMAGE}

Claro, siempre lo hago, uso el chrome y ese nunca le limpió bueno cada fin de semana xD pero bueno.

Al que ocupo para ver los cambios es al mozilla, siempre le limpio cuando voy a visualizar un cambio Tongue

!
pero no sale nada también intenté con este tutorial:
http://www.cristalab.com/tutoriales/crea...tas-c130l/

intenté hacer el de está imagen:
[Imagen: navi4.jpg]

Pero me sale así:
[Imagen: Dibujo-23.png]

ya puse todo bien en el Header y en el Global.css Confused

Es el cache, o estas colocando el código en otro global.css, se ve isa por que así se ven las listas si no les aplicas css

{SIGNATURE_IMAGE}

Pues esto está casi al final de mi global.css

Código PHP:
._plus {
    background-color:#E8FCDC;
    color: #008800;
    border:1px solid #008800;
}

.pagination_breadcrumb {
    background-color: #f5f5f5;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
    font-weight: normal;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}
        
#container {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #1E90FF;
    color: #333333;
    margin: 0 auto;
    text-align: left;
    width: 900px;

#navi {  
    list-style:none;
    margin:0;
    padding:0;
}
#navi li {
    margin:2px;
    padding:0; 
    float:left;
}
#navi li a {
    display:block; 
    width:100px;
    padding:4px 0;
    text-decoration:none;
    text-align:center;
    font-size:11px;
    color:#FFFFFF;
    background-color:#000000;
}
#navi li a:hover {
    color:#99CC00;
    background-color:#003366;
} 

Yo también no sé por que no agarra, por eso vine para acá xD

No entiendo ese codigo, pero no veo el que te deje yo.

{SIGNATURE_IMAGE}