Me ayudan a Modificar las Pestañas.

URL del foro: http://www.infragames.net/
Versión del foro: 1.6.3
Actualización: Ninguna

Alguien me ayuda hacer esto, es que he intentado y nada... He visto muchos foros que han puesto las Pestañas y en ellas las Estadisticas del Foro y la como el estilo de su foro..
Dejo 2 Foros que he visto con esto Mismo..

http://www.comuvir.com/index.php

http://www.libelux.com

He intentado y ya no se que hacer..

Usa el tutorial de nentab, http://www.soportemybb.com/tema_Tutorial...rfiles-etc

(19 Jul, 2011, 3:34 pm)Ryuuseiken escribió: Usa el tutorial de nentab, http://www.soportemybb.com/tema_Tutorial...rfiles-etc

Ya yo tengo las Pestañas, lo que quiero es Modificar el Estilo de las Pestañas, Como cualquier de esos foros que son las que he visto con el mismo esto..

Para acomodar pués estos 2 temas te serviran.
http://www.soportemybb.com/tema_Estadist...ta%C3%B1as
http://www.soportemybb.com/tema_Acomodar...ta%C3%B1as
Dejame las pestanas.css y te lo hago.

Última modificación: 19 Jul, 2011, 3:49 pm por PoLiZe.

(19 Jul, 2011, 3:48 pm)Ryuuseiken escribió: Para acomodar pués estos 2 temas te serviran.
http://www.soportemybb.com/tema_Estadist...ta%C3%B1as
http://www.soportemybb.com/tema_Acomodar...ta%C3%B1as
Dejame las pestanas.css y te lo hago.

Aqui te dejo las pestanas.css

Código:
ul.pestanas {

    margin-top: 13px;

    margin-bottom: 10px;

    width: 100%;

    padding: 0;

    margin: 0;

    height: 26px;

    list-style: none;

}

ul.pestanas li {

    float: left;

    padding-right: 5px;

    margin-top: -2px;

}

ul.pestanas li a {

    float: left;

    display: block;

    height: 20px;

    font-family: Lucida Grande, Segoe UI, Trebuchet MS, Verdana, Sans-Serif;

    letter-spacing: -1px;

    font-size: 15px;

    color: #AAA;

    margin-top: 2px;

    padding: 3px 8px 2px 8px;

    background: #f7f7f7;

    border: 1px solid #CCC;

    border-bottom: 0;

}

ul.pestanas li a:hover {

    background: #f1f1f1;

    text-decoration: none;

}

ul.pestanas li.activa {

    margin-top: -8px;

    position: relative;

    z-index: 2;

}

ul.pestanas li.activa a {

    color: #666;

    font-weight: bold;

    font-size: 17px;

    padding-top: 6px;

    border-bottom: 0;

    background: #efefef;

    height: 24px;

}

.pestana_contenedor {

    background: #efefef;

    padding: 8px 10px 8px;

    font-size: 95%;

    border: 1px solid #CCC;

}

.pestana_contenido {

    padding: 10px;

    font-size: 1.2em;

}

Código:
ul.pestanas {

    float: left;

    height: 31px;

    list-style: none outside none;

    margin: 0;

    padding: 0;

    width: 100%;

}

ul.pestanas li {

-moz-border-bottom-colors: none;

    -moz-border-image: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    background: none repeat scroll 0 0 #FFFFFF;

    border-color: #CCCCCC #CCCCCC -moz-use-text-color;

    border-style: solid solid none;

    border-top-left-radius: 6px;

    border-top-right-radius: 6px;

    border-width: 1px 1px medium;

    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);

    float: left;

    font-size: 10px;

    font-weight: bold;

    height: 30px;

    line-height: 30px;

    margin: 0 5px 0 0;

    overflow: hidden;

    padding: 0;

    position: relative;

}

ul.pestanas li a {

color: #000000;

    display: block;

    font-size: 1.2em;

    outline: medium none;

    padding: 0 10px;

    text-decoration: none;

}

ul.pestanas li a:hover {

background: none repeat scroll 0 0 #EFEFEF;

}

ul.pestanas li.activa {

    background: url(http://tuurl.com/images/tutema/tcat_bg.gif) repeat-x scroll left top #CFCFCF;

    border-bottom: 1px solid #CCCCCC;

}

ul.pestanas li.activa a {

    background: url(http://tuurl.com/images/tutema/tcat_bg.gif) repeat-x scroll left top #CFCFCF;

    border-bottom: 1px solid #CCCCCC;

}

.pestana_contenedor {

    border-top: medium none;

    clear: both;

    float: left;

    width: 100%;

}

.pestana_contenido {

    font-size: 1.2em;

    padding: 0;

}

Sube esta img a images/tutema y remplaza la url y el tema en el código.
[Imagen: tcat_bg.gif]

Me avisas como te quedo.

Última modificación: 19 Jul, 2011, 4:11 pm por PoLiZe.

Hahaha el Estilo se vee bnn... Pero ve como se ven las Pestañas Entra a esta URL http://www.infragames.net/index.php

Código PHP:
ul.pestanas {
    margin:0;
    padding:0;
    float:left;
    list-style:none;
    height:31px;
    width:100%
}

ul.pestanas li {
    background: #fff;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    border-bottom: none;
    overflow: hidden;
    position: relative;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
    box-shadow: 0 0 2px rgba(0,0,0,0.3);
    
    font-size: 10px;
    font-weight: bold;
}

ul.pestanas li a {
    text-decoration:none;
    color:#000;
    display:block;
    font-size:1.2em;
    padding:0 10px;
    outline:none
}

ul.pestanas li a:hover {
    background:#efefef
}

html ul.pestanas li.active,html ul.pestanas li.active a:hover {
    background:#cfcfcf url(http://tufor.com/images/tema/tcat_bg.gif) top left repeat-x;
    border-bottom:1px solid #ccc
}

.pestanas_contenedor {
    border-top:none;
    clear:both;
    float:left;
    width:100%
}

.pestanas_contenido {
    padding:0px;
    font-size:1.2em
} 

Intenta con ese, es lo único que se me ocurre, es tal como esta en libelux

Hay esta men.. El Problema es que ve como se ven los Datos.. Se ven Extraños. entra al Foro para que veas. Y Disculpa la molestia..

Sigué lo que dice en la duda de sadico, la parte que da los codigos nentab : http://www.soportemybb.com/tema_Estadist...ta%C3%B1as me avisas como te queda y tratare de ayudarte.

Última modificación: 19 Jul, 2011, 7:54 pm por PoLiZe.