Personalizar atalho do membro da barra de ferramentas
Página 1 de 1 • Compartilhe
Personalizar atalho do membro da barra de ferramentas
Personalizar atalho do membro da barra de ferramentas |
Por muitas vezes, queremos chamar atenção com códigos inovados, nesse tutorial iremos aprender a como personalizar a aparência dos itens do atalho do membro da barra de ferramentas.
--> Tutoriais,dicas e Astucias <--
Itens do atalho do membro da barra de ferramentas
1º - Instalação do Css:
CSS na verdade significa "Cascading Style Sheets", sua principal função é personalizar um determinado conteúdo exibido, em um determinado lugar na página. Cada versão de fórum (phpbb2. phpbb3, punbb e invision) possuem uma classe diferente, e nessas classes podem ser adicionadas as “propriedades”. Caso queira conhecer alguns tipos de classes, poderá consultar mais informações no seguinte: Elaborar um código CSS
Painel administrativo Visualização Imagens e Cores Cores "Aba" Folha de estilo Css |
Desativar o CSS de base - Caso desabilite essa opção, o CSS base do seu fórum será desativado, deixando apenas o CSS da folha de estilo. |
2º - Aplicação do Css:
- Código:
body #fa_toolbar #fa_right .fa_separator {
background: #e5e5e5!important;
color: #525252;
display: block!important;
font-size: 12px!important;
font-weight: 700!important;
height: 30px!important;
margin: 0!important;
padding: 0!important;
text-align: left!important;
width: 100%!important;
}
body #fa_menulist li:nth-child(9)::before {
content: "Outras Opções";
margin-left: 5px;
}
body #fa_menulist li:nth-child(4)::before {
content: "Conteúdo";
margin-left: 5px;
}
body #fa_menulist li:nth-child(2)::before {
color: rgb(82, 82, 82);
content: " Configurações";
display: block;
font-size: 12px;
font-weight: 700;
height: 30px;
width: 100%;
background: rgb(229, 229, 229) !important;
margin: 0px !important;
padding: 0px !important;
}
#fa_menulist li a[href*="admin"]:before {
content: "\f013";
}
body #fa_menulist a:hover {
background: #f0f0f0!important;
color: #333!important;
}
body #fa_usermenu img {
float: right!important;
max-width: 55px!important;
}
body #fa_usermenu {
border-radius: 5px;
float: right;
font-size: 10px!important;
margin-left: 185px;
margin-top: 35px;
padding: 0!important;
text-align: right!important;
}
#fa_usermenu {
position: absolute;
left: 0px;
width: 120px;
padding: 10px 20px 10px 10px;
color: #333333;
font-size: 12px;
text-align: center;
}
#fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications {
color: #333333;
background-color: #FFFFFF;
}
body #fa_menulist a:link, body #fa_menulist a:visited {
color: #333!important;
display: block!important;
font-family: 'Roboto Condensed', Arial!important;
font-size: 14px;
font-weight: 300;
}
#fa_menulist li a[href*="/sta"]:before {
content: "\f02b";
}
#fa_menulist li a:before {
color: #525252!important;
font-family: FontAwesome;
font-size: 14px;
margin: 0 5px;
}
body #fa_menulist {
background-color: #fff!important;
margin-left: 150px!important;
padding: 5px!important;
width: 300px!important;
}
#fa_menulist{
left: 732.5px!important;
}
#fa_ranktitle {display:none!important;}
#fa_usermenu td {display:none!important;}
#fa_menulist li a[href*="/u"]:before {
content: "\f007";
}
#fa_menulist li a[href*="preference"]:before {
content: "\f013";
}
#fa_menulist li a[href*="/spa"]:before {
content: "\f086";
}
#fa_menulist li a[href*="watchsearch"]:before {
content: "\f1d8";
}
#fa_menulist li a[href*="inbox"]:before {
content: "\f0e0";
}
#fa_menulist li a[href*="logout"]:before {
content: "\f08b";
}
- Resultado:
:copyright: Fórum dos Fóruns & Cepheus
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [DUVIDA] Itens do atalho do membro na barra de ferramentas modificado |
Tópicos semelhantes
» Exibir o avatar do membro na barra de ferramentas
» Personalizar barra de ferramentas
» Personalizar barra de ferramentas
» Posso personalizar a barra de ferramentas?
» Posso personalizar a Barra de Ferramentas
» Personalizar barra de ferramentas
» Personalizar barra de ferramentas
» Posso personalizar a barra de ferramentas?
» Posso personalizar a Barra de Ferramentas
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos