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.
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.
![[Image: Dibujo-21.jpg]](http://i1192.photobucket.com/albums/aa340/AshCrimson3312/Dibujo-21.jpg)
Quiero poner unos botones parecidos a esos
Oh, si es posible, algo asi con css:
global.css:
Quizas olvide algo, pero esa es la idea ^^U
<ul class="menu">
<li>Foro</li>
<li>Portal</li>
<li>Soporte</li>
<ul>global.css:
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
Gracias
pero no sirve
me sale así:
![[Image: Dibujo-22.png]](http://i1192.photobucket.com/albums/aa340/AshCrimson3312/Dibujo-22.png)
=/
![[Image: Dibujo-22.png]](http://i1192.photobucket.com/albums/aa340/AshCrimson3312/Dibujo-22.png)
=/
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
!
pero no sale nada también intenté con este tutorial:
http://www.cristalab.com/tutoriales/crea...tas-c130l/
intenté hacer el de está imagen:
![[Image: navi4.jpg]](http://www.cristalab.com/images/tutos/cssmenus/navi4.jpg)
Pero me sale así:
![[Image: Dibujo-23.png]](http://i1192.photobucket.com/albums/aa340/AshCrimson3312/Dibujo-23.png)
ya puse todo bien en el Header y en el Global.css
Al que ocupo para ver los cambios es al mozilla, siempre le limpio cuando voy a visualizar un cambio
pero no sale nada también intenté con este tutorial:
http://www.cristalab.com/tutoriales/crea...tas-c130l/
intenté hacer el de está imagen:
![[Image: navi4.jpg]](http://www.cristalab.com/images/tutos/cssmenus/navi4.jpg)
Pero me sale así:
![[Image: Dibujo-23.png]](http://i1192.photobucket.com/albums/aa340/AshCrimson3312/Dibujo-23.png)
ya puse todo bien en el Header y en el Global.css
![[Image: signature.png]](https://omarg.me/cache/images/signature.png)