Efeitos no Nick do Usuário

Detalhes da questão

Endereço do fórum: http://policia-dst.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Já pesquisei tudo quanto é lado no fórum dos fóruns... fiz todos os passos que me disseram e infelizmente não consegui resolver o meu problema. Não consigo colocar efeito no Nick dos usuários, apesar de ter colocado o código na folha de estilo CSS. Vou mandar em baixo o meu CSS completo.

Código:

/* Estáticas igual NWD*/
#i_whosonline + p br + br + em {
    background: #f7f7f7 url(http://2img.net/i/bl/spirale.png) no-repeat;
    border: 1px solid #cdcdcd;
    color: transparent;
    display: block;
    font-size: .9em;
    margin: 15px 0 0 150px;
    padding: 10px 15px 10px 10px !important;
    position: relative;
    text-align: center!important;
    width: 80%!important;
}

/*-- Efeito ToolTip --*/
a[href="/u1"] span strong {
  position:relative; }

a[href*="/u1"] span[style="color:#FF0000"] strong:hover:after {
  background-color: rgba(255,0,0,0.5);
  border-radius: 5px;
  bottom: 15px;
  color: #FFFFFF;
  content: "Fundador do Clã e do Fórum";
  display: inline-block;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  left: -65px;
  padding: 2px;
  position: absolute;
  white-space: nowrap;
  z-index: 1;
}

#page-header div.navbar {
height: 51px!important;
}
#page-header .navbar {
    background: #2D3134!important;
    border: none!important;
    margin: 0px -5px 0!important;
}
#page-header .navbar .corners-top, .navbar .corners-top span {
    background: transparent none repeat scroll 0% 0% !important;
}
a.mainmenu {
    background: url(https://i18.servimg.com/u/f18/18/45/41/65/nav10.png) repeat-x 0 45px;
    color: #FFF;
    display: inline-block;
    font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
    font-size: 13px;
    font-weight: 700;
    height: 45px;
    line-height: 41px;
    padding: 0 12px;
    transition: 250ms;
}
#page-header a.mainmenu.fa_navactif, #page-header a.mainmenu:hover {
    background-position: 0 40px;
}
.post {
    border: 1px solid #f3f3f3;
    margin-bottom: 1px;
}
/*-- Largura do fundo cinza no perfil --*/
.post .postprofile{width: 250px}

/*-- Mudar caixa de buscar --*/
#search-box #keywords {
background: url(http://www.purevb.com/demo/images/styles/DarkCore/style/searchinput-left.png) no-repeat top left;
border: 0;
color: #acacac;
height: 35px;
line-height: 35px;
padding: 0 8px;
white-space: nowrap;
width: 140px;
}
#search-box input.button2 {
background: url(http://www.purevb.com/demo/images/styles/DarkCore/style/searchButton-left.png) no-repeat;
height: 35px;
color: transparent;
border: 0;
}

/*-- Topo dos tópicos quadrado h3 --*/
.forabg .header, .forumbg .header {
    background: #3F7D2E;
    /*background-color: rgba(27,0,0,0.8);*/
    margin: -5px -5px 2px;
    padding: 6px 3px 3px;
}
/*-- Bordas Widget --*/
.module .h3 {
  border: 0px solid #186d94;
  border-radius: 1px;
  clear: both;
  margin-bottom: 0px;
  padding: 9px!important;
}

.module {
  padding: 0 0px!important;
}
.module .inner {
  border-radius: 1px;
  background-color: transparent;
  border-color: #DEDEDE!important;
  border-style: solid!important;
  border-width: 1 1px 1px!important;
  padding-left: 5px;
}
/*-- Widget igual FDF --*/
.module .h3 {
    /*background: #39C;
    color: #FFF;*/
    background: #3F7D2E;
    /*background-color: rgba(196,0,0,0.8);*/
    margin: -5px -10px 10px;
    padding: 6px 3px;
    text-align: center;
    text-transform: none;
}
/*-- Staff conectado --*/
.monAva img {
height: 40px;
width: 40px;
margin-right: 5px;
background: none repeat scroll 0 0 #FFF;
border: 1px solid #d5d1c8;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
padding: 1px;
}
.myStaff {padding: 5px 0 0;}
.monAva img:hover {
border: 1px solid black;
}
.myStaff a {
display:inline-block;
vertical-align:top;
margin-top:.75em;
}
/*-- Centralizar Perfil --*/
.postprofile {
    text-align: center;
}

/* -- Posição nome de usuário e avatar --*/
.postprofile dt img {
    margin-bottom: 5px;
}

/*-- Canto do fórum fino --*/
.forabg {
    background-color: transparent;
    border-color: #DEDEDE!important;
    border-radius: 1px;
    border-style: solid!important;
    border-width: 1px!important;
}
/*-- Preencher banner --*/
body {
        overflow-x: hidden !important;
}
#page-header #logo-desc, #page-header #logo-desc #site-title, #page-header #logo-desc #site-title h1  {
        font-size: 0px !important;
}
#logo {
        width: 0% !important;
        padding-bottom: 0px !important;
        margin-left: 0px !important;
        margin-top: 0px !important;
        position: relative !important;
}
/*-- Menu FDF --*/
#page-header div.navbar {
height: 51px!important;
}
#page-header .navbar {
    background: #2D3134!important;
    border: none!important;
    margin: 0px -5px 0!important;
}
#page-header .navbar .corners-top, .navbar .corners-top span {
    background: transparent none repeat scroll 0% 0% !important;
}
a.mainmenu {
    background: url(https://i18.servimg.com/u/f18/18/45/41/65/nav10.png) repeat-x 0 45px;
    color: #FFF;
    display: inline-block;
    font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
    font-size: 13px;
    font-weight: 700;
    height: 45px;
    line-height: 41px;
    padding: 0 12px;
    transition: 250ms;
}
#page-header a.mainmenu.fa_navactif, #page-header a.mainmenu:hover {
    background-position: 0 40px;
}
/*-- CHAT BOX --*/
#chatbox_header, #chatbox_footer {
    background: #3F7D2E;
    /*background-color: rgba(170,0,0,0.0);*/
}
/*-- Fonte do topo igual fDF --*/
.forabg .header dt, .forabg .header h2, .forumbg .header .dterm, .forumbg .header dt {
    font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
    font-size: 13px;
    font-weight: 700;
    padding-left: 6px!important;
}
/*-- Perfil fundo com borda --*/
.postprofile {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #fff;
    border: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    border-radius: 1px;
    padding-bottom: 20px;
    padding-right: 10px;
    padding-top: 20px;
    text-align: center;
    width: 20%;
}

/*-- Avatares redondos indice  --*/
.lastpost-avatar img {
    -moz-border-radius: 50%;
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    -webkit-border-radius: 50%;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    background: #fff;
    border: 1px solid #D5D5D5;
    border-radius: 50%;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    height: 50px;
    margin: 0 5px;
    padding: 1px;
    width: 50px;
}


/*-- Sombras na ponta do fórum --*/
#wrap {
    -moz-box-shadow: rgba(0,0,0,0.1) 0 1px 5px;1
    border: 1px solid #a6a8a9;
    border-radius: 1px;
    box-shadow: rgba(0,0,0,0.4) 0 1px 5px;
    margin-bottom: 10px;
}
/*-- Cores dos tópics --*/
.forumbg {
    background-color: transparent;
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid #fff;
    border-color: #DEDEDE!important;
    border-radius: 1px;
    clear: both;
    margin-bottom: 4px;
    padding: 0 1px;
}
/*-- Linha de Baixo do menu  --*/
#page-header .navbar  {
    -moz-box-shadow: inset 0 -7px 0 -1px #3F7D2E;
    -webkit-box-shadow: inset 0 -7px 0 -1px #3F7D2E;
    box-shadow: inset 0 -7px 0 -1px #3F7D2E;
}
::-webkit-scrollbar {
width: 15px;
height: 5px; }
::-webkit-scrollbar-track-piece {
background: #ffffff;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #1d4a99;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #000000;
}
a[href="http://policia-dst.forumeiros.com/u2"] {
background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif");
}

Eu coloco o código, clico em "salvar" e não acontece nada.
Obrigado.

Olá @kioferdinend363,
Benvindo ao fórum de suporte Forumeiros.

Você pretende adicionar esse efeito a um determinado usuário ao a um determinado grupo?

Atenciosamente,

Sim, por favor. Só que não dá para fazer isso como pode ver no meu código na última parte. Obrigado!

Mude para

Código:

a[href*="u2"] {
  background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif");
}

Funcionou amor! Obrigado!

Ah, mas agora eu queria fazer aquele efeito maneira. Vou mandar o print e você me explica como faz esse efeito.
Print: http://picasion.com/i/2tCgy
Fórum dos efeitos: policiarcc.com/forum
Rola tudo para baixo os efeitos vão ser visíveis.
Obrigado!!! <3

Mude para:

Código:

a[href*="u2"] {
    background: url(https://imgur.com/5gT4gaC.gif);
    font-weight: bold;
    text-shadow: 2px 0px 11px #2ea3f2;
}


Muito obrigado! Funcionou perfeitamente <3
Outra coisa e juro que é a última: Como eu faço para quando eu clicar em "Enviar" aparecer a barra de espera com a mensagem "Postando sua mensagem" e depois aparece verde com a mensagem "A sua mensagem foi postada". Sabe como eu faço isso? Obrigado.

Segundo o regulamento de suporte você só pode pedir um pedido de suporte por tópico, pelo qual você necessita de criar outro tópico.

Desde já aguardo

Ok, lindo! Pode fechar que eu crio outro, obrigado! <3

Pode fechar. Eu não sei fechar o tópico.

Para fechar você só necessita de clicar no botão Resolvido existente em cima, e marcar a mensagem resolvente com o botão Obrigado!

Não tem o botão re4solvido

kioferdinend363 escreveu:Pode fechar. Eu não sei fechar o tópico.

Basta dizer que o seu tópico está resolvido que a equipa de moderação trata do resto.

Tópico resolvido Movido para "Questões resolvidas".