Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Tooltip no nome de usuário
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Tooltip no nome de usuário
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
Re: Tooltip no nome de usuário
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'.
Poderia nos fornecer a sua folha de estilos?
Atenciosamente,
Fraise.
Título alterado de 'Click-Mouse2' para 'Tooltip no nome de usuário'.
Re: Tooltip no nome de usuário
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; }
Re: Tooltip no nome de usuário
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.
Re: Tooltip no nome de usuário
Olá, troque a sua folha de estilo css por esta
Na hora de criar um efeito tooltip siga este modelo
Até!
- 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- Membro
- Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910
Re: Tooltip no nome de usuário
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. |
Tópicos semelhantes
» Tooltip nos grupos de usuário
» Tooltip no nome do usuário
» Tooltip nos grupos de usuário
» Tooltip no nome de usuário
» Efeito tooltip no nome do usuário
» Tooltip no nome do usuário
» Tooltip nos grupos de usuário
» Tooltip no nome de usuário
» Efeito tooltip no nome do usuário
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos