Tooltip no nome de usuário

3 participantes

Ir para baixo

Tópico resolvido Tooltip no nome de usuário

Mensagem por Gustavor 09.03.18 23:04

Detalhes da questão


Endereço do fórum: http://brasilservegames.forumeiros.com/
Versão do fórum: phpBB2

Descrição


Olá, gostaria que me ajudassem em: eu passo o mouse no perfil do usuario ( sem ser no topico)

Ai quando eu entro no topico, que o usuario ( staff ) ja comento, passo o mouse, e n aparece, só aparece qnd está forá do topico!!! me ajudem ai
Gustavor
Gustavor
***

Membro desde : 24/09/2017
Mensagens : 128
Pontos : 204

http://fsr-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip no nome de usuário

Mensagem por Fraise 09.03.18 23:07

Boa noite @Gustavor,

Poderia nos fornecer a sua folha de estilos?

Atenciosamente,
Fraise.

Título alterado de 'Click-Mouse2' para 'Tooltip no nome de usuário'.
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip no nome de usuário

Mensagem por Gustavor 09.03.18 23:11

Como assim
?
Gustavor
Gustavor
***

Membro desde : 24/09/2017
Mensagens : 128
Pontos : 204

http://fsr-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip no nome de usuário

Mensagem por Gustavor 09.03.18 23:12

Se for pra mandar aqui:
Código:
/* MENU */
 div#page-header {
    border-bottom: 3px solid #ff7300;
    border-top: 3px solid #ff7300;
}
.is-sticky#headerbar-top {
    border-bottom: 3px solid #ff7300!important;
}
 
 
.forabg > .topiclist:first-child {
    border-bottom: 1px solid #ff7300;
    box-shadow: #ff7300 0 -2px 0 inset;
}
.forabg.hidden {
    background-color: rgba(42,44,51,0.71);
}
/* FIM */

/* AJEITAR BANNER */
.block-footer {
    font-size: 0px;
    text-align: center;
}
/* FIM */

/* CÓDIGO DESCONHECIDO */
.cat1:before {
  content: "\f013";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat2:before {
  content: "\f015";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat3:before {
  content: "\f024";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat4:before {
  content: "\f1fc";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat5:before {
  content: "\f073";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat6:before {
  content: "\f00d";
  font-family: FontAwesome;
  vertical-align:top;
}
/* FIM */

/* TOP CRIADORES DE TÓPICOS */
.mod-top-row .mod-top-pct {
    background-color: #3F474D;
    border-radius: 3px;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
}
/* FIM */

/* LINHA DE BAIXO DA CATEGORIA */
.postprofile {
    text-align: center;
}

.forabg.hidden {
    background-color: rgba(42,44,51,0.71);
}

.forabg > .topiclist:first-child {
    border-bottom: 1px solid #ff7300;
    box-shadow: #ff7300 0 -2px 0 inset;
}

.h3, h3 {
    border-color: #ff7300;
    border-style: solid;
    border-width: 0 0 1px;
    color: #444;
    font-family: Roboto, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: .3px;
    margin-bottom: 12px;
    padding-bottom: 3px;
}
/* FIM */

/* LEGENDA */
.block-footer {
    border-color: rgba(0,0,0,0.05);
    border-radius: 0 0 3px 3px;
    border-style: solid;
    border-width: 1px 0 0;
    margin: 18px -18px -18px;
    font-size: 0px;
    padding: 10px 8px 7px 5px;
    text-align: center;
}
.block-footer b {
    font-size: 13px;
}
.block-footer strong {
    display:none;
}
.block-footer a {
  font-size: 14px;
  font-style: normal;
 
  margin-right: 15px;
  transition: .3s;
}
.block-footer a:hover {
  background: #ddd;
  padding: 12px 10px 9px;
}
/* FIM */

/* AVATAR QUADRADO */
.postprofile-avatar img {
    border: 5px solid #eee;
    border-radius: 2px;
    height: auto;
    max-height: 280px;
    max-width: 180px;
    width: auto;
}
/* FIM */

/* PERFIL */
.mod-login-avatar img {
    border: 5px solid #eee;
    border-radius: 2px;
    height: auto;
    max-height: 280px;
    max-width: 180px;
    width: auto;
}
/* FIM */

/* DESCONHECIDO 2 */
.block-footer {
    font-size: 0px;
    text-align: center;
}
/* FIM */

 /* Estatísticas By Luis do FDF http://ajuda.forumeiros.com/u60563:*/
 

.block > .h3 {
  background-color: #282D30;
  border-color: #4096FF;
  margin: -20px;
  margin-bottom: 15px;
  padding: 12px;
  border: none;
  color: #fff!important;
  box-shadow: 0 -1px 9px rgba(0, 0, 0, 0.38);
}

.block > .h3 > a {
    color: #fff;
}

/* LINHA DE BAIXO DO MENU */
.is-sticky#headerbar-top {
    background-color: #282D30;
    box-shadow: 0 0 3px rgba(0,0,0,0.9);
    height: auto;
    left: 0;
    padding: 6px 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000!important;
    BORDER-BOTTOM: 3px solid #ff7300!important;
}

ul.topiclist dfn {
    display: block;
    font-size: 11.5px;
}
/* FIM */

/* FANCYBOX POR: Baivong */
.fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
.fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
.fancybox-opened{z-index:1003}
.fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
.fancybox-title{display:none}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{margin-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}

.edit {
  background: url("https://i.imgur.com/798kodJ.jpg") no-repeat scroll left 4px transparent;
  color: #7C7C7C;
  font-size: 12px;
  line-height: 14px;
  margin-top: 15px;
  padding: 2px 0 0 24px;
}

#backtotop, #bottomScroll {
    width: 24px;
    height: 24px;
    line-height: 20px;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
    position: absolute;
    display: inline-block;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);
    text-align: center;
    border-radius: 16px;
    outline: 0px none;
}
/* FIM */

/* BARRA DE ROLAGEM */

:-moz-selection{color:#FFF;background-color:#ff7300}::-webkit-scrollbar{width:17px;height:17px}::-webkit-scrollbar-track{background:#3F474D}::-webkit-scrollbar-thumb{background-color:#ff7300;border:2px solid #3F474D}::-webkit-scrollbar-button:single-button{color:#FFF;background:url(https://i86.servimg.com/u/f86/18/21/41/30/webkit10.gif) no-repeat #ff7300;height:17px;width:17px}::-webkit-scrollbar-button:single-button:vertical:increment{background-position:-17px 0}::-webkit-scrollbar-button:single-button:horizontal:decrement{background-position:-34px 0}::-webkit-scrollbar-button:single-button:horizontal:increment{background-position:-51px 0}::-webkit-scrollbar-button:hover,::-webkit-scrollbar-thumb:hover{background-color:#282D30}::-webkit-scrollbar-button:active,::-webkit-scrollbar-thumb:active{background-color:#ff7300}

/* DEGRADE */

.navbar a {
color: white !important;
display: inline-block !important;
font-family: "Trebuchet MS", Sans-serif, Arial, Verdana !important;
font-size: 15px !important;
font-weight: 700 !important;
height: 40px !important;
line-height: 39px !important;
padding: 0 15px !important;
position: relative !important;
transition-duration: 300ms !important;
text-shadow: none !important;
border-radius: 0 !important;
}

.navbar{
margin: 0px !important;
}
.navbar li{
margin: 0px !important
}

.mikae-cont {
    bottom: -200px;
}

/*profile*/
#profile-advanced-right {
float: left;
width: 260px;
border-radius: 6px;
}
#profile-advanced-layout {
float: right;
margin-left: -360px;
width: 100%;
margin-right: 0px;
margin-top: 18px;
}
#profile-advanced-left {
margin-left: 265px;
margin-right: 0px;
}

.friend-block {
    box-sizing: border-box;
    width: 24%;
    margin: 20px 0.5% 0;
}

.friend-block .avatar img {
    height: 50px;
}

 
a.gensmall[href="/u2"]:hover:after {
    background-color: rgba(0, 0, 0, 0.86);
    content: "Programador do Servidor";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #FF0000;
}
/* MENU */
 div#page-header {
    border-bottom: 3px solid #ff7300;
    border-top: 3px solid #ff7300;
}
.is-sticky#headerbar-top {
    border-bottom: 3px solid #ff7300!important;
}
 
 
.forabg > .topiclist:first-child {
    border-bottom: 1px solid #ff7300;
    box-shadow: #ff7300 0 -2px 0 inset;
}
.forabg.hidden {
    background-color: rgba(42,44,51,0.71);
}
/* FIM */

/* AJEITAR BANNER */
.block-footer {
    font-size: 0px;
    text-align: center;
}
/* FIM */

/* CÓDIGO DESCONHECIDO */
.cat1:before {
  content: "\f013";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat2:before {
  content: "\f015";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat3:before {
  content: "\f024";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat4:before {
  content: "\f1fc";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat5:before {
  content: "\f073";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat6:before {
  content: "\f00d";
  font-family: FontAwesome;
  vertical-align:top;
}
/* FIM */

/* TOP CRIADORES DE TÓPICOS */
.mod-top-row .mod-top-pct {
    background-color: #3F474D;
    border-radius: 3px;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
}
/* FIM */

/* LINHA DE BAIXO DA CATEGORIA */
.postprofile {
    text-align: center;
}

.forabg.hidden {
    background-color: rgba(42,44,51,0.71);
}

.forabg > .topiclist:first-child {
    border-bottom: 1px solid #ff7300;
    box-shadow: #ff7300 0 -2px 0 inset;
}

.h3, h3 {
    border-color: #ff7300;
    border-style: solid;
    border-width: 0 0 1px;
    color: #444;
    font-family: Roboto, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: .3px;
    margin-bottom: 12px;
    padding-bottom: 3px;
}
/* FIM */

/* LEGENDA */
.block-footer {
    border-color: rgba(0,0,0,0.05);
    border-radius: 0 0 3px 3px;
    border-style: solid;
    border-width: 1px 0 0;
    margin: 18px -18px -18px;
    font-size: 0px;
    padding: 10px 8px 7px 5px;
    text-align: center;
}
.block-footer b {
    font-size: 13px;
}
.block-footer strong {
    display:none;
}
.block-footer a {
  font-size: 14px;
  font-style: normal;
 
  margin-right: 15px;
  transition: .3s;
}
.block-footer a:hover {
  background: #ddd;
  padding: 12px 10px 9px;
}
/* FIM */

/* AVATAR QUADRADO */
.postprofile-avatar img {
    border: 5px solid #eee;
    border-radius: 2px;
    height: auto;
    max-height: 280px;
    max-width: 180px;
    width: auto;
}
/* FIM */

/* PERFIL */
.mod-login-avatar img {
    border: 5px solid #eee;
    border-radius: 2px;
    height: auto;
    max-height: 280px;
    max-width: 180px;
    width: auto;
}
/* FIM */

/* DESCONHECIDO 2 */
.block-footer {
    font-size: 0px;
    text-align: center;
}
/* FIM */

 /* Estatísticas By Luis do FDF http://ajuda.forumeiros.com/u60563:*/
 

.block > .h3 {
  background-color: #282D30;
  border-color: #4096FF;
  margin: -20px;
  margin-bottom: 15px;
  padding: 12px;
  border: none;
  color: #fff!important;
  box-shadow: 0 -1px 9px rgba(0, 0, 0, 0.38);
}

.block > .h3 > a {
    color: #fff;
}

/* LINHA DE BAIXO DO MENU */
.is-sticky#headerbar-top {
    background-color: #282D30;
    box-shadow: 0 0 3px rgba(0,0,0,0.9);
    height: auto;
    left: 0;
    padding: 6px 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000!important;
    BORDER-BOTTOM: 3px solid #ff7300!important;
}

ul.topiclist dfn {
    display: block;
    font-size: 11.5px;
}
/* FIM */

/* FANCYBOX POR: Baivong */
.fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
.fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
.fancybox-opened{z-index:1003}
.fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
.fancybox-title{display:none}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{margin-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}

.edit {
  background: url("https://i.imgur.com/798kodJ.jpg") no-repeat scroll left 4px transparent;
  color: #7C7C7C;
  font-size: 12px;
  line-height: 14px;
  margin-top: 15px;
  padding: 2px 0 0 24px;
}

#backtotop, #bottomScroll {
    width: 24px;
    height: 24px;
    line-height: 20px;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
    position: absolute;
    display: inline-block;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);
    text-align: center;
    border-radius: 16px;
    outline: 0px none;
}
/* FIM */

/* BARRA DE ROLAGEM */

:-moz-selection{color:#FFF;background-color:#ff7300}::-webkit-scrollbar{width:17px;height:17px}::-webkit-scrollbar-track{background:#3F474D}::-webkit-scrollbar-thumb{background-color:#ff7300;border:2px solid #3F474D}::-webkit-scrollbar-button:single-button{color:#FFF;background:url(https://i86.servimg.com/u/f86/18/21/41/30/webkit10.gif) no-repeat #ff7300;height:17px;width:17px}::-webkit-scrollbar-button:single-button:vertical:increment{background-position:-17px 0}::-webkit-scrollbar-button:single-button:horizontal:decrement{background-position:-34px 0}::-webkit-scrollbar-button:single-button:horizontal:increment{background-position:-51px 0}::-webkit-scrollbar-button:hover,::-webkit-scrollbar-thumb:hover{background-color:#282D30}::-webkit-scrollbar-button:active,::-webkit-scrollbar-thumb:active{background-color:#ff7300}

/* DEGRADE */

.navbar a {
color: white !important;
display: inline-block !important;
font-family: "Trebuchet MS", Sans-serif, Arial, Verdana !important;
font-size: 15px !important;
font-weight: 700 !important;
height: 40px !important;
line-height: 39px !important;
padding: 0 15px !important;
position: relative !important;
transition-duration: 300ms !important;
text-shadow: none !important;
border-radius: 0 !important;
}

.navbar{
margin: 0px !important;
}
.navbar li{
margin: 0px !important
}

.mikae-cont {
    bottom: -200px;
}

/*profile*/
#profile-advanced-right {
float: left;
width: 260px;
border-radius: 6px;
}
#profile-advanced-layout {
float: right;
margin-left: -360px;
width: 100%;
margin-right: 0px;
margin-top: 18px;
}
#profile-advanced-left {
margin-left: 265px;
margin-right: 0px;
}

.friend-block {
    box-sizing: border-box;
    width: 24%;
    margin: 20px 0.5% 0;
}

.friend-block .avatar img {
    height: 50px;
}

 
a.gensmall[href="/u1"]:hover:after {
    background-color: rgba(0, 0, 0, 0.86);
    content: "Gerente do Servidor e do forúm";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #FF0000;
}
 
a.gensmall[href="/u31"]:hover:after {
    background-color: rgba(0, 0, 0, 0.86);
    content: "Administrador do servidor e do fórum";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #0000FF;
}
 
a.gensmall[href="/u45"]:hover:after {
    background-color: rgba(0, 0, 0, 0.86);
    content: "Coordenador do fórum";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #FF1493
;
}
 
a.gensmall[href="/u44"]:hover:after {
    background-color: rgba(0, 0, 0, 0.86);
    content: "Moderador Servidor e do fórum";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #00FFFF;
}
 
a.gensmall[href="/u1"]:hover:after {
    background-color: rgba(0, 0, 0, 0.86);
    content: "Programador do servidor";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #FF0000;
}
 
a.gensmall[href="/u17"]:hover:after {
    background-color: rgba(0, 0, 0, 0.86);
    content: "Gerente do Servidor e fórum";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #00FF00;
}
 
a.gensmall[href="/u27"]:hover:after {
    background-color: rgba(0, 0, 0, 0.86);
    content: "Gerente do Servidor e fórum";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #00FF00;
}
 
a.gensmall[href="/u46"]:hover:after {
    background-color: rgba(0, 0, 0, 0.86);
    content: "Coordenador do fórum";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #FF1493;
}
.postprofile, font[color$="0066"] {
    color: #5c5c5c!important;
}
.postprofile {
    background-color: #FAFAFA;
    border: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
    border-radius: 2px;
    padding-bottom: 20px;
    padding-right: 10px;
    padding-top: 40px!important;
    position: relative;
    text-align: center;
    width: 20%;
}
.postprofile {
    display: inline;
    float: left;
    margin: 5px 0 0;
    min-height: 80px;
    word-wrap: break-word;
}
.postprofile dd, .postprofile dt {
    line-height: 1.2em;
    margin-left: 8px;
}
.postprofile dt a:first-child {
    line-height: 1.8em;
}
.postprofile-rank img { max-width: 150px; }
Gustavor
Gustavor
***

Membro desde : 24/09/2017
Mensagens : 128
Pontos : 204

http://fsr-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip no nome de usuário

Mensagem por Fraise 09.03.18 23:20


Atenção!

Você não pode postar antes de se completar 24 horas desde a última mensagem deste tópico! Por este motivo, nós pedimos que leia as regras do setor de suporte e principalmente a do Fórum dos Fóruns para não cometer novos erros!
Regras do FdF | Regras do Setor de Suporte

E para a próxima, coloque entre as tags [*code], por favor. Editei a sua mensagem para colocar isso como código.

Troque a sua folha de estilos por esta:
Código:

/* MENU */
 div#page-header {
    border-bottom: 3px solid #ff7300;
    border-top: 3px solid #ff7300;
}
.is-sticky#headerbar-top {
    border-bottom: 3px solid #ff7300!important;
}
 
 
.forabg > .topiclist:first-child {
    border-bottom: 1px solid #ff7300;
    box-shadow: #ff7300 0 -2px 0 inset;
}
.forabg.hidden {
    background-color: rgba(42,44,51,0.71);
}
/* FIM */
 
/* AJEITAR BANNER */
.block-footer {
    font-size: 0px;
    text-align: center;
}
/* FIM */
 
/* CÓDIGO DESCONHECIDO */
.cat1:before {
  content: "\f013";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat2:before {
  content: "\f015";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat3:before {
  content: "\f024";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat4:before {
  content: "\f1fc";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat5:before {
  content: "\f073";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat6:before {
  content: "\f00d";
  font-family: FontAwesome;
  vertical-align:top;
}
/* FIM */
 
/* TOP CRIADORES DE TÓPICOS */
.mod-top-row .mod-top-pct {
    background-color: #3F474D;
    border-radius: 3px;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
}
/* FIM */
 
/* LINHA DE BAIXO DA CATEGORIA */
.postprofile {
    text-align: center;
}
 
.forabg.hidden {
    background-color: rgba(42,44,51,0.71);
}
 
.forabg > .topiclist:first-child {
    border-bottom: 1px solid #ff7300;
    box-shadow: #ff7300 0 -2px 0 inset;
}
 
.h3, h3 {
    border-color: #ff7300;
    border-style: solid;
    border-width: 0 0 1px;
    color: #444;
    font-family: Roboto, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: .3px;
    margin-bottom: 12px;
    padding-bottom: 3px;
}
/* FIM */
 
/* LEGENDA */
.block-footer {
    border-color: rgba(0,0,0,0.05);
    border-radius: 0 0 3px 3px;
    border-style: solid;
    border-width: 1px 0 0;
    margin: 18px -18px -18px;
    font-size: 0px;
    padding: 10px 8px 7px 5px;
    text-align: center;
}
.block-footer b {
    font-size: 13px;
}
.block-footer strong {
    display:none;
}
.block-footer a {
  font-size: 14px;
  font-style: normal;
 
  margin-right: 15px;
  transition: .3s;
}
.block-footer a:hover {
  background: #ddd;
  padding: 12px 10px 9px;
}
/* FIM */
 
/* AVATAR QUADRADO */
.postprofile-avatar img {
    border: 5px solid #eee;
    border-radius: 2px;
    height: auto;
    max-height: 280px;
    max-width: 180px;
    width: auto;
}
/* FIM */
 
/* PERFIL */
.mod-login-avatar img {
    border: 5px solid #eee;
    border-radius: 2px;
    height: auto;
    max-height: 280px;
    max-width: 180px;
    width: auto;
}
/* FIM */
 
/* DESCONHECIDO 2 */
.block-footer {
    font-size: 0px;
    text-align: center;
}
/* FIM */
 
 /* Estatísticas By Luis do FDF http://ajuda.forumeiros.com/u60563:*/
 
 
.block > .h3 {
  background-color: #282D30;
  border-color: #4096FF;
  margin: -20px;
  margin-bottom: 15px;
  padding: 12px;
  border: none;
  color: #fff!important;
  box-shadow: 0 -1px 9px rgba(0, 0, 0, 0.38);
}
 
.block > .h3 > a {
    color: #fff;
}
 
/* LINHA DE BAIXO DO MENU */
.is-sticky#headerbar-top {
    background-color: #282D30;
    box-shadow: 0 0 3px rgba(0,0,0,0.9);
    height: auto;
    left: 0;
    padding: 6px 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000!important;
    BORDER-BOTTOM: 3px solid #ff7300!important;
}
 
ul.topiclist dfn {
    display: block;
    font-size: 11.5px;
}
/* FIM */
 
/* FANCYBOX POR: Baivong */
.fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
.fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
.fancybox-opened{z-index:1003}
.fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
.fancybox-title{display:none}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{margin-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}
 
.edit {
  background: url("https://i.imgur.com/798kodJ.jpg") no-repeat scroll left 4px transparent;
  color: #7C7C7C;
  font-size: 12px;
  line-height: 14px;
  margin-top: 15px;
  padding: 2px 0 0 24px;
}
 
#backtotop, #bottomScroll {
    width: 24px;
    height: 24px;
    line-height: 20px;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
    position: absolute;
    display: inline-block;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);
    text-align: center;
    border-radius: 16px;
    outline: 0px none;
}
/* FIM */
 
/* BARRA DE ROLAGEM */
 
:-moz-selection{color:#FFF;background-color:#ff7300}::-webkit-scrollbar{width:17px;height:17px}::-webkit-scrollbar-track{background:#3F474D}::-webkit-scrollbar-thumb{background-color:#ff7300;border:2px solid #3F474D}::-webkit-scrollbar-button:single-button{color:#FFF;background:url(https://i86.servimg.com/u/f86/18/21/41/30/webkit10.gif) no-repeat #ff7300;height:17px;width:17px}::-webkit-scrollbar-button:single-button:vertical:increment{background-position:-17px 0}::-webkit-scrollbar-button:single-button:horizontal:decrement{background-position:-34px 0}::-webkit-scrollbar-button:single-button:horizontal:increment{background-position:-51px 0}::-webkit-scrollbar-button:hover,::-webkit-scrollbar-thumb:hover{background-color:#282D30}::-webkit-scrollbar-button:active,::-webkit-scrollbar-thumb:active{background-color:#ff7300}
 
/* DEGRADE */
 
.navbar a {
color: white !important;
display: inline-block !important;
font-family: "Trebuchet MS", Sans-serif, Arial, Verdana !important;
font-size: 15px !important;
font-weight: 700 !important;
height: 40px !important;
line-height: 39px !important;
padding: 0 15px !important;
position: relative !important;
transition-duration: 300ms !important;
text-shadow: none !important;
border-radius: 0 !important;
}
 
.navbar{
margin: 0px !important;
}
.navbar li{
margin: 0px !important
}
 
.mikae-cont {
    bottom: -200px;
}
 
/*profile*/
#profile-advanced-right {
float: left;
width: 260px;
border-radius: 6px;
}
#profile-advanced-layout {
float: right;
margin-left: -360px;
width: 100%;
margin-right: 0px;
margin-top: 18px;
}
#profile-advanced-left {
margin-left: 265px;
margin-right: 0px;
}
 
.friend-block {
    box-sizing: border-box;
    width: 24%;
    margin: 20px 0.5% 0;
}
 
.friend-block .avatar img {
    height: 50px;
}
 
 
a.gensmall[href="/u2"]:hover:after {
    background-color: rgba(0, 0, 0, 0.86);
    content: "Programador do Servidor";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #FF0000;
}
/* MENU */
 div#page-header {
    border-bottom: 3px solid #ff7300;
    border-top: 3px solid #ff7300;
}
.is-sticky#headerbar-top {
    border-bottom: 3px solid #ff7300!important;
}
 
 
.forabg > .topiclist:first-child {
    border-bottom: 1px solid #ff7300;
    box-shadow: #ff7300 0 -2px 0 inset;
}
.forabg.hidden {
    background-color: rgba(42,44,51,0.71);
}
/* FIM */
 
/* AJEITAR BANNER */
.block-footer {
    font-size: 0px;
    text-align: center;
}
/* FIM */
 
/* CÓDIGO DESCONHECIDO */
.cat1:before {
  content: "\f013";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat2:before {
  content: "\f015";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat3:before {
  content: "\f024";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat4:before {
  content: "\f1fc";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat5:before {
  content: "\f073";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat6:before {
  content: "\f00d";
  font-family: FontAwesome;
  vertical-align:top;
}
/* FIM */
 
/* TOP CRIADORES DE TÓPICOS */
.mod-top-row .mod-top-pct {
    background-color: #3F474D;
    border-radius: 3px;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
}
/* FIM */
 
/* LINHA DE BAIXO DA CATEGORIA */
.postprofile {
    text-align: center;
}
 
.forabg.hidden {
    background-color: rgba(42,44,51,0.71);
}
 
.forabg > .topiclist:first-child {
    border-bottom: 1px solid #ff7300;
    box-shadow: #ff7300 0 -2px 0 inset;
}
 
.h3, h3 {
    border-color: #ff7300;
    border-style: solid;
    border-width: 0 0 1px;
    color: #444;
    font-family: Roboto, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: .3px;
    margin-bottom: 12px;
    padding-bottom: 3px;
}
/* FIM */
 
/* LEGENDA */
.block-footer {
    border-color: rgba(0,0,0,0.05);
    border-radius: 0 0 3px 3px;
    border-style: solid;
    border-width: 1px 0 0;
    margin: 18px -18px -18px;
    font-size: 0px;
    padding: 10px 8px 7px 5px;
    text-align: center;
}
.block-footer b {
    font-size: 13px;
}
.block-footer strong {
    display:none;
}
.block-footer a {
  font-size: 14px;
  font-style: normal;
 
  margin-right: 15px;
  transition: .3s;
}
.block-footer a:hover {
  background: #ddd;
  padding: 12px 10px 9px;
}
/* FIM */
 
/* AVATAR QUADRADO */
.postprofile-avatar img {
    border: 5px solid #eee;
    border-radius: 2px;
    height: auto;
    max-height: 280px;
    max-width: 180px;
    width: auto;
}
/* FIM */
 
/* PERFIL */
.mod-login-avatar img {
    border: 5px solid #eee;
    border-radius: 2px;
    height: auto;
    max-height: 280px;
    max-width: 180px;
    width: auto;
}
/* FIM */
 
/* DESCONHECIDO 2 */
.block-footer {
    font-size: 0px;
    text-align: center;
}
/* FIM */
 
 /* Estatísticas By Luis do FDF http://ajuda.forumeiros.com/u60563:*/
 
 
.block > .h3 {
  background-color: #282D30;
  border-color: #4096FF;
  margin: -20px;
  margin-bottom: 15px;
  padding: 12px;
  border: none;
  color: #fff!important;
  box-shadow: 0 -1px 9px rgba(0, 0, 0, 0.38);
}
 
.block > .h3 > a {
    color: #fff;
}
 
/* LINHA DE BAIXO DO MENU */
.is-sticky#headerbar-top {
    background-color: #282D30;
    box-shadow: 0 0 3px rgba(0,0,0,0.9);
    height: auto;
    left: 0;
    padding: 6px 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000!important;
    BORDER-BOTTOM: 3px solid #ff7300!important;
}
 
ul.topiclist dfn {
    display: block;
    font-size: 11.5px;
}
/* FIM */
 
/* FANCYBOX POR: Baivong */
.fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
.fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
.fancybox-opened{z-index:1003}
.fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
.fancybox-title{display:none}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{margin-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}
 
.edit {
  background: url("https://i.imgur.com/798kodJ.jpg") no-repeat scroll left 4px transparent;
  color: #7C7C7C;
  font-size: 12px;
  line-height: 14px;
  margin-top: 15px;
  padding: 2px 0 0 24px;
}
 
#backtotop, #bottomScroll {
    width: 24px;
    height: 24px;
    line-height: 20px;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
    position: absolute;
    display: inline-block;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);
    text-align: center;
    border-radius: 16px;
    outline: 0px none;
}
/* FIM */
 
/* BARRA DE ROLAGEM */
 
:-moz-selection{color:#FFF;background-color:#ff7300}::-webkit-scrollbar{width:17px;height:17px}::-webkit-scrollbar-track{background:#3F474D}::-webkit-scrollbar-thumb{background-color:#ff7300;border:2px solid #3F474D}::-webkit-scrollbar-button:single-button{color:#FFF;background:url(https://i86.servimg.com/u/f86/18/21/41/30/webkit10.gif) no-repeat #ff7300;height:17px;width:17px}::-webkit-scrollbar-button:single-button:vertical:increment{background-position:-17px 0}::-webkit-scrollbar-button:single-button:horizontal:decrement{background-position:-34px 0}::-webkit-scrollbar-button:single-button:horizontal:increment{background-position:-51px 0}::-webkit-scrollbar-button:hover,::-webkit-scrollbar-thumb:hover{background-color:#282D30}::-webkit-scrollbar-button:active,::-webkit-scrollbar-thumb:active{background-color:#ff7300}
 
/* DEGRADE */
 
.navbar a {
color: white !important;
display: inline-block !important;
font-family: "Trebuchet MS", Sans-serif, Arial, Verdana !important;
font-size: 15px !important;
font-weight: 700 !important;
height: 40px !important;
line-height: 39px !important;
padding: 0 15px !important;
position: relative !important;
transition-duration: 300ms !important;
text-shadow: none !important;
border-radius: 0 !important;
}
 
.navbar{
margin: 0px !important;
}
.navbar li{
margin: 0px !important
}
 
.mikae-cont {
    bottom: -200px;
}
 
/*profile*/
#profile-advanced-right {
float: left;
width: 260px;
border-radius: 6px;
}
#profile-advanced-layout {
float: right;
margin-left: -360px;
width: 100%;
margin-right: 0px;
margin-top: 18px;
}
#profile-advanced-left {
margin-left: 265px;
margin-right: 0px;
}
 
.friend-block {
    box-sizing: border-box;
    width: 24%;
    margin: 20px 0.5% 0;
}
 
.friend-block .avatar img {
    height: 50px;
}
 
 
ahref="/u1"]:hover:after {
    background-color: rgba(0, 0, 0, 0.86);
    content: "Gerente do Servidor e do forúm";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #FF0000;
}
 
a[href="/u31"]:hover:after {
    background-color: rgba(0, 0, 0, 0.86);
    content: "Administrador do servidor e do fórum";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #0000FF;
}
 
a[href="/u45"]:hover:after {
    background-color: rgba(0, 0, 0, 0.86);
    content: "Coordenador do fórum";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #FF1493
;
}
 
a[href="/u44"]:hover:after {
    background-color: rgba(0, 0, 0, 0.86);
    content: "Moderador Servidor e do fórum";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #00FFFF;
}
 
a[href="/u1"]:hover:after {
    background-color: rgba(0, 0, 0, 0.86);
    content: "Programador do servidor";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #FF0000;
}
 
a[href="/u17"]:hover:after {
    background-color: rgba(0, 0, 0, 0.86);
    content: "Gerente do Servidor e fórum";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #00FF00;
}
 
a[href="/u27"]:hover:after {
    background-color: rgba(0, 0, 0, 0.86);
    content: "Gerente do Servidor e fórum";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #00FF00;
}
 
a[href="/u46"]:hover:after {
    background-color: rgba(0, 0, 0, 0.86);
    content: "Coordenador do fórum";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #FF1493;
}
.postprofile, font[color$="0066"] {
    color: #5c5c5c!important;
}
.postprofile {
    background-color: #FAFAFA;
    border: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
    border-radius: 2px;
    padding-bottom: 20px;
    padding-right: 10px;
    padding-top: 40px!important;
    position: relative;
    text-align: center;
    width: 20%;
}
.postprofile {
    display: inline;
    float: left;
    margin: 5px 0 0;
    min-height: 80px;
    word-wrap: break-word;
}
.postprofile dd, .postprofile dt {
    line-height: 1.2em;
    margin-left: 8px;
}
.postprofile dt a:first-child {
    line-height: 1.8em;
}
.postprofile-rank img { max-width: 150px; }

Atenciosamente,
Fraise.
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip no nome de usuário

Mensagem por Gustavor 09.03.18 23:46

N funfo.
Gustavor
Gustavor
***

Membro desde : 24/09/2017
Mensagens : 128
Pontos : 204

http://fsr-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip no nome de usuário

Mensagem por virus 10.03.18 0:15

Olá, troque a sua folha de estilo css por esta
Código:
/* MENU */
 div#page-header {
    border-bottom: 3px solid #ff7300;
    border-top: 3px solid #ff7300;
}
.is-sticky#headerbar-top {
    border-bottom: 3px solid #ff7300!important;
}
 
 
.forabg > .topiclist:first-child {
    border-bottom: 1px solid #ff7300;
    box-shadow: #ff7300 0 -2px 0 inset;
}
.forabg.hidden {
    background-color: rgba(42,44,51,0.71);
}
/* FIM */
 
/* AJEITAR BANNER */
.block-footer {
    font-size: 0px;
    text-align: center;
}
/* FIM */
 
/* CÓDIGO DESCONHECIDO */
.cat1:before {
  content: "\f013";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat2:before {
  content: "\f015";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat3:before {
  content: "\f024";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat4:before {
  content: "\f1fc";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat5:before {
  content: "\f073";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat6:before {
  content: "\f00d";
  font-family: FontAwesome;
  vertical-align:top;
}
/* FIM */
 
/* TOP CRIADORES DE TÓPICOS */
.mod-top-row .mod-top-pct {
    background-color: #3F474D;
    border-radius: 3px;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
}
/* FIM */
 
/* LINHA DE BAIXO DA CATEGORIA */
.postprofile {
    text-align: center;
}
 
.forabg.hidden {
    background-color: rgba(42,44,51,0.71);
}
 
.forabg > .topiclist:first-child {
    border-bottom: 1px solid #ff7300;
    box-shadow: #ff7300 0 -2px 0 inset;
}
 
.h3, h3 {
    border-color: #ff7300;
    border-style: solid;
    border-width: 0 0 1px;
    color: #444;
    font-family: Roboto, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: .3px;
    margin-bottom: 12px;
    padding-bottom: 3px;
}
/* FIM */
 
/* LEGENDA */
.block-footer {
    border-color: rgba(0,0,0,0.05);
    border-radius: 0 0 3px 3px;
    border-style: solid;
    border-width: 1px 0 0;
    margin: 18px -18px -18px;
    font-size: 0px;
    padding: 10px 8px 7px 5px;
    text-align: center;
}
.block-footer b {
    font-size: 13px;
}
.block-footer strong {
    display:none;
}
.block-footer a {
  font-size: 14px;
  font-style: normal;
 
  margin-right: 15px;
  transition: .3s;
}
.block-footer a:hover {
  background: #ddd;
  padding: 12px 10px 9px;
}
/* FIM */
 
/* AVATAR QUADRADO */
.postprofile-avatar img {
    border: 5px solid #eee;
    border-radius: 2px;
    height: auto;
    max-height: 280px;
    max-width: 180px;
    width: auto;
}
/* FIM */
 
/* PERFIL */
.mod-login-avatar img {
    border: 5px solid #eee;
    border-radius: 2px;
    height: auto;
    max-height: 280px;
    max-width: 180px;
    width: auto;
}
/* FIM */
 
/* DESCONHECIDO 2 */
.block-footer {
    font-size: 0px;
    text-align: center;
}
/* FIM */
 
 /* Estatísticas By Luis do FDF http://ajuda.forumeiros.com/u60563:*/
 
 
.block > .h3 {
  background-color: #282D30;
  border-color: #4096FF;
  margin: -20px;
  margin-bottom: 15px;
  padding: 12px;
  border: none;
  color: #fff!important;
  box-shadow: 0 -1px 9px rgba(0, 0, 0, 0.38);
}
 
.block > .h3 > a {
    color: #fff;
}
 
/* LINHA DE BAIXO DO MENU */
.is-sticky#headerbar-top {
    background-color: #282D30;
    box-shadow: 0 0 3px rgba(0,0,0,0.9);
    height: auto;
    left: 0;
    padding: 6px 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000!important;
    BORDER-BOTTOM: 3px solid #ff7300!important;
}
 
ul.topiclist dfn {
    display: block;
    font-size: 11.5px;
}
/* FIM */
 
/* FANCYBOX POR: Baivong */
.fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
.fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
.fancybox-opened{z-index:1003}
.fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
.fancybox-title{display:none}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{margin-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}
 
.edit {
  background: url("https://i.imgur.com/798kodJ.jpg") no-repeat scroll left 4px transparent;
  color: #7C7C7C;
  font-size: 12px;
  line-height: 14px;
  margin-top: 15px;
  padding: 2px 0 0 24px;
}
 
#backtotop, #bottomScroll {
    width: 24px;
    height: 24px;
    line-height: 20px;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
    position: absolute;
    display: inline-block;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);
    text-align: center;
    border-radius: 16px;
    outline: 0px none;
}
/* FIM */
 
/* BARRA DE ROLAGEM */
 
:-moz-selection{color:#FFF;background-color:#ff7300}::-webkit-scrollbar{width:17px;height:17px}::-webkit-scrollbar-track{background:#3F474D}::-webkit-scrollbar-thumb{background-color:#ff7300;border:2px solid #3F474D}::-webkit-scrollbar-button:single-button{color:#FFF;background:url(https://i86.servimg.com/u/f86/18/21/41/30/webkit10.gif) no-repeat #ff7300;height:17px;width:17px}::-webkit-scrollbar-button:single-button:vertical:increment{background-position:-17px 0}::-webkit-scrollbar-button:single-button:horizontal:decrement{background-position:-34px 0}::-webkit-scrollbar-button:single-button:horizontal:increment{background-position:-51px 0}::-webkit-scrollbar-button:hover,::-webkit-scrollbar-thumb:hover{background-color:#282D30}::-webkit-scrollbar-button:active,::-webkit-scrollbar-thumb:active{background-color:#ff7300}
 
/* DEGRADE */
 
.navbar a {
color: white !important;
display: inline-block !important;
font-family: "Trebuchet MS", Sans-serif, Arial, Verdana !important;
font-size: 15px !important;
font-weight: 700 !important;
height: 40px !important;
line-height: 39px !important;
padding: 0 15px !important;
position: relative !important;
transition-duration: 300ms !important;
text-shadow: none !important;
border-radius: 0 !important;
}
 
.navbar{
margin: 0px !important;
}
.navbar li{
margin: 0px !important
}
 
.mikae-cont {
    bottom: -200px;
}
 
/*profile*/
#profile-advanced-right {
float: left;
width: 260px;
border-radius: 6px;
}
#profile-advanced-layout {
float: right;
margin-left: -360px;
width: 100%;
margin-right: 0px;
margin-top: 18px;
}
#profile-advanced-left {
margin-left: 265px;
margin-right: 0px;
}
 
.friend-block {
    box-sizing: border-box;
    width: 24%;
    margin: 20px 0.5% 0;
}
 
.friend-block .avatar img {
    height: 50px;
}
 
 
a.gensmall[href$="/u2"]:hover:before ,  .postprofile-name a[href$="/u2"]:hover:before{
    background-color: rgba(0, 0, 0, 0.86);
    content: "Programador do Servidor";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #FF0000;
}
/* MENU */
 div#page-header {
    border-bottom: 3px solid #ff7300;
    border-top: 3px solid #ff7300;
}
.is-sticky#headerbar-top {
    border-bottom: 3px solid #ff7300!important;
}
 
 
.forabg > .topiclist:first-child {
    border-bottom: 1px solid #ff7300;
    box-shadow: #ff7300 0 -2px 0 inset;
}
.forabg.hidden {
    background-color: rgba(42,44,51,0.71);
}
/* FIM */
 
/* AJEITAR BANNER */
.block-footer {
    font-size: 0px;
    text-align: center;
}
/* FIM */
 
/* CÓDIGO DESCONHECIDO */
.cat1:before {
  content: "\f013";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat2:before {
  content: "\f015";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat3:before {
  content: "\f024";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat4:before {
  content: "\f1fc";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat5:before {
  content: "\f073";
  font-family: FontAwesome;
  vertical-align:top;
}
.cat6:before {
  content: "\f00d";
  font-family: FontAwesome;
  vertical-align:top;
}
/* FIM */
 
/* TOP CRIADORES DE TÓPICOS */
.mod-top-row .mod-top-pct {
    background-color: #3F474D;
    border-radius: 3px;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
}
/* FIM */
 
/* LINHA DE BAIXO DA CATEGORIA */
.postprofile {
    text-align: center;
}
 
.forabg.hidden {
    background-color: rgba(42,44,51,0.71);
}
 
.forabg > .topiclist:first-child {
    border-bottom: 1px solid #ff7300;
    box-shadow: #ff7300 0 -2px 0 inset;
}
 
.h3, h3 {
    border-color: #ff7300;
    border-style: solid;
    border-width: 0 0 1px;
    color: #444;
    font-family: Roboto, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: .3px;
    margin-bottom: 12px;
    padding-bottom: 3px;
}
/* FIM */
 
/* LEGENDA */
.block-footer {
    border-color: rgba(0,0,0,0.05);
    border-radius: 0 0 3px 3px;
    border-style: solid;
    border-width: 1px 0 0;
    margin: 18px -18px -18px;
    font-size: 0px;
    padding: 10px 8px 7px 5px;
    text-align: center;
}
.block-footer b {
    font-size: 13px;
}
.block-footer strong {
    display:none;
}
.block-footer a {
  font-size: 14px;
  font-style: normal;
 
  margin-right: 15px;
  transition: .3s;
}
.block-footer a:hover {
  background: #ddd;
  padding: 12px 10px 9px;
}
/* FIM */
 
/* AVATAR QUADRADO */
.postprofile-avatar img {
    border: 5px solid #eee;
    border-radius: 2px;
    height: auto;
    max-height: 280px;
    max-width: 180px;
    width: auto;
}
/* FIM */
 
/* PERFIL */
.mod-login-avatar img {
    border: 5px solid #eee;
    border-radius: 2px;
    height: auto;
    max-height: 280px;
    max-width: 180px;
    width: auto;
}
/* FIM */
 
/* DESCONHECIDO 2 */
.block-footer {
    font-size: 0px;
    text-align: center;
}
/* FIM */
 
 /* Estatísticas By Luis do FDF http://ajuda.forumeiros.com/u60563:*/
 
 
.block > .h3 {
  background-color: #282D30;
  border-color: #4096FF;
  margin: -20px;
  margin-bottom: 15px;
  padding: 12px;
  border: none;
  color: #fff!important;
  box-shadow: 0 -1px 9px rgba(0, 0, 0, 0.38);
}
 
.block > .h3 > a {
    color: #fff;
}
 
/* LINHA DE BAIXO DO MENU */
.is-sticky#headerbar-top {
    background-color: #282D30;
    box-shadow: 0 0 3px rgba(0,0,0,0.9);
    height: auto;
    left: 0;
    padding: 6px 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000!important;
    BORDER-BOTTOM: 3px solid #ff7300!important;
}
 
ul.topiclist dfn {
    display: block;
    font-size: 11.5px;
}
/* FIM */
 
/* FANCYBOX POR: Baivong */
.fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
.fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
.fancybox-opened{z-index:1003}
.fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
.fancybox-title{display:none}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{margin-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}
 
.edit {
  background: url("https://i.imgur.com/798kodJ.jpg") no-repeat scroll left 4px transparent;
  color: #7C7C7C;
  font-size: 12px;
  line-height: 14px;
  margin-top: 15px;
  padding: 2px 0 0 24px;
}
 
#backtotop, #bottomScroll {
    width: 24px;
    height: 24px;
    line-height: 20px;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
    position: absolute;
    display: inline-block;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);
    text-align: center;
    border-radius: 16px;
    outline: 0px none;
}
/* FIM */
 
/* BARRA DE ROLAGEM */
 
:-moz-selection{color:#FFF;background-color:#ff7300}::-webkit-scrollbar{width:17px;height:17px}::-webkit-scrollbar-track{background:#3F474D}::-webkit-scrollbar-thumb{background-color:#ff7300;border:2px solid #3F474D}::-webkit-scrollbar-button:single-button{color:#FFF;background:url(https://i86.servimg.com/u/f86/18/21/41/30/webkit10.gif) no-repeat #ff7300;height:17px;width:17px}::-webkit-scrollbar-button:single-button:vertical:increment{background-position:-17px 0}::-webkit-scrollbar-button:single-button:horizontal:decrement{background-position:-34px 0}::-webkit-scrollbar-button:single-button:horizontal:increment{background-position:-51px 0}::-webkit-scrollbar-button:hover,::-webkit-scrollbar-thumb:hover{background-color:#282D30}::-webkit-scrollbar-button:active,::-webkit-scrollbar-thumb:active{background-color:#ff7300}
 
/* DEGRADE */
 
.navbar a {
color: white !important;
display: inline-block !important;
font-family: "Trebuchet MS", Sans-serif, Arial, Verdana !important;
font-size: 15px !important;
font-weight: 700 !important;
height: 40px !important;
line-height: 39px !important;
padding: 0 15px !important;
position: relative !important;
transition-duration: 300ms !important;
text-shadow: none !important;
border-radius: 0 !important;
}
 
.navbar{
margin: 0px !important;
}
.navbar li{
margin: 0px !important
}
 
.mikae-cont {
    bottom: -200px;
}
 
/*profile*/
#profile-advanced-right {
float: left;
width: 260px;
border-radius: 6px;
}
#profile-advanced-layout {
float: right;
margin-left: -360px;
width: 100%;
margin-right: 0px;
margin-top: 18px;
}
#profile-advanced-left {
margin-left: 265px;
margin-right: 0px;
}
 
.friend-block {
    box-sizing: border-box;
    width: 24%;
    margin: 20px 0.5% 0;
}
 
.friend-block .avatar img {
    height: 50px;
}
 
 
a.gensmall[href$="/u1"]:hover:before ,  .postprofile-name a[href$="/u1"]:hover:before{
    background-color: rgba(0, 0, 0, 0.86);
    content: "Gerente do Servidor e do forúm";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #FF0000;
}
 
a.gensmall[href$="/u31"]:hover:before ,  .postprofile-name a[href$="/u31"]:hover:before{
    background-color: rgba(0, 0, 0, 0.86);
    content: "Administrador do servidor e do fórum";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #0000FF;
}
 
a.gensmall[href$="/u45"]:hover:before ,  .postprofile-name a[href$="/u45"]:hover:before{
    background-color: rgba(0, 0, 0, 0.86);
    content: "Coordenador do fórum";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #FF1493
;
}
 
a.gensmall[href$="/u44"]:hover:before ,  .postprofile-name a[href$="/u44"]:hover:before{
    background-color: rgba(0, 0, 0, 0.86);
    content: "Moderador Servidor e do fórum";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #00FFFF;
}
 
a.gensmall[href$="/u1"]:hover:before ,  .postprofile-name a[href$="/u1"]:hover:before{
    background-color: rgba(0, 0, 0, 0.86);
    content: "Programador do servidor";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #FF0000;
}
 
a.gensmall[href$="/u17"]:hover:before ,  .postprofile-name a[href$="/u17"]:hover:before{
    background-color: rgba(0, 0, 0, 0.86);
    content: "Gerente do Servidor e fórum";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #00FF00;
}
 
a.gensmall[href$="/u27"]:hover:before ,  .postprofile-name a[href$="/u27"]:hover:before{
    background-color: rgba(0, 0, 0, 0.86);
    content: "Gerente do Servidor e fórum";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #00FF00;
}
 
a.gensmall[href$="/u46"]:hover:before ,  .postprofile-name a[href$="/u46"]:hover:before{
    background-color: rgba(0, 0, 0, 0.86);
    content: "Coordenador do fórum";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #FF1493;
}
.postprofile, font[color$="0066"] {
    color: #5c5c5c!important;
}
.postprofile {
    background-color: #FAFAFA;
    border: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
    border-radius: 2px;
    padding-bottom: 20px;
    padding-right: 10px;
    padding-top: 40px!important;
    position: relative;
    text-align: center;
    width: 20%;
}
.postprofile {
    display: inline;
    float: left;
    margin: 5px 0 0;
    min-height: 80px;
    word-wrap: break-word;
}
.postprofile dd, .postprofile dt {
    line-height: 1.2em;
    margin-left: 8px;
}
.postprofile dt a:first-child {
    line-height: 1.8em;
}
.postprofile-rank img { max-width: 150px; }

Na hora de criar um efeito tooltip siga este modelo
Código:
a.gensmall[href$="/u46"]:hover:before ,  .postprofile-name a[href$="/u46"]:hover:before{
    background-color: rgba(0, 0, 0, 0.86);
    content: "Gerente do Servidor e fórum";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #00FF00;
}

Até!


Última edição por virus em 10.03.18 0:43, editado 4 vez(es) (Motivo da edição : Código atualizado.)
virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip no nome de usuário

Mensagem por Gustavor 10.03.18 0:26

Não entendi, seguir este modelo??
Gustavor
Gustavor
***

Membro desde : 24/09/2017
Mensagens : 128
Pontos : 204

http://fsr-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip no nome de usuário

Mensagem por Gustavor 10.03.18 0:55

Consigui vlw!!!
Gustavor
Gustavor
***

Membro desde : 24/09/2017
Mensagens : 128
Pontos : 204

http://fsr-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip no nome de usuário

Mensagem por Fraise 10.03.18 10:14


Atenção!

Você não pode postar antes de se completar 24 horas desde a última mensagem deste tópico! Por este motivo, nós pedimos que leia as regras do setor de suporte e principalmente a do Fórum dos Fóruns para não cometer novos erros!
Regras do FdF | Regras do Setor de Suporte

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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