- URL del foro: http://www.collisiongamers.com/forum
- Versión del foro: 1.6.3
- Actualización: 1.6.3
Estaba viendo la web de Audentio que de por cierto es muy parecida a The Cure, y la navegación del foro me encantó..
Dejo el link de su foro: http://www.audentio.com/community/forum/
Vi un poco el código cuente y las imágenes, me encantaría lograr lo mismo en mi foro.. Osea que la navegación quede por encima del container tal cual está en su web.. y si se puede separar el conteiner del header.. en fin, les dejo las capturas:
Este creo que es el código, ami no me funcionó.. creo que debe estar mal o me olvidé de algo.
Código:
.navigation {padding:10px; background:#d6ebfc url(images/gaming-jam/heading_grad.jpg) 0 -250px repeat-x; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright:6px; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom:1px solid #d0d0d0; }
.navigation ul {color:#fff; font-size:1em; margin-left:-1px; font-weight:bold; height:28px; text-shadow:0 -1px rgba(255,255,255,1); background:url(images/gaming-jam/breadcrumb_right_light.gif) 100% 0 no-repeat; clear:both; }
.navigation .breadcrumb_left {background:url(images/gaming-jam/breadcrumb_left_light.gif) 0 0 no-repeat; height:28px; }
.navigation li {float:left;height:28px; color:#006cb1; }
.navigation li a {color:#454545; padding-left:15px; margin-left:-13px; background:url(images/gaming-jam/breadcrumb_light.gif) no-repeat 0 0; display:block; text-decoration:none; }
.navigation li.bread_home {margin:0;padding:0}
.navigation li.bread_home a:hover {margin-left:0; background:url(images/gaming-jam/breadcrumb_light.gif) -39px -62px no-repeat; padding-left:0px; width:39px; height:28px; left:0; display:block; }
.navigation li.bread_home a span {background:0; padding:7px 20px 6px 6px; }
.navigation li a span {display:block; padding-right:25px; padding-left:10px; background:url(images/gaming-jam/breadcrumb_light.gif) no-repeat 100% 0; }
.navigation li a:hover {background-position:0 -32px; text-shadow:#0069aa 0px -1px 0px; position:relative; left:-1px; color:#fff; }
.navigation li a:hover span {background-position:100% -32px; padding-left:11px; padding-right:24px; }
#breadcrumb .breadcrumb_main {background:#a0b9d3 url(images/gaming-jam/breadcrumb_main_light.gif) 0 0 repeat-x; height:28px; }
#breadcrumb a {color:#FFFFFF; outline:none; text-decoration:none; }
#breadcrumb li.bread_home a {margin-left:0; background:url(images/gaming-jam/breadcrumb_light.gif) 0 -62px no-repeat; padding-left:0px; width:39px; height:28px; display:block; }
#breadcrumb li span {display:block; padding:7px 20px 6px 6px; }
Saludos!
Última modificación: 4 Aug, 2011, 1:55 am por fxyee.