Ícone font awesome nos grupos
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Ícone font awesome nos grupos
Detalhes da questão
Endereço do fórum: https://connection-paradise.forumeiros.com/forum
Versão do fórum: ModernBB
Descrição
Bom, já consegui aplicar os icones do fontawesome nos usuarios que estão em grupos, agora gostaria de colocar na legenda la em baixo, depois da | como informo na img a seguir:
por exemplo, esse icone, nesse local onde está demarcado na imagem abaixo.
Re: Ícone font awesome nos grupos
Olá @Dragon_Obscure,
Para adicionar o ícone o senhor usa:
Atenciosamente,
pedxz.
Para adicionar o ícone o senhor usa:
- Código:
div [style*="#858282"]::before{
- Código:
a[href^="/g1-"]:before,
div [style*="#858282"]::before{
Atenciosamente,
pedxz.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Ícone font awesome nos grupos
Não surtiu nenhum efeito amigo
Re: Ícone font awesome nos grupos
Não vejo o código adicionado na sua folha de estilo
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Ícone font awesome nos grupos
(O autor mandar o CSS pela mensagem privada)
Altere o seu código CSS para:
Altere o seu código CSS para:
- Código:
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css") print;
a[href="/u1"] {
color: #FF0000;
}
a[href="/u1"] {
background: url("https://i.imgur.com/GOJ0R.gif");
}
/* Efeitos dos Grupos */
a[href^="/g1-"],
a[href^="/u"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g2-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g3-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g4-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g5-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g6-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g7-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g8-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g9-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g10-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g11-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g12-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g13-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
.postprofile-avatar img {
border-radius: 0;
height: auto;
width: 160px;
border: 3px solid #FFF;
box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3);
z-index: 999;
}
/*************** EE CONTA ************************/
.topBar {
float: right;
height: 50px;
margin-right: 40px;
max-width: 1400px;
width: 25%;
}
.register {
background: rgba(0,0,0,0.2);
float: right;
font-size: 14px;
font-weight: 300;
}
.topBar li {
margin: 0!important;
}
.topBar a {
color: #FFFFFF !important; /** cor do texto **/
display: inline-block!important;
font-family: 'Fira Sans Condensed', sans-serif, "Trebuchet MS", Sans-serif, Arial, Helvetica, Verdana!important;
font-size: 13px!important;
font-weight: 700!important;
height: 50px!important;
line-height: 50px!important;
padding: 0 12px!important;
text-shadow: none!important;
transition-duration: 300ms!important;
width: 100%;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-plus-square:before {
content: "\f0fe";
}
.login {
background: rgba(0,0,0,0.2);
float: right;
font-size: 14px;
font-weight: 300;
margin-right: 5px;
}
.fa-user-circle:before {
content: "\f2bd";
}
.topBar a:hover {
background-color: #000!important; /** cor do mouse **/
border-radius: 0;
}
/**************************** ESTRUTURA ************************************/
.dropdown {
display: inline-block;
position: relative;
}
.navbar a {
color: #FFFFFF!important; /** cor do link **/
display: inline-block!important;
height: 50px!important;
line-height: 53px!important;
padding: 0 12px!important;
text-shadow: none!important;
transition-duration: 300ms!important;
width: 100%;
}
.navbar a {
border-radius: 3px;
font-size: 1.3rem;
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
content: "\f0c9";
}
.navbar li {
margin: 0!important;
}
.navbar li {
display: inline-block;
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-shopping-cart:before {
content: "\f07a";
}
#tabs:after, .navbar:after, dl.polls:after, fieldset dl:after, ul.linklist:after, ul.topiclist dl:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.navbar a:hover {
background-color: #007e82!important; /** cor do link quando passa o mouse **/
border-radius: 0;
}
.navbar a:hover {
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
.dropdown-content {
background-color: #2c353b; /** cor dos submenus **/
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
min-width: 160px;
position: absolute;
z-index: 10;
display: none;
}
.fa-list:before {
content: "\f03a";
}
.fa-book:before {
content: "\f02d";
}
.fa-group:before, .fa-users:before {
content: "\f0c0";
}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown-content a:hover {
background-color: #000;
}
.navbar {
background: #000000!important; /** cor da barra de navegação **/
background-position: center center;
height: 50px;
line-height: 38px;
margin: 0 auto;
width: 95%;
z-index: 999;
}
.fa-user:before {
content: "\f007";
}
.fa-envelope-o:before {
content: "\f1d8";
}
.mensp {
background: rgba(0,0,0,0.2);
color: #fff;
display: block;
float: left;
font-weight: 400;
list-style: none;
margin-right: 5px;
transition: .05s all;
}
.sair {
background: rgba(0,0,0,0.2);
color: #fff;
display: block;
float: left;
font-weight: 400;
list-style: none;
margin-right: 5px;
transition: .05s all;
}
.fa-sign-out:before {
content: "\f011";
}
.perfil {
background: rgba(0,0,0,0.2);
color: #fff;
display: block;
float: left;
font-weight: 400;
list-style: none;
margin-right: 5px;
transition: .05s all;
}
.dropdown {
float: left!important;
}
.navbar {
border-radius: 5px 5px 5px 5px!important;
}
.block-groups { font-size: 0; }
.block-groups b,
.block-groups > strong { font-size: 12px; }
.block-groups > strong { padding-right: 1em; }
.block-groups b:first-of-type a[href^="/g"]:before,
.block-groups > b > a[href^="/g"]::before {
content: '|';
font-size: 20px;
padding: 0 5px;
}
.footer2 {
background-color: #eee;
color: #141414;
font-size: 1.3rem;
overflow: hidden;
position: relative;
}
.footer-dsh {
background-color: #212529;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top: 1px solid rgba(0,0,0,0.15);
border-top-left-radius: 0;
border-top-right-radius: 0;
color: #a0a8b0;
display: block;
font-size: 12px;
line-height: 2;
overflow: hidden;
width: 100%;
}
.credits_ppf {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.10);
padding: 8px;
text-align: center;
}
.cont_footer {
padding: 0;
}
.footer-col {
float: left;
width: 25%;
padding: 8px;
}
.footer-block {
_border-left: 1px solid #676767;
_border-right: 1px solid #000;
border-left: 1px solid rgba(103,103,103,0.13);
box-sizing: border-box;
display: table-cell;
padding: 0 20px;
width: 100%;
}
.footer-list li a {
color: #A3AAAE!important;
}
#page-footer {
background-color: #1e2125;
}
.statistics {
background-color: #1e2125;
}
.statistics-item a:link, .statistics-item a:visited {
color: #ffffff;
}
.statistics-item a {
color: #ffffff;
}
/**Efeito Grupos Relevo **/
.block-footer a[href^="/g"] {
transition: .3s;
}
.block-footer a[href^="/g"]:hover {
background: #ddd;
padding: 12px 10px 9px;
}
/** Barra de rolagem **/
::-webkit-scrollbar
{
width: 12px;
background-color: #000000;
}
::-webkit-scrollbar-thumb {
background: #05d5fa;
}
::-webkit-scrollbar-thumb:hover {
background: #05d5fa;
}
::-webkit-scrollbar-button {
background: green;
box-shadow: 0 0 3px rgba(0,0,0,0.9);
}
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #000000;
}
::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}
/** Topo transparente **/
.headerbar {
background-size: 0!important;
}
#page-footer,
.headerbar,
.statistics,
.footer2,
.credits_ppf {
background: transparent!important;
}
/** Barra de categorias **/
li.header dl.icon {
background-color: #000000;
border-bottom: 5px solid #00ffff;
border-radius: 5px;
}
/**Barras fórum**/
ul.topiclist dfn {
display:block!important;
font-style:initial!important;
font-size: 10px;
text-transform:uppercase;
}
.header .table-title h2 {
font-family:Lobster;
font-size:15px!important;
}
.table-title h2 {
font-family: Apple Chancery, cursive!important;
font-weight: bold!important;
}
a.forumtitle:link {
color: #333!important;
font-weight: bold;
font-size: 13px;
font-family: Apple Chancery, cursive;
}
a.forumtitle:visited {
color: #333!important;
}
/** Alto relevo categoria e foruns **/
ul.forums {
background-color: #ffffff;
}
ul.forums li.row {
border-left: 7px solid black;
}
ul.forums li.row:hover {
border-left: 10px solid #00f1f5;
}
/** Icones nas legendas e nick **/
a[href^="/g2-"]:before,
div [style*="#990082"]::before {
font-family: "Font Awesome 5 Free";
content:'\f121';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
a[href^="/g3-"]:before,
div [style*="#8B4513"]::before {
font-family: "Font Awesome 5 Free";
content:'\f0e3';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
a[href^="/g4-"]:before,
div [style*="#FF4500"]::before {
font-family: "Font Awesome 5 Free";
content:'\f084';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
a[href^="/g5-"]:before,
div [style*="#008000"]::before {
font-family: "Font Awesome 5 Free";
content:'\f19d';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
a[href^="/g8-"]:before,
div [style*="#008B8B"]::before {
font-family: "Font Awesome 5 Free";
content:'\f0f2';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
a[href^="/g6-"]:before,
div [style*="#FF0088"]::before {
font-family: "Font Awesome 5 Free";
content:'\f067 ';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
a[href^="/g9-"]:before,
div [style*="#FF0000"]::before {
font-family: "Font Awesome 5 Free";
content:'\f059 ';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
a[href^="/g10-"]:before,
div [style*="#0000F0"]::before {
font-family: "Font Awesome 5 Free";
content:'\f13d ';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
a[href^="/g11-"]:before,
div [style*="#00FF00"]::before {
font-family: "Font Awesome 5 Free";
content:'\f024';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
a[href^="/g12-"]:before,
div [style*="#1A1A1A"]::before {
font-family: "Font Awesome 5 Free";
content:'\f005';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
a[href^="/g7-"]:before,
div [style*="#FFEA05"]::before {
font-family: "Font Awesome 5 Free";
content:'\f1fc';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
a[href^="/g13-"]:before,
div [style*="#858282"]::before {
font-family: "Font Awesome 5 Free";
content:'\f2bd';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
td[colspan="3"] .module .h3 {
text-align: center;
}
#wrap {
background-color: transparent;
}
/** Widgets na pagina inicial somente **/
#right,
#left {
display: none;
}
#content-container #container {
margin: auto 0;
}
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Ícone font awesome nos grupos
não resultou amigo.
Re: Ícone font awesome nos grupos
O problema é da substituição dos [ ] da legenda para |, vou alterar o | para uma borda para que os ícones funcionem, posso?
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Ícone font awesome nos grupos
Sim, tudo bem, mas não gostaria do [] põe outro pfv
Re: Ícone font awesome nos grupos
Altere a sua folha de estilo para:
- Código:
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css") print;
a[href="/u1"] {
color: #FF0000;
}
a[href="/u1"] {
background: url("https://i.imgur.com/GOJ0R.gif");
}
/* Efeitos dos Grupos */
a[href^="/g1-"],
a[href^="/u"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g2-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g3-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g4-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g5-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g6-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g7-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g8-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g9-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g10-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g11-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g12-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
a[href^="/g13-"],
a[href^="/u"] span[style$="#000099"] {
background: url("https://i.imgur.com/GOJ0R.gif");
text-shadow: 0 0 5px #000000;
}
.postprofile-avatar img {
border-radius: 0;
height: auto;
width: 160px;
border: 3px solid #FFF;
box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3);
z-index: 999;
}
/*************** EE CONTA ************************/
.topBar {
float: right;
height: 50px;
margin-right: 40px;
max-width: 1400px;
width: 25%;
}
.register {
background: rgba(0,0,0,0.2);
float: right;
font-size: 14px;
font-weight: 300;
}
.topBar li {
margin: 0!important;
}
.topBar a {
color: #FFFFFF !important; /** cor do texto **/
display: inline-block!important;
font-family: 'Fira Sans Condensed', sans-serif, "Trebuchet MS", Sans-serif, Arial, Helvetica, Verdana!important;
font-size: 13px!important;
font-weight: 700!important;
height: 50px!important;
line-height: 50px!important;
padding: 0 12px!important;
text-shadow: none!important;
transition-duration: 300ms!important;
width: 100%;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-plus-square:before {
content: "\f0fe";
}
.login {
background: rgba(0,0,0,0.2);
float: right;
font-size: 14px;
font-weight: 300;
margin-right: 5px;
}
.fa-user-circle:before {
content: "\f2bd";
}
.topBar a:hover {
background-color: #000!important; /** cor do mouse **/
border-radius: 0;
}
/**************************** ESTRUTURA ************************************/
.dropdown {
display: inline-block;
position: relative;
}
.navbar a {
color: #FFFFFF!important; /** cor do link **/
display: inline-block!important;
height: 50px!important;
line-height: 53px!important;
padding: 0 12px!important;
text-shadow: none!important;
transition-duration: 300ms!important;
width: 100%;
}
.navbar a {
border-radius: 3px;
font-size: 1.3rem;
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
content: "\f0c9";
}
.navbar li {
margin: 0!important;
}
.navbar li {
display: inline-block;
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-shopping-cart:before {
content: "\f07a";
}
#tabs:after, .navbar:after, dl.polls:after, fieldset dl:after, ul.linklist:after, ul.topiclist dl:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.navbar a:hover {
background-color: #007e82!important; /** cor do link quando passa o mouse **/
border-radius: 0;
}
.navbar a:hover {
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
.dropdown-content {
background-color: #2c353b; /** cor dos submenus **/
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
min-width: 160px;
position: absolute;
z-index: 10;
display: none;
}
.fa-list:before {
content: "\f03a";
}
.fa-book:before {
content: "\f02d";
}
.fa-group:before, .fa-users:before {
content: "\f0c0";
}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown-content a:hover {
background-color: #000;
}
.navbar {
background: #000000!important; /** cor da barra de navegação **/
background-position: center center;
height: 50px;
line-height: 38px;
margin: 0 auto;
width: 95%;
z-index: 999;
}
.fa-user:before {
content: "\f007";
}
.fa-envelope-o:before {
content: "\f1d8";
}
.mensp {
background: rgba(0,0,0,0.2);
color: #fff;
display: block;
float: left;
font-weight: 400;
list-style: none;
margin-right: 5px;
transition: .05s all;
}
.sair {
background: rgba(0,0,0,0.2);
color: #fff;
display: block;
float: left;
font-weight: 400;
list-style: none;
margin-right: 5px;
transition: .05s all;
}
.fa-sign-out:before {
content: "\f011";
}
.perfil {
background: rgba(0,0,0,0.2);
color: #fff;
display: block;
float: left;
font-weight: 400;
list-style: none;
margin-right: 5px;
transition: .05s all;
}
.dropdown {
float: left!important;
}
.navbar {
border-radius: 5px 5px 5px 5px!important;
}
.block-groups { font-size: 0; }
.block-groups b,
.block-groups > strong { font-size: 12px; }
.block-groups > strong { padding-right: 1em; }
.block-groups > b > a[href^="/g"] {
border-left: 5px solid currentColor;
padding: 0 5px;
}
.footer2 {
background-color: #eee;
color: #141414;
font-size: 1.3rem;
overflow: hidden;
position: relative;
}
.footer-dsh {
background-color: #212529;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top: 1px solid rgba(0,0,0,0.15);
border-top-left-radius: 0;
border-top-right-radius: 0;
color: #a0a8b0;
display: block;
font-size: 12px;
line-height: 2;
overflow: hidden;
width: 100%;
}
.credits_ppf {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.10);
padding: 8px;
text-align: center;
}
.cont_footer {
padding: 0;
}
.footer-col {
float: left;
width: 25%;
padding: 8px;
}
.footer-block {
_border-left: 1px solid #676767;
_border-right: 1px solid #000;
border-left: 1px solid rgba(103,103,103,0.13);
box-sizing: border-box;
display: table-cell;
padding: 0 20px;
width: 100%;
}
.footer-list li a {
color: #A3AAAE!important;
}
#page-footer {
background-color: #1e2125;
}
.statistics {
background-color: #1e2125;
}
.statistics-item a:link, .statistics-item a:visited {
color: #ffffff;
}
.statistics-item a {
color: #ffffff;
}
/**Efeito Grupos Relevo **/
.block-footer a[href^="/g"] {
transition: .3s;
}
.block-footer a[href^="/g"]:hover {
background: #ddd;
padding: 12px 10px 9px;
}
/** Barra de rolagem **/
::-webkit-scrollbar
{
width: 12px;
background-color: #000000;
}
::-webkit-scrollbar-thumb {
background: #05d5fa;
}
::-webkit-scrollbar-thumb:hover {
background: #05d5fa;
}
::-webkit-scrollbar-button {
background: green;
box-shadow: 0 0 3px rgba(0,0,0,0.9);
}
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #000000;
}
::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}
/** Topo transparente **/
.headerbar {
background-size: 0!important;
}
#page-footer,
.headerbar,
.statistics,
.footer2,
.credits_ppf {
background: transparent!important;
}
/** Barra de categorias **/
li.header dl.icon {
background-color: #000000;
border-bottom: 5px solid #00ffff;
border-radius: 5px;
}
/**Barras fórum**/
ul.topiclist dfn {
display:block!important;
font-style:initial!important;
font-size: 10px;
text-transform:uppercase;
}
.header .table-title h2 {
font-family:Lobster;
font-size:15px!important;
}
.table-title h2 {
font-family: Apple Chancery, cursive!important;
font-weight: bold!important;
}
a.forumtitle:link {
color: #333!important;
font-weight: bold;
font-size: 13px;
font-family: Apple Chancery, cursive;
}
a.forumtitle:visited {
color: #333!important;
}
/** Alto relevo categoria e foruns **/
ul.forums {
background-color: #ffffff;
}
ul.forums li.row {
border-left: 7px solid black;
}
ul.forums li.row:hover {
border-left: 10px solid #00f1f5;
}
/** Icones nas legendas e nick **/
a[href^="/g2-"]:before,
div [style*="#990082"]::before {
font-family: "Font Awesome 5 Free";
content:'\f121';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
a[href^="/g3-"]:before,
div [style*="#8B4513"]::before {
font-family: "Font Awesome 5 Free";
content:'\f0e3';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
a[href^="/g4-"]:before,
div [style*="#FF4500"]::before {
font-family: "Font Awesome 5 Free";
content:'\f084';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
a[href^="/g5-"]:before,
div [style*="#008000"]::before {
font-family: "Font Awesome 5 Free";
content:'\f19d';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
a[href^="/g8-"]:before,
div [style*="#008B8B"]::before {
font-family: "Font Awesome 5 Free";
content:'\f0f2';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
a[href^="/g6-"]:before,
div [style*="#FF0088"]::before {
font-family: "Font Awesome 5 Free";
content:'\f067 ';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
a[href^="/g9-"]:before,
div [style*="#FF0000"]::before {
font-family: "Font Awesome 5 Free";
content:'\f059 ';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
a[href^="/g10-"]:before,
div [style*="#0000F0"]::before {
font-family: "Font Awesome 5 Free";
content:'\f13d ';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
a[href^="/g11-"]:before,
div [style*="#00FF00"]::before {
font-family: "Font Awesome 5 Free";
content:'\f024';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
a[href^="/g12-"]:before,
div [style*="#1A1A1A"]::before {
font-family: "Font Awesome 5 Free";
content:'\f005';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
a[href^="/g7-"]:before,
div [style*="#FFEA05"]::before {
font-family: "Font Awesome 5 Free";
content:'\f1fc';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
a[href^="/g13-"]:before,
div [style*="#858282"]::before {
font-family: "Font Awesome 5 Free";
content:'\f2bd';
margin-right: 3px;
font-weight: 1000;
font-size: 12px;
}
td[colspan="3"] .module .h3 {
text-align: center;
}
#wrap {
background-color: transparent;
}
/** Widgets na pagina inicial somente **/
#right,
#left {
display: none;
}
#content-container #container {
margin: auto 0;
}
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Ícone font awesome nos grupos
Resolvido obrigado!, pode fechar meu amigo!
Re: Ícone font awesome nos grupos
Tópico resolvidoMovido para "Questões resolvidas". |
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos