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.
[Imagen: 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.
[Imagen: dUypa.jpg]

Plantillas del header.

Código PHP:
<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.

Código PHP:
.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.

[Imagen: https://31.media.tumblr.com/b9f3b87cfcc8...r1_500.gif]

Última modificación: 2 Oct, 2012, 7:13 pm por fabiibiografiia.

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

Código PHP:
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.

Última modificación: 2 Oct, 2012, 7:32 pm por V1K1NGO.

Gracias steep solucionado.

[Imagen: https://31.media.tumblr.com/b9f3b87cfcc8...r1_500.gif]