Personalizar topo e categorias

Qual é minha questão:
Boas tardes amigos,

Agora precisava de ajuda para eu colocar estes efeitos no meu fórum, sff!!




Este efeito é para ficar no topo do fórum com a informação igual à que está na imagem.


Obrigado pela atenção, amigos  

Endereço do meu fórum:
http://forumdosexoticos.forumeiro.com

Versão do fórum:
PHPBB3

Olá!

Utilize esse código CSS:

Código:

.forabg .topiclist.forums .row .icon dd.lastpost{-webkit-box-shadow: #666 0px 0px 8px; border: 2px solid #EEE; border-image: initial; border-radius: 7px; box-shadow: #666 0px 0px 8px; margin: 3px; width: 200px}#conectFor *{font-size:12px}#conectFor{background:#0A0A0A;border-bottom:1px solid #918C8C;color:#FFF;display:block;font-family:Tahoma;font-size:15px;font-style:normal;font-variant:normal;font-weight:normal;height:10px;left:28px;padding:13px 20px 13px 13px;position:relative;right:0;text-align:right;top:0;width:93.5%}#conectFor a{color:#f1f1f1;font-family:Arial;margin:0 1px;padding:8px 5px;text-decoration:none}#conectFor a:hover{-moz-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;background:#f1f1f1;border-radius:5px 5px 0 0;color:#111}#conectFor a:hover ul{display:inline}#conectFor ul{-moz-border-radius:0 0 5px 5px;-moz-box-shadow:0 4px 10px rgba(0,0,0,0.3);-o-border-radius:0 0 5px 5px;-o-box-shadow:0 4px 10px rgba(0,0,0,0.3);-webkit-border-radius:0 0 5px 5px;-webkit-box-shadow:0 4px 10px rgba(0,0,0,0.3);background:#F1F1F1 url(http://imageshack.us/a/img268/2599/letreiro.png) no-repeat bottom right;border-radius:0 0 5px 5px;box-shadow:0 4px 10px rgba(0,0,0,0.3);color:#333;display:none;float:left;list-style:none;margin-top:-1px;padding:20px 13px;position:absolute;right:0;top:100%;width:390px;z-index:1}#conectFor ul li{display:inline;float:left;margin:5px;text-align:left;width:47%}#conectFor ul li a{background-image:none!important;color:#3689D1}#conectFor ul li a:hover{background:transparent;color:#111}#conectFor a[href="/profile?mode=editprofile"]{background-image:url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);background-position:right;background-repeat:no-repeat;padding-right:10px}#conectFor a[href="/profile?mode=editprofile"]:hover{background-image:url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png)}

Feito isto,
Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Escolha o título que quiser
Investimento Em todas as páginas

Codigo JavaScript:

Código:

jQuery(document).ready(function(){jQuery('.postbody table,div.sig-content table').css('position','').css('display','').css('z-index','999').css('min-width','1px').css('min-height','1px').css('max-height','2500px').css('max-width','2500px').css('cursor','')});$(document).ready(function(){var nick=($('#logout').length)?$('#logout img').attr('alt').replace('Sair','').replace('[','').replace(']',''):'';var con=($('#logout').length)?'<a href="/profile?mode=editprofile" style="position: relative;">Conectado como  <b> '+nick+'</b><ul></ul></a><a href="/login?logout=1">Sair</a>':'Seja bem vindo Visitante!<a href="/login"style="position: relative;">Login</a><a href="/register">Registrar-se</a>';$('body').prepend('<span id="conectFor"> '+con+'</span>');$('#conectFor ul').prepend('<li><a href="/profile?mode=editprofile">Informações</a></li><li><a href="/profile?mode=editprofile&page_profil=preferences">Preferências</a></li><li><a href="/profile?mode=editprofile&page_profil=signature">Assinatura</a></li><li><a href="/search?search_id=draftsearch">Rascunhos</a></li><li><a href="/profile?mode=editprofile&page_profil=friendsfoes">Amigos</a></li><li><a href="/profile?mode=editprofile&page_profil=attachments">Anexos</a></li><li><a href="/profile?mode=editprofile&page_profil=avatars">Avatar</a></li><li><a href="/search?search_id=watchsearch"class="offp">Tópicos Supervisionados</a></li><li><a href="/search?search_id=favouritesearch"target="_blank">Tópicos favoritos</a></li><li><a href="/search?search_id=newposts"target="_blank">Novas mensagens</a></li>')});

Clique em "Confirmar".

Melhores cumprimentos,
Today

Olá Today,

Como é que eu retiro essa imagem que está assinalada com a seta?


Queria também mudar a cor de fundo da barra, a cor das letras e deixa-la com tamanho maior em comprimento, tamanho automático por causa dos vários tamanhos de ecrãs de pc.

E também pretendia centrar as letras, "Seja bem vindo Visitante! Login Registrar-se"

Já agora, qual o código para adicionar esta opção?

Olá!
É permitido apenas uma questão por tópico, peço que o senhor crie um novo tópico para uma nova questão. Podemos encerrar está questão?

Até mais!

Boas,

Já fiz as alterações que eu pretendia através do código css em relação à barra do topo.
Mas só há uma coisa que eu queria mudar e que não sei fazer, que era manter essa barra a acompanhar sempre o fórum e não como ela está neste momento.

Olá!

Para cada dúvida, cria um tópico amigo. Este sera dado como resolvido, pois sua primeira dúvida foi sanada!

Até mais.