Ayuda con esto
Tengo un problema con esto y no tengo idea como solucionarlo estoy empezando a crear un theme propio a ver hasta donde llego.
Yo quiero hacer algo parecido a esto.
![[Image: YjJGd.jpg]](http://i.imgur.com/YjJGd.jpg)
YY llege a esto la barra negra de arriba fixeada pude hacerla pero lo que no puedo ordenar son las letras que me quedan asi y yo la quiero poner como en la imagen de arriba.
![[Image: dUypa.jpg]](http://i.imgur.com/dUypa.jpg)
Plantillas del header.
EL CSS que estoy usando para la barra negra de arriba.
ACLARO SOY NOOB ¬¬ ;P PERO VOY APRENDIENDO.
![[Image: tumblr_nj9sv13aff1tga1sco4_r1_500.gif]](https://31.media.tumblr.com/b9f3b87cfcc886d53d07cd3fe8e67a24/tumblr_nj9sv13aff1tga1sco4_r1_500.gif)
Yo quiero hacer algo parecido a esto.
YY llege a esto la barra negra de arriba fixeada pude hacerla pero lo que no puedo ordenar son las letras que me quedan asi y yo la quiero poner como en la imagen de arriba.
Plantillas del header.
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div class="barra">
<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>
</div>
</ul>
</div>
<div class="logo"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
<div class="menu">
</div>
<hr class="hidden" />
<div id="panel">
{$welcomeblock}
</div>
</div>
<hr class="hidden" />
<br class="clear" />
<div id="content">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
<navigation>
<br />EL CSS que estoy usando para la barra negra de arriba.
.barra {
background: none repeat scroll 0 0 black;
border-bottom: 0 dashed !important;
font-weight: normal !important;
left: 0 !important;
position: fixed !important;
text-shadow: 0 2px 2px #251D1D;
text-transform: uppercase !important;
top: 0 !important;
width: 100% !important;
height:25px;
}ACLARO SOY NOOB ¬¬ ;P PERO VOY APRENDIENDO.
ocupas jugar un poco mas con el CSS, intenta buscar tutoriales en internet, si damos un poco de soporte a HTML + CSS pero solicitar ayuda para un template completo creo que se sale del contexto de lo que es el soporte mybb
Para mostrar las listas en lineas es así:
Y en vez de poner tantos !important deberías agregar un reset a la hoja de estilo.
Y para que la barra quede sobre todo deberías agregarle z-index: 5000; en el css de la barra.
div.barra ul li {
display: inline;
line-height: 25px;
}Y en vez de poner tantos !important deberías agregar un reset a la hoja de estilo.
Y para que la barra quede sobre todo deberías agregarle z-index: 5000; en el css de la barra.
Gracias steep solucionado.