Ícone font awesome nos grupos

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Ícone font awesome nos grupos

Mensagem por Dragon_Obscure 20.07.20 15:43

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:
Ícone font awesome nos grupos A2210
por exemplo, esse icone, nesse local onde está demarcado na imagem abaixo.

Ícone font awesome nos grupos A2110
Dragon_Obscure

Dragon_Obscure
***

Membro desde : 13/06/2020
Mensagens : 120
Pontos : 192

https://connection-paradise.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Ícone font awesome nos grupos

Mensagem por tikky 20.07.20 15:51

Olá @Dragon_Obscure,

Para adicionar o ícone o senhor usa:
Código:
div [style*="#858282"]::before{
altere para:
Código:
a[href^="/g1-"]:before,
div [style*="#858282"]::before{
No 1 em /g altere para o ID do grupo!


Atenciosamente,
pedxz.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone font awesome nos grupos

Mensagem por Dragon_Obscure 20.07.20 15:56

Não surtiu nenhum efeito amigo
Dragon_Obscure

Dragon_Obscure
***

Membro desde : 13/06/2020
Mensagens : 120
Pontos : 192

https://connection-paradise.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Ícone font awesome nos grupos

Mensagem por tikky 20.07.20 15:58

Não vejo o código adicionado na sua folha de estilo Envergonhado
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Ícone font awesome nos grupos

Mensagem por tikky 20.07.20 16:09

(O autor mandar o CSS pela mensagem privada)

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

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone font awesome nos grupos

Mensagem por Dragon_Obscure 20.07.20 16:11

não resultou amigo.
Dragon_Obscure

Dragon_Obscure
***

Membro desde : 13/06/2020
Mensagens : 120
Pontos : 192

https://connection-paradise.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Ícone font awesome nos grupos

Mensagem por tikky 20.07.20 16:29

O problema é da substituição dos [ ] da legenda para |, vou alterar o | para uma borda para que os ícones funcionem, posso?
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone font awesome nos grupos

Mensagem por Dragon_Obscure 20.07.20 16:31

Sim, tudo bem, mas não gostaria do [] põe outro pfv
Dragon_Obscure

Dragon_Obscure
***

Membro desde : 13/06/2020
Mensagens : 120
Pontos : 192

https://connection-paradise.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Ícone font awesome nos grupos

Mensagem por tikky 20.07.20 17:34

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

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone font awesome nos grupos

Mensagem por Dragon_Obscure 20.07.20 17:37

Resolvido obrigado!, pode fechar meu amigo!
Dragon_Obscure

Dragon_Obscure
***

Membro desde : 13/06/2020
Mensagens : 120
Pontos : 192

https://connection-paradise.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Ícone font awesome nos grupos

Mensagem por tikky 20.07.20 17:38

Tópico resolvido


Movido para "Questões resolvidas".
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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