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.

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

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.