Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

[Tutorial]Personalizando a Barra da forumeiros

+9
lofrex
UsinaVirtual
Inspirage
iHeloaD
Cadelas
GyGu
psicop
Daemon
victormenezes
13 participantes

victormenezes victormenezes  • Qua 17 Jul 2013 - 2:49

[Tutorial]Personalizando a Barra da forumeiros - Página 2 Empty [Tutorial]Personalizando a Barra da forumeiros Qua 17 Jul 2013 - 2:49

Reputação da mensagem: 100% (3 votos)
Relembrando a primeira mensagem :

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
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]

avatar Eragon™  • Seg 10 Mar 2014 - 0:49

DooGy00 DooGy00  • Dom 9 Nov 2014 - 4:16

Conteúdo patrocinado  • 

[Tutorial]Personalizando a Barra da forumeiros - Página 2 Empty Re: [Tutorial]Personalizando a Barra da forumeiros

Permissões neste sub-fórum
Não podes responder a tópicos