Páginas (2): 1 2   
InfraWorld_mybb_import8703   19 Jul, 2011, 3:12 pm
#1

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..
Ryuuseiken   19 Jul, 2011, 3:34 pm
#2
Usa el tutorial de nentab, http://www.soportemybb.com/tema_Tutorial...rfiles-etc
InfraWorld_mybb_import8703   19 Jul, 2011, 3:39 pm
#3
(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..
Ryuuseiken   19 Jul, 2011, 3:48 pm
#4
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.
InfraWorld_mybb_import8703   19 Jul, 2011, 4:04 pm
#5
(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

 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;
}
Ryuuseiken   19 Jul, 2011, 4:10 pm
#6
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.
InfraWorld_mybb_import8703   19 Jul, 2011, 4:16 pm
#7
Hahaha el Estilo se vee bnn... Pero ve como se ven las Pestañas Entra a esta URL http://www.infragames.net/index.php
Ryuuseiken   19 Jul, 2011, 4:24 pm
#8
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
InfraWorld_mybb_import8703   19 Jul, 2011, 4:31 pm
#9
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..
Ryuuseiken   19 Jul, 2011, 7:53 pm
#10
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.
Páginas (2): 1 2   
  
Powered By MyBB, © 2002-2025 MyBB Group.
Made with by Curves UI.