• 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

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

None

Select All

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?

Mira... no te la compliques, si no borraste el codigo ul.menu del global.css utilizalo, no lo tengas de adorno.

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

None

Select All

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

Entra en el panel de administración/estilos y plantillas/estilos/tutema/global.css/editar hoja de estilo modo avanzado y agrega:

.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;
}

None

Select All

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>

None

Select All

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

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:

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

None

Select All

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;
}

None

Select All

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:

ul.menu li {
    display: inline;
    margin-right: 5px;
}

None

Select All