Botones en header [Ayuda]

MrDarkWood 28 Jul, 2011, 8:42 pm

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.

Omar G. 28 Jul, 2011, 11:09 pm

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

{SIGNATURE_IMAGE}

MrDarkWood 29 Jul, 2011, 7:32 am

Quiero poner unos botones parecidos a esos Confused

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

Omar G. 29 Jul, 2011, 7:46 am

Oh, si es posible, algo asi con css:

Código PHP:
<?php 

<ul class="menu">

<li>Foro</li>

<li>Portal</li>

<li>Soporte</li>

<ul>

global.css:

Código PHP:
<?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}

<?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; }