[Error] Duda con el header
- URL del foro: http://www.animenice.icr38.net/
- Versión del foro: 1.6
- Actualización: Ninguna
Quisiera saber como poner el menu de mi header en horizontal ya que esta en vertical..y trate de modificarlo pero seguia igual
aca una imagen:
![[Image: headerxg.png]](http://img337.imageshack.us/img337/6739/headerxg.png)
este el codigo que puse en la plantilla header
<center>
<li><a href="{$mybb->settings['bburl']}/portal.php"><b>Portal</b></a></li>
<li><a href="{$mybb->settings['bburl']}/index.php"><b>Foro</b></a></li>
<li><a href="{$mybb->settings['bburl']}/showteam.php"><b>Lideres Del Foro</b></a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><b>Lista de Miembros</b></a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php"><b>Calendario</b></a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><b>Ayuda</b></a></li>
<li><a href="http://xat.com/animenicex12"><b>Chat/Radio.</b></a></li>
</center>
Para hacer un menu primero necesitas empezar con <ul> y terminar con </ul>
quedando
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>.
Para hacer un menu en horizontal necesitas usar css, te recomiendo que busques videos en youtube
Edito: el menu ya tiene css?
quedando
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>.
Para hacer un menu en horizontal necesitas usar css, te recomiendo que busques videos en youtube
Edito: el menu ya tiene css?
Mira... no te la compliques, si no borraste el codigo ul.menu del global.css utilizalo, no lo tengas de adorno.
Y en el global.css solo modifica los colores
<div class="menu">
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>
</ul>
</div>Y en el global.css solo modifica los colores
mm como que el CSS? disculpa pero soy un poco ignorante en eso -.-
pero lo que yo quiero que el menu sea de izquierda a derecha horizontal......si me entienden
salu2
pero lo que yo quiero que el menu sea de izquierda a derecha horizontal......si me entienden
salu2
Entra en el panel de administración/estilos y plantillas/estilos/tutema/global.css/editar hoja de estilo modo avanzado y agrega:
En el panel de administración/estilos y plantillas/plantillas/tutema/cabecera/header y agrega esto:
Ese es el menu que utiliza el tema default de mybb solo tendrías que modificar los colores en el global.css.
.menu ul {
color: #000000;
font-weight: bold;
text-align: right;
padding: 4px;
}
.menu ul a:link {
color: #000000;
text-decoration: none;
}
.menu ul a:visited {
color: #000000;
text-decoration: none;
}
.menu ul a:hover, .menu ul a:active {
color: #4874a3;
text-decoration: none;
}En el panel de administración/estilos y plantillas/plantillas/tutema/cabecera/header y agrega esto:
<div class="menu">
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>
</ul>
</div>Ese es el menu que utiliza el tema default de mybb solo tendrías que modificar los colores en el global.css.
AdminCP -> Plantillas y Estilos -> Estilos -> *Tu Theme* -> global.css
PD: Se lo digo para que vaya aprendiendo XD
Lección wrote: CSS = Cascade StyleSheet
PD: Se lo digo para que vaya aprendiendo XD
hice los cambios y mira lo que salio o.O
![[Image: menuproblema.png]](http://img413.imageshack.us/img413/3065/menuproblema.png)
A la... se supone que debería funcionar xD
Copia esto:
Y esto:
Copia esto:
<ul class="menu">
<li><a href="{$mybb->settings['bburl']}/portal.php">Portal</a></li>
<li><a href="{$mybb->settings['bburl']}/index.php">Indice</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php">Lista de miembros</a></li>
</ul> Y esto:
ul.menu {
color: #000000;
font-weight: bold;
text-align: left;
padding: 4px;
}
ul.menu li {
display: inline;
}
ul.menu li a:link, ul.menu li a:visited {
float: left;
color: #000;
}
ul.menu li a:hover, ul.menu li a:active {
color: #000;
}
me salio todo junto xD pero si me salio al lado derecho y horizontal ...a ver se tendra que modificar algo
aca una imagen
![[Image: headerhorizontal.jpg]](http://img403.imageshack.us/img403/7072/headerhorizontal.jpg)
aca una imagen
Sustituye esto:
ul.menu li {
display: inline;
margin-right: 5px;
}