[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...


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:

[Imagen: headerxg.png]

este el codigo que puse en la plantilla header

Código:
<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?
Última modificación: 6 Dec, 2010, 12:40 pm por Royal.
Mira... no te la compliques, si no borraste el codigo ul.menu del global.css utilizalo, no lo tengas de adorno.

Código:
        <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 Big Grin
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
Entra en el panel de administración/estilos y plantillas/estilos/tutema/global.css/editar hoja de estilo modo avanzado y agrega:
Código:
.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:
Código:
<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

Lección escribió:CSS = Cascade StyleSheet

PD: Se lo digo para que vaya aprendiendo XD
hice los cambios y mira lo que salio o.O
[Imagen: menuproblema.png]
A la... se supone que debería funcionar xD

Copia esto:
Código:
<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:
Código:
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
[Imagen: headerhorizontal.jpg]
Sustituye esto:
Código:
ul.menu li {
    display: inline;
    margin-right: 5px;
}