Quisiera reemplazar los botones de la cabecera por estas:
version: 1.4.13
actualizaciones no
foro: http://biogamerz.ok.pe
aca esta el codigo pero no se como cambiarlo o que ponerle para hacer eso
version: 1.4.13
actualizaciones no
foro: http://biogamerz.ok.pe
aca esta el codigo pero no se como cambiarlo o que ponerle para hacer eso
Código:
<div id="tf2_page_container"><div id="df_forum_hd"><a href="{$mybb->settings['bburl']}/portal.php"></a></div><div id="df_forum_bd"><div id="nav_holder"><ul id="nav"> <li id="forum"><a href="{$mybb->settings['bburl']}/index.php"></a></li> <li id="classes"><a href="http://www.tf2forum.com/main/classes.html"></a></li> <li id="maps"><a href="http://www.tf2forum.com/main/maps.html"></a></li> <li id="gameplay"><a href="http://www.tf2forum.com/main/gameplay.html"></a></li> <li id="crafting"><a href="http://www.tf2forum.com/main/crafting.html"></a></li> <li id="updates"><a href="http://www.tf2forum.com/main/updates.html"></a></li> </ul></div><a name="top"></a><div id="container"> <div id="header"> <hr class="hidden" /> {$welcomeblock} </div> <hr class="hidden" /> <br class="clear" /> <div id="content"> {$pm_notice} {$bannedwarning} {$bbclosedwarning} {$unreadreports}
Uff... tengo una idea, pero no estoy 100% seguro.
Primero que nada, tus botones actuales son estaticos... los que quieres poner ahora no lo son, es decir, cuando le pasas el mouse por arriba cambian de color (por eso hay 2 imagenes por cada boton).
Para incluir ese efecto, debes agregar al global.css algo asi:
/* Botones Reemplazados */
.boton-foro {
background: url(images/boton-foro.png) 0 0 no-repeat;
width: 96px;
height: 24px;
float: left;
margin-right: 5px;
}
.boton-foro:hover {
background: url(images/images/boton-foro.png) 0 -23px no-repeat;
}
Despues lo mismo pero con Hack, Noticias y demas. Solo debes reemplazar "foro" por el nombre de cada boton.
Luego en el header o donde vayas esos botones, deberias poner algo asi:
<a class="boton-foro" href="http://biogamerz.ok.pe/index.php" target="_blank"></a>
Teoricamente, cuando llamas la clase boton-foro deberia mostrar el boton del foro que creaste en el global.css, pero no estoy seguro de nada... jejejeje, proba!!...
Primero que nada, tus botones actuales son estaticos... los que quieres poner ahora no lo son, es decir, cuando le pasas el mouse por arriba cambian de color (por eso hay 2 imagenes por cada boton).
Para incluir ese efecto, debes agregar al global.css algo asi:
/* Botones Reemplazados */
.boton-foro {
background: url(images/boton-foro.png) 0 0 no-repeat;
width: 96px;
height: 24px;
float: left;
margin-right: 5px;
}
.boton-foro:hover {
background: url(images/images/boton-foro.png) 0 -23px no-repeat;
}
Despues lo mismo pero con Hack, Noticias y demas. Solo debes reemplazar "foro" por el nombre de cada boton.
Luego en el header o donde vayas esos botones, deberias poner algo asi:
<a class="boton-foro" href="http://biogamerz.ok.pe/index.php" target="_blank"></a>
Teoricamente, cuando llamas la clase boton-foro deberia mostrar el boton del foro que creaste en el global.css, pero no estoy seguro de nada... jejejeje, proba!!...