• 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

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.

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

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

None

Select All

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;

}

None

Select All

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.

Hahaha el Estilo se vee bnn... Pero ve como se ven las Pestañas Entra a esta URL http://www.infragames.net/index.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
}

PHP

Select All

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.