Duda con el header

kasuya 6 Dec, 2010, 12:34 pm

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:

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

Night~ 6 Dec, 2010, 12:39 pm

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.

nocktis21 6 Dec, 2010, 1:13 pm

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

kasuya 6 Dec, 2010, 6:45 pm

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

nocktis21 6 Dec, 2010, 6:54 pm

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.

Maxii_mybb_import8095 6 Dec, 2010, 6:55 pm

AdminCP -> Plantillas y Estilos -> Estilos -> *Tu Theme* -> global.css

Lección escribió:CSS = Cascade StyleSheet

PD: Se lo digo para que vaya aprendiendo XD

kasuya 6 Dec, 2010, 7:25 pm

hice los cambios y mira lo que salio o.O
[Imagen: menuproblema.png]

nocktis21 6 Dec, 2010, 7:33 pm

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;

}

kasuya 9 Dec, 2010, 11:59 am

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]

nocktis21 9 Dec, 2010, 3:40 pm

#10

Sustituye esto:

Código:
ul.menu li {

    display: inline;

    margin-right: 5px;

}

[Error] Duda con el header