[Tutorial]Personalizando a Barra da forumeiros

Nome do Arquivo: Personalizando a Barra da forumeiros
Autor: Daemon & Rippado por Victor Menezes
Funcionalidade: Todas as versões
Categoria: Recursos BestSkins

bom,pessoal hoje estarei ensinando,como personalizar essa barra no topo do site,feita pela forumeiros.

bom primeiramente,os códigos usados,são somente CSS:
obs:se você não editar a barra vai ficar com o estilo padrão(feio)

Adicione esse CSS:,

Código:

/*tollbar-forumeiros by bs e victor*/
#fa_toolbar{background:#3A4752 url(http://i78.servimg.com/u/f78/17/96/03/52/mainti10.png) repeat-x;border-bottom:7px solid #232B2B;border-top:1px solid #333;box-shadow:0 1px black, 0 2px 1px rgba(0,0,0,.4);font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;font-style:normal}#fa_toolbar a{text-decoration:none!important}#fa_search #fa_textarea{-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2) inset;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2) inset;background-color:#213138;background-image:url(http://i78.servimg.com/u/f78/17/96/03/52/search10.png);background-position:4px center;background-repeat:no-repeat;border:1px solid #4A5763;border-radius:0!important;box-shadow:0 2px 4px rgba(0,0,0,0.2) inset;color:#979DA7}#fa_right{margin-right:50px}#fa_right a.rightHeaderLink:first-child,#fa_right.welcome #fa_menu #fa_welcome,#fa_welcome{background:-moz-linear-gradient(#2b4242,#232B2B);background-attachment:scroll;background-image:-webkit-linear-gradient(#2b4242,#232B2B);border-top-left-radius:3px;border-top-right-radius:3px;box-shadow:0 1px 0 #3a4a4a inset;color:#f0f0f0!important;padding:0 5px;text-shadow:1px 1px #3a4a4a}#fa_menulist,#notif_list{-moz-border-radius:0 0 6px 6px;-moz-box-shadow:0 5px 7px rgba(0,0,0,0.4);-webkit-box-shadow:0 5px 7px rgba(0,0,0,0.4);background:-moz-linear-gradient(#FFFFFF,#EDEDED);background-image:-webkit-linear-gradient(#FFFFFF,#EDEDED);border-radius:0 0 6px 6px;box-shadow:0 5px 7px rgba(0,0,0,0.4)}#fa_hide,#fa_magnifier,#fa_share,#fa_toolbar_hidden{display:none!important}

ps:eu acho que funciona em todas as versões pois o tema da barra é universal,a todas as versões!!
para mudar a cor use o editor java Script que só existe no,google chrome,e firefox

mais para mudar as cores principais procure por:
#fa_toolbar

observação final:estão ocultos a parte de cmpartilhar, caso queria que mostre os icones do facebook  e etc.
procure por:

Código:

#fa_hide, #fa_magnifier, #fa_share, #fa_toolbar_hidden

ou

Código:

#fa_share

e tire esse código:

Código:

display: none!important;

pronto erros,bugs e outros post aqui XD!

Resultado:

 [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

[sucesso=Tutorial aceito]Movido para a área correspondente.[/sucesso]

Maneiro, obrigado pelo tutorial victor o/

E tem como deixar ela com este aspecto? [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

GyGu escreveu:E tem como deixar ela com este aspecto? [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] com/n3pel3x.png

TEM MAIS ACHO,QUE TEM DIREITOS AUTORAIS,MAS SE QUISER EU VOU VER SE POSSO OBTER!!

Mas não é preciso ser totalmente igual, mas sim algo parecido desse género.

thanks

E então victormenezes?

GyGu escreveu:E então victormenezes?

 vou começar a pegar,aguarde!

Só peço que não o faça 100% igual, pois o designer desta barra pertence ao fórum do Tu Vil, e não gostaria de ter problemas com ele.
Até mais!

Sim, como eu disse não precisa de ser igual mas algo parecido ou ainda melhor. Até você pode tentar Daemon

Vitor, tomei iniciativa e personalizei ela, deixando melhor do que a do resultado do código que você desenvolveu http://familiashield.sampforum.net/forum.

Olá,

muito bom, utilizarei em meu fórum. Obrigado por compartilhar !

Até mais .

iHeload escreveu:Vitor, tomei iniciativa e personalizei ela, deixando melhor do que a do resultado do código que você desenvolveu http://familiashield.sampforum.net/forum.

Eu ainda espero o meu pedido aqui victormenezes

UsinaVirtual escreveu: Interessante, mas não acho esta barra legal com a skin do meu fórum. Obrigado.

 é o mudar a cor,oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo!

victormenezes escreveu:

UsinaVirtual escreveu: Interessante, mas não acho esta barra legal com a skin do meu fórum. Obrigado.

 é o mudar a cor,oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo!

 
Entendo, mas é a aparência dela, não somente a cor. Eu não vejo nenhuma vantagem em utilizá-la.

UsinaVirtual escreveu:

victormenezes escreveu:

UsinaVirtual escreveu: Interessante, mas não acho esta barra legal com a skin do meu fórum. Obrigado.

 é o mudar a cor,oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo!

 
Entendo, mas é a aparência dela, não somente a cor. Eu não vejo nenhuma vantagem em utilizá-la.

se você vai usar ou não,não é problma meu pelome-nos a CSS vai ajudar a criar várias versões!!!
fuck man!

victormenezes ainda espero a sua ajuda....

GyGu escreveu:victormenezes ainda espero a sua ajuda....

 não consigo resover mais quando esta logado!fica tudo normal!

Dá para modificar a área com o logo e a área que diz forumeiros?

Isso só pode ser modificado pagando amigo, eu modifiquei esta barra o máximo possível. !

Daemon escreveu:Isso só pode ser modificado pagando amigo, eu modifiquei esta barra o máximo possível. !

 
Dá para retira-la?

Muito interessante , muita gente tira , mais pra que tirar se podemos personalizar ? rsrs ...

até + !

Olá, queria saber se é possivel adicionar um campo "mensagens" que abra em popup, também, revelando as ultimas mensagens. 


Caso queiram um exemplo, eu darei. Mas não acho que será necessário.