Navegación del foro
Url del foro: www.collisiongamers.com/forum Versión: 1.6.3 Tema instalado: The Cure (Audentio Designs) Estaba viendo la web de Audentio que de por...

Url del foro: www.collisiongamers.com/forum
Versión: 1.6.3
Tema instalado: The Cure (Audentio Designs)

Estaba viendo la web de Audentio que de por cierto es muy parecida a The Cure, y la navegación del foro me encantó..




[Imagen: 5ZgjQ.png]


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:





[Imagen: lHklr.gif]






[Imagen: DMYBP.gif]






[Imagen: xdX7N.gif]






[Imagen: Si2ns.jpg]



Este creo que es el código, ami no me funcionó.. creo que debe estar mal o me olvidé de algo.

.navigation {padding:10px;background:#d6ebfc url(images/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/breadcrumb_right_light.gif) 100% 0 no-repeat;clear:both;}
.navigation .breadcrumb_left{background:url(images/breadcrumb_left_light.gif) 0 0 no-repeat;height:28px;}#breadcrumb .breadcrumb_main{background:#a0b9d3 url(images/breadcrumb_main_light.gif) 0 0 repeat-x;height:28px;}
.navigation li{float:left;height:28px;color:#006cb1;}#breadcrumb a{color:#FFFFFF;outline:none;text-decoration:none;}
.navigation li a{color:#454545;padding-left:15px;margin-left:-13px;background:url(images/breadcrumb_light.gif) no-repeat 0 0;display:block;text-decoration:none;}
.navigation li.bread_home{margin:0;padding:0}#breadcrumb li.bread_home a{margin-left:0;background:url(images/breadcrumb_light.gif) 0 -62px no-repeat;padding-left:0px;width:39px;height:28px;display:block;}
.navigation li.bread_home a:hover{margin-left:0;background:url(images/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;}#breadcrumb li span{display:block;padding:7px 20px 6px 6px;}
.navigation li a span{display:block;padding-right:25px;padding-left:10px;background:url(images/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;}

Saludos!
There are currently no posts to display. Be the first one to leave a reply.
This forum uses Lukasz Tkacz MyBB addons.