Avatar na barra de ferramentas
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Avatar na barra de ferramentas
Qual é minha questão:
Tentei seguir esse tutorial e não funcionou > https://ajuda.forumeiros.com/t85270-tutorial-exibir-o-avatar-do-membro-na-barra-de-ferramentas
o avatar não apareceu
Endereço do meu fórum:
http://demoncheats.maisforum.com
Versão do fórum:
PunBB
Tentei seguir esse tutorial e não funcionou > https://ajuda.forumeiros.com/t85270-tutorial-exibir-o-avatar-do-membro-na-barra-de-ferramentas
o avatar não apareceu
Endereço do meu fórum:
http://demoncheats.maisforum.com
Versão do fórum:
PunBB
Última edição por DEMORUTO666 em 12.04.14 22:48, editado 1 vez(es)
Re: Avatar na barra de ferramentas
Olá!
Eu acabei de testá-lo aqui e lhe asseguro que funciona perfeitamente!
Poste prints do problema e da seção JavaScript onde adicionou o código ok?
A imagem abaixo ilustra os únicos scripts que visualizei em seu fórum e nenhum deles possui o código do tutorial:
JS
Eu acabei de testá-lo aqui e lhe asseguro que funciona perfeitamente!
Poste prints do problema e da seção JavaScript onde adicionou o código ok?
A imagem abaixo ilustra os únicos scripts que visualizei em seu fórum e nenhum deles possui o código do tutorial:
JS
Re: Avatar na barra de ferramentas
Bastava apenas retirar aquele texto no JS, substitua seu código por esse:
Resulta?
Até mais!
- Código:
jQuery(function () {
jQuery('#fa_welcome').prepend(_userdata["avatar"]).children('img').css( {
'border-radius' : '3px 3px 3px 3px',
'height' : '25px',
'margin-bottom' : '-10px',
'margin-right' : '5px',
'position' : 'relative',
'top' : '-3px',
'width' : '25px'
});
});
Resulta?
Até mais!
Ryper2- Novo Membro
- Membro desde : 06/04/2014
Mensagens : 10
Pontos : 14
Re: Avatar na barra de ferramentas
@FuriousF.
Bem observado amigo, eu troquei os sinais <!-- e --> que são referente a HTML por /* e */, com isso o meu "texto" que é um cabeçalho de identificação já pode fazer parte do JavaScript!
Recomendo que mantenha o cabeçalho ok?
Obrigado,
JS
Bem observado amigo, eu troquei os sinais <!-- e --> que são referente a HTML por /* e */, com isso o meu "texto" que é um cabeçalho de identificação já pode fazer parte do JavaScript!
Recomendo que mantenha o cabeçalho ok?
Obrigado,
JS
Re: Avatar na barra de ferramentas
com o cabeçalho e sem ele não funcionou :/
@JScript
o código não tinha funcionado então eu avia removido ele por isso você não o encontrou
https://i.imgur.com/d6Cueei.png
https://i.imgur.com/FCEHewS.png
@JScript
o código não tinha funcionado então eu avia removido ele por isso você não o encontrou
https://i.imgur.com/d6Cueei.png
https://i.imgur.com/FCEHewS.png
Re: Avatar na barra de ferramentas
Olá!
Por favor, poderia testar então, com este código?
CSS a adicionar:
Tópico movido de 'Questões sobre HTML e BBCODE' para 'JavaScript e jQuery'
Por favor, poderia testar então, com este código?
CSS a adicionar:
- Código:
.shek_person {
height: 25px;
margin-right: 3px;
position: relative;
top: -1px;
width: 25px;
float: left;
}
- Código:
jQuery(function () {
jQuery(window).load(function () {
var avatar_url = jQuery('#fa_usermenu img:eq(0)').attr('src');
jQuery('#fa_menu').prepend('<img src="' + avatar_url + '" class="shek_person" />');
});
});
Tópico movido de 'Questões sobre HTML e BBCODE' para 'JavaScript e jQuery'
Re: Avatar na barra de ferramentas
uma ótima tarde para você também Shek
então eu coloquei o codigo CSS e o JS e meio que deu uma bugada no meu forum https://i.imgur.com/gCT2zZk.png
então eu coloquei o codigo CSS e o JS e meio que deu uma bugada no meu forum https://i.imgur.com/gCT2zZk.png
Re: Avatar na barra de ferramentas
Substitua por este:
Shek
- Código:
.shek_person {
height: 25px !important;
margin-right: 3px !important;
position: relative !important;
top: -1px !important;
width: 25px !important;
float: left !important;
}
Shek
Re: Avatar na barra de ferramentas
- Spoiler:
- element.style {
padding: 5px 35px 10px 1px;
}
.pageTop {
height: 150px;
padding-top: 7px;
}
input[type="password"], input[type="text"], textarea {
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
color: #515151;
cursor: text;
font-size: 13px;
outline: 0;
}
.pun .main-foot .h2, .pun .main-head .h2 {
float: left;
color: #E8E4E1;
}
.pun .main .options a, .pun .main .options a:link, .pun .main .options a:visited {
color: transparent;
margin-left: .5em;
text-decoration: none;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background: transparent;
background-position: left;
background-repeat: no-repeat;
padding-left: 20px;
}
.sprite-arrow_prosilver_down {
background: transparent;
background-position: 0 0;
height: 6px;
width: 6px;
}
.main .main-foot, .main .main-head {
background-color: transparent;
color: #434040;
font-weight: 400;
padding: .7em 1.3em;
}
/*post*/
.posting img {
margin-top: -0px;
}
.posting img:hover{
opacity:0.9;
}
.pun .postmain {
background-color: #EBEBEB;
border-left: 1px solid #DDD;
margin-left: 17em;
border-radius:0px;
}
.post_field {
background: #F2F2F2 none;
color: #3E3E3E;
border: 1px solid #C6C6C6;
padding: 3px;
margin: 1px;
font-size: 11px;
text-align:left;
}
.pun .user-ident .username {
position: relative;
padding-top: 20px;
}
#pun-announcement {
background-color: transparent;
border-style: none;
border-width: 1px;
padding: 1em;
}
.pun .posthead {
background: #363636 url(http://www.purevb.com/demo/images/buttons/newbtn_middle.png) repeat-x;
line-height: 30px;
color: white;
margin: -1px -1px 0;
font: normal 12px arial, helvetica, sans-serif;
padding: 4px 0px 4px 0px;
border: 1px solid #C6C6C6;
}
.pun .post .user {
text-align: center;
}
.pun .post {
border-color: #EEE white #CCC;
border-style: solid none;
border-width: 2px 0 1px;
background-color: #E5E5E5;
}
.pun .post .user {
float: left;
margin-left: -16em;
margin-top: -1.8em;
position: relative;
}
.post {
background: #fafafa;
border-radius:0px;
}
.pun .main-foot .h2, .pun .main-head .h2 {
float: left;
color: #000;
}
.pun .postmain {
background-color: #EBEBEB;
border-left: 3px double #DDD;
border-right: 1px solid #F2F2F2;
margin-left: 17em;
}
.pun .postmain {
background-color: #EBEBEB;
border-left: 1px solid #C6C6C6;
margin-left: 17em;
}
.toplinks ul.isuser li.welcomelink {
display: block;
float: right;
clear: left;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 4px;
color: #465008;
}
.postdata {
background: #363636 url(http://www.purevb.com/demo/images/buttons/newbtn_middle.png) repeat-x;
clear: both;
display: block;
float: left;
width: 100%;
color: white;
margin: -1px -1px 0;
font: normal 12px arial, helvetica, sans-serif;
padding: 4px 0px 4px 0px;
border: 1px solid #C6C6C6;
}
.postfoot {
background: #DDDCDC;
border-top:1px solid #ccc;
}
.module.main {
margin: 0!important;
margin-bottom: 4px;
padding: 6px;
}
.pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: transparent;
padding: 0em;
}
#pun-navlinks a:hover{text-decoration:none;}
#pun-navlinks li a[href="/calendar"]{display:!important;}
#pun-navlinks li a[href="/gallery/index.htm"]{display:none!important;}
#pun-navlinks li a[href="/faq"]{display:!important;}
#pun-navlinks li a[href="/search"]{display:!important;}
#pun-navlinks li a[href="/memberlist"]{display:!important;}
#pun-navlinks li a[href="/groups"]{display:!important;}
#smiley-box iframe{height: 150px;}
#textarea_content dt {display:none}
#textarea_content dd {margin-left: 0!important}
input[type="submit"],input[type="reset"]{float: none !important}
#smilies_categ{padding: 0px 0}
#smiley-box{border:1px solid #DDD;width:99%;margin:10px 0!important;padding:5px}
div.posting-block{border:1px solid #DDD;float:left;width:100%;margin:0;padding:0}
div.posting-block #text_editor_iframe,div.posting-block #text_editor_textarea{height:255px;width:100%;!important}
#text_editor_controls {margin:0 !important;width: 100% !important}
#quick_reply .frm-buttons {text-align: center;}
#quick_reply #text_editor_controls {
border-radius: 5px 5px 0 0;
width: 100%;
background:
whiteSmoke;
border: 1px solid
solid 1px #CCC;
}
#pun-qpost .dd-textarea {
margin: 0px!important;
}
.pun .frm .frm-buttons input {
background-image: url(https://i.imgur.com/9tRnihJ.png);
border: 1px solid #CCC;
border-bottom: 1px solid #BBB;
border-image: initial;
border-radius: 4px;
box-shadow: 0 1px 2px #ccc;
color: #333;
cursor: pointer;
margin: 0 2px 16px;
padding: 7px 22px;
}
#quick_reply fieldset.frm-set dl dd {
background: white;
border: solid 1px #CCC;
margin: 0 auto;
}
#quick_reply .frm-buttons {
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
background-color: #EEE;
border: solid 1px #CCC;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top: 0;
margin: 0 auto;
padding: 5px;
text-align: center;
}
#sidebar_container > ul {
background: #EBE8E4 url(images/misc/blog/top-highlight.png) repeat-x left top;
border: 1px solid #DBD9D6;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: -2px 2px 2px none;
-webkit-box-shadow: -2px 2px 2px none;
box-shadow: -2px 2px 2px none;
float: left;
width: 99%;
}
.main-headertopic {
background: #E7E7E7 url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/barBG.png) repeat-x 0 0;
height:44px;
overflow: hidden;
padding-top:1px;
margin-top:2px;
text-shadow: white 0 1px 0;
margin-bottom:5px;
}
.main-crumbs {
background: #E7E7E7 url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/barBG.png) repeat-x 0 0;
height:44px;
overflow: hidden;
padding-top:1px;
margin-top:-1px;
text-shadow: white 0 1px 0;
}
.main-crumbs p {
padding-top:4px;
font-size: 0;
line-height: 30px;
margin: 0;
visibility: hidden;
}
.main-crumbs a {
background: url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/bcArrow_left.png) no-repeat top right;
padding: 17px 0;
padding-top:13px;
padding-right: 25px;
padding-left: 10px;
visibility: visible;
font-size: 12px;
}
.bcLeft {
background: url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/barLeft.png) no-repeat left top;
height: 46px;
}
.bcRight {
background: url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/barRight.png) no-repeat right top;
height: 46px;
padding: 0 7px;
}
.sprite-tabs_less {
background: url(http://www.ipbforumskins.com/skindemo/public/style_images/splat33x/cat_minimize.png) no-repeat top left;
height: 30px;
width: 30px;
margin-top: 10px;
}
.pun {
line-height: 130%;
margin: 0 auto;
min-width: auto;
padding: 5px;
width: 100%;
}
#content-container div#right {
background: #EBE8E4 url(http://www.purevb.com/demo/images/misc/blog/top-highlight.png) repeat-x left top;
border: 1px solid #DBD9D6;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: -2px 2px 2px none;
-webkit-box-shadow: -2px 2px 2px none;
box-shadow: -2px 2px 2px none;
float: left;
}
#sidebar_container .block {
margin-bottom: 4px;
padding: 6px;
border-top-right: 5px;
border-top-left: 5px;
border-top-right: 5px;
border-top-left: 5px;
}
button.button2, input.button2 {
background-color: #FAFAFA;
background-image: url(https://2img.net/i/fa/prosilver/bg_button.gif);
background-position: top;
background-repeat: repeat-x;
border: 1px solid #BCBCBC;
margin-top: 5px;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 0 1px #fff;
-moz-transition: all .218s;
-ms-box-shadow: inset 0 0 1px #fff;
-ms-transition: all .218s;
-o-box-shadow: inset 0 0 1px #fff;
-o-transtion: all .218s;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 0 1px white;
-webkit-transition: all .218s;
background-image: linear-gradient(top,white0%,#E0E0E0100%);
border: 1px solid #CCC;
border-bottom-color: #AAA;
border-radius: 3px;
box-shadow: inset 0 0 1px white;
color: #555;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#e0e0e0);
font-size: 11px;
font-weight: 700;
height: 2.35em;
padding: 0 .91em;
text-shadow: 0 1px 0 white;
transition: all .218s;
}
.breadcrumb hr {
display: none;
}
.breadcrumb .navbit {
float:left;
background-image:url(http://www.purevb.com/demo/images/styles/ChitChat/misc/navbit-arrow-right.png);
background-position:right center;
background-repeat:no-repeat;
padding-right:10px;
padding-left:3px;
}
.breadcrumb .navbit:first-child {
padding-left:0;
}
.breadcrumb .navbit.lastnavbit {
background: transparent;
}
.breadcrumb .navbit.lastnavbit span {
float:left;
background: transparent;
padding-right:10px;
padding-left:3px;
}
.breadcrumb .navbithome {
float: left;
padding: 3px 0;
}
.breadcrumb .navbit > a, .breadcrumb .lastnavbit > span {
display:block;
padding:2px 4px;
float:left;
background-color:transparent;
border:1px solid transparent;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.breadcrumb .navbit a {
text-decoration:none;
}
body a {
color:#13578E;
text-decoration:none;
}
body a:hover,
body a:hover .time,
body a:hover .shade,
body a:hover .understate {
color:#474747;
text-decoration:none;
}
li {
display: list-item;
text-align: -webkit-match-parent;
}
li {
list-style: none;
}
/* Page Wrapper
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body {
width:auto;
min-width:990px;
max-width:auto;
margin: 0;
}
#pageWrapper {
background:url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/pageTopBG.jpg) repeat-x top left;
}
.bg_wrap{
width:100%;
background:url(https://2img.net/h/oi46.tinypic.com/t0ra4n.jpg);
}
.pageWrap {
width:auto;
margin:0px 35px 0px 35px;
}
.pagebody {
width:auto;
margin:0px 0px 0px 0px;
}
/* Top Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#topBar {
position:relative;
}
/* Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.above_body {
margin-top:0px;
background:none;
}
.logo {
position:absolute;
float:left;
margin-top: 58px;
padding-right:19px;
padding-left:0px;
margin-bottom:20px;
}
/* Social Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.socialBox {
height: 49px;
line-height: 49px;
color: #575757;
font-size: 15px;
font-family: arial, helvetica, sans-serif;
font-weight: 700;
font-style: italic;
}
.socialLinks {
float: right;
}
.socialBox span {
padding-right: 6px;
}
.socialBox img {
padding:2px;
vertical-align: middle;
}
/* Content Main
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#contentMain {
margin-top:185px;
padding:13px 0;
}
/* Footer Main
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Footer Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footerNav {
height:66px;
}
.footerNavLeft {
background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_orange/footerNavLeft.png) no-repeat top left;
height:66px;
}
.footerNavRight {
background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_orange/footerNavRight.png) no-repeat top right;
height:66px;
padding:0 15px;
}
.footerNavWrap {
background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_orange/footerNavBG.png) repeat-x top left;
height:37px;
line-height:37px;
padding:11px 0 18px 0;
}
#footerNav ul {
list-style:none;
padding:0;
margin:0;
}
#footerNav li {
background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_orange/footerNavSplit.png) no-repeat top right;
float:left;
font-size:14px;
}
#footerNav a:link, #footerNav a:visited {
color:#fff;
display:block;
padding-left:16px;
padding-right:18px;
font-weight:700;
}
#footerNav a:hover {
background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_orange/footerNavHover.gif) repeat-x top left;
color:#A3A3A3;
}
.skinSelect {
float:right;
padding-top:4px;
padding-right:5px;
}
/* Global Search
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.searchBox {
position: absolute;
top: 9px;
right: 8px;
}
.searchBoxInput {
background: url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/searchInput.png) no-repeat top left;
width: 120px;
height: 29px;
float: left;
padding-right: 8px;
}
.searchinput {
border: 0;
background: transparent;
color: #777;
width: 110px;
height: 29px;
line-height: 29px;
margin: 0;
padding: 0 5px;
}
.searchButton {
background:none;
border:none;
float:left;
padding-right:8px;
}
.searchBox a:link, .searchBox a:visited {
color:#34558f;
text-decoration:underline;
}
.searchBox a:hover {
color:#3c3c3c;
}
/* Navbar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.navbar {
background: url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/barBG.png) repeat-x left top;
position:relative;
height:83px;
font: 12px arial, helvetica, sans-serif;
color:#fff;
width:100%;
padding:0;
border-radius:5px;
}
.navLeft {
background: transparent url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/barLeft.png) no-repeat left top;
height:92px;
}
.navRight {
background: transparent url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/barRight.png) no-repeat right top;
height:92px;
padding: 0 8px;
}
#navtabs li.selected ul.floatcontainer {
margin-top:23px;
}
#navtabs li.selected ul.floatcontainer a:link, #navtabs li.selected ul.floatcontainer a:visited {
line-height:37px;
height:37px;
}
.navbar a { color:#fff; }
.navbar a:hover { color:#d65600; }
.navtabs ul li:first-child {
text-indent: 0;
}
.navtabs {
background:none;
padding-left:0;
}
.navtabs ul {
position:absolute;
top:23px;
left:0px;
width:100%;
direction:ltr;
}
.navtabs li {
float:left;
padding-right:2px;
background:url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/navSplit.png) no-repeat top right;
}
.navtabs li li {
background:none;
}
.navtabs ul li {
border-right: 0;
position: relative;
}
.navtabs li a {
height:37px;
line-height:37px;
}
.navtabs li a.navtab {
display: block;
min-width: 60px;
width: auto !important;
width: 60px;
_min-width: 75px;
_width: auto !important;
_width: 75px;
text-align: center;
color: #616161;
font: normal 14px arial, helvetica, sans-serif;
text-decoration: none;
line-height: 46px;
height: 46px;
padding: 0 8px;
background: none;
text-shadow: 1px 1px #F6F6F6;
}
.navtabs li a.navtab:hover {
background:url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/navBG_hover.png);
color:#616161;
}
.navtabs li.selected {
color:#A3A3A3;
height:37px;
}
.navtabs li.selected a.navtab {
background: #0978BB url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/navBG_hover.png) repeat center top;
position: relative;
top: -0px;
padding-top: 0px;
z-index: 10;
}
.navtabs li.selected li a,
.navbar_advanced_search li a {
text-decoration:none;
font: 12px arial, helvetica, sans-serif;
line-height:27px;
}
.navtabs li.selected li {
padding:0 5px;
}
.navtabs li.selected li li {
padding:0 2px;
}
.navtabs li.selected li a {
color:#616161;
font-weight:400;
padding:3px;
text-decoration: none;
}
.navtabs li.selected li a:hover {
border-color: #A21010;
background-color: #0978BB;
padding:3px;
border-radius:3px;
text-decoration: none;
text-shadow:1px 1px #000000;
font-weight:400;
padding:3px;
}
.navbar_advanced_search li {
height:27px;
display:block;
clear:both;
}
.navbar_advanced_search li a {
color:#fff;
}
.navbar_advanced_search li a:hover {
color:#d65600;
text-decoration:none;
}
.navtabs li.selected li a:hover {
color:#fff;
text-decoration:none;
}
.navtabs li.selected .popupbody li > a {
padding:0pxpx 10px;
text-indent: 0;
color: ;
}
.navtabs li.selected li a.popupctrl {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:solid px transparent;
_border: none;
background:transparent url(http://www.purevb.com/demo/images/styles/ChitChat/misc/arrow.png) no-repeat right center;
padding-right:15px;
_background-image:url('http://www.purevb.com/demo/images/styles/ChitChat/misc/arrow.gif');
color:#a3a3a3;
}
.navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active,
.navtabs li.selected li a:hover.popupctrl {
color:#fff;
}
/* Breadcrumb
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.breadcrumb {
height:39px;
margin-bottom:13px;
}
.bcWrap {
background: #E0E0E0 url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style/welcomeBG.png) repeat-x left top;
position:relative;
}
.breadcrumb .navbit > a, .breadcrumb .lastnavbit span {
border:1px solid transparent;
}
.breadcrumb .navbit a:link, .breadcrumb .navbit a:visited {
color:#737373;
}
.breadcrumb .navbit a:hover {
background:#d65600;
color:#fff;
border:1px solid transparent;
}
/* Bottom Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.bottomBar {
background: url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/bottomBarRight.png) no-repeat right top;
height: 12px;
font-size: 0;
clear: both;
}
.bottomBarLeft {
background: url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/bottomBarLeft.png) no-repeat left top;
height: 12px;
font-size: 0;
padding: 0 3px;
}
.bottomBarRight {
background: url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/bottomBarBG.png) repeat-x left top;
height: 12px;
font-size: 0;
}
.forumdescription {
color:#6f6f6f;
}
.notices {
background:none;
}
#breadcrumb .bcnotice .restore {
background:#E0E0E0 url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style/welcomeBG.png);
margin-top:10px;
border: 1px solid #D7D7D7;
color: #616161;
line-height: 18px;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size:10px;
}
/* Advanced Search
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#searchtypeswitcher {
border-bottom:4px solid #323232;
}
#searchtypeswitcher li a {
background-color:#555;
color:#FFF;
}
#searchtypeswitcher li.selected a {
background-color:#323232;
}
#searchtypeswitcher li a:hover {
background-color:#323232;
}
/*footer*/
#pun-foot {
clear: both;
position: relative;
top: -5px;
}
#pun-about {
padding: 8px;
position: relative;
border:none;
text-shadow: rgba(255, 255, 255, 0.Estilo cool 0px 1px 0px;
background: none;
font-size: 0.8em;
height:40px;
text-align:left;
}
#pun-about form {
display: none;
}
/*chatbox*/
#chatbox_border{
background: #ffffff;
border:1px solid #d9d9d9;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 8px;
padding-left: 8px;
border-radius:5px;
}
#chatbox, #chatbox_footer, #chatbox_members {
background: white;
}
body.chatbox{background-color:#fff;background-image:none;margin:0;padding:0}#chatbox_header{ background: url ('https://2img.net/h/oi49.tinypic.com/2vkfaqh.jpg') repeat-x 0 0; height:40px; border-radius: 5px 5px 0px 0px; padding-bottom:0px;}#chatbox_header.main-head{background:#f8f8f8 url ('https://2img.net/h/oi49.tinypic.com/2vkfaqh.jpg') repeat-x 0 0;color:#dedfdf;padding:0 1.3em;}.chatbox-title,.chatbox-title a.chat-title{color:#dedfdf;text-decoration:none}.chatbox-title{float:left;margin:0;padding:2px 5px 0;width:15em}.chatbox-options{float:right;font-size:11px;list-style:none;margin:.7em .5em .5em}.chatbox-options li{display:inline}.chatbox-options li,.chatbox-options li a,.chatbox-options li label{color:#dedfdf}#chatbox_members{border-right:1px dashed #ccc;bottom:30px;overflow:auto;position:absolute;top:30px;width:180px}#chatbox_messenger_form{margin:10px 0 0}#chatbox_members .member-title{background-color:#f4f9fd;background-image:none;color:#00569c;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;padding:.5em .25em;text-align:center}#chatbox_members ul{list-style:none;margin:0 0 0 1em}#chatbox_members ul li{margin:.5em .5em .5em 0}#chatbox{bottom:30px;left:181px;line-height:10px;overflow:auto;position:absolute;right:0;top:30px}#chatbox p{line-height:1.2em}.chatbox_row_1{background-color:#fbfbfb;padding:4px}.chatbox_row_2{background-color:#f4f4f4;padding:4px}.chatbox_row_3{background-color:#f4f9fd;padding:4px}#chatbox .user{font-weight:700}.memberlist_row_1{background-color:#fbfbfb}#chatbox_footer{border-top:1px dashed #ccc;bottom:0;left:0;position:absolute;right:0}#message,#submit_button{border-width:1px}.fontbutton{background:#E1E1E2 none repeat scroll 0;border:medium none;color:#000;cursor:pointer;float:left;margin-right:10px;padding:1px;text-align:left}.fontbutton_normal{background:#E1E1E2}.fontbutton_selected{background:#BBC7CE;border:1px solid #22229C}.fontbutton_clicked{background:#959595;border:1px solid #22229C}.fontbutton_hover{background:#E1E1E2;border:1px solid #22229C}* html #chatbox-members{height:expression((document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px)}* html #chatbox{height:expression((document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px);width:expression((document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 1.3) ) + px)}* html #chatbox-footer{width:expression((document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px)}#chatbox_contextmenu{background-color:#f4f9fd;border:2px solid #000}#chatbox_contextmenu p{background:#fbfbfb;border-bottom:1px solid #777;font-family:verdana, arial, sans-serif;margin:0;padding:1px 4px}#chatbox_contextmenu p.hover{background:#f4f4f4}#chatbox_contextmenu p.close{background:url();color:#fff;font-size:95%;padding:1px}#chatbox_contextmenu p.close img{padding-left:20px;vertical-align:middle}#chatbox_contextmenu a{color:#00569c;font-size:95%;text-decoration:none}.module{overflow:hidden!important}
h2.chatbox-title a.chat-title{color:#fff;font-size:1.2em;font-weight:700;line-height:1.1em;text-align:center;text-shadow:0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 3px 0 #B9B9B9,0 4px 0 #AAA,0 5px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15)}#chatbox_header.main-head{background: #E5E5E5 url('https://2img.net/h/oi49.tinypic.com/2vkfaqh.jpg') repeat-x 0 0;padding:0 1.3em}#chatbox_header{height:30px}.aviso_normas{background:none repeat scroll 0 0 #F0E8E0;border:1px solid #C00000;font-family:Tahoma,Arial;font-size:11px;height:24px;line-height:24px;margin-bottom:3px;text-align:center}#chatbox_members .member-title{background:#F8E7DD;border-bottom:2px solid red;color:#A30000;text-shadow:1px 0 0 #fff}#chatbox_members{background:#F1F1F1;border-right:1px solid #C2C2C2}#chatbox_footer{background:#E9E9E9;border-top:1px solid #CACACA}#chatbox p{border-bottom:1px solid #DDD;border-top:1px solid #fff}.chatbox_row_1{background-color:#F8F8F8}#chatbox a,#chatbox_members a{color:#006B6B}#chatbox_messenger_form div.right img{visibility:hidden}
#chatbox p {
border-bottom: 1px solid #DDD;
border-top: 1px solid white;
}
#chatbox p {
line-height: 1.2em;
}
#chatbox_footer{
padding-bottom:10px;
}
#divsmilies img + img{visibility:visible!important}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline{background-position:center;background-repeat:no-repeat;border:1px solid #383838;border-radius:5px}#divbold{background-image:url(https://i.servimg.com/u/f26/12/56/56/12/bold10.png)}#divitalic{background-image:url(https://i.servimg.com/u/f26/12/56/56/12/italic10.png)}#divunderline{background-image:url(https://i.servimg.com/u/f26/12/56/56/12/underl10.png)}#divstrike{background-image:url(https://i.servimg.com/u/f26/12/56/56/12/strike10.png)}#divcolor{background-image:url(https://i.servimg.com/u/f26/12/56/56/12/font_c11.png)}#divsmilies{background-image:url(https://i.servimg.com/u/f26/12/56/56/12/emotic10.png)}#código_creado_por_welmy{background:#E6E6E6;border:1px solid #222;border-radius:3px;font-family:arial;margin:auto;padding:5px;text-shadow:1px 1px #fff;width:228px}#th_avarx{background-image:url(https://i.imgur.com/EkPsC.png);background-size:100%;border:1px solid #1A1A1A;border-radius:2px;box-shadow:0 1px 2px #000;height:70px;width:70px}#th_avarx img{border-radius:2px;height:70px;width:70px}.lnk a{margin-left:5px;margin-right:5px}
#simple-wrap {
background:white;
}
#chatbox_messenger_form input#message {
min-width: 450px;
padding: 4px;
}
#message, #submit_button {
border-width: 1px;
}
#chatbox_messenger_form #submit_button:hover {
background: #E2FCFF;
border: 1px solid #4CC3FC;
color: #027FAF;
}
#chatbox_messenger_form #submit_button {
margin: 0!important;
}
#message, #submit_button {
border-width: 1px;
}
.pun .frm .frm-buttons input:hover, input[type="reset"]:hover, input[type="submit"]:hover {
border: 1px solid #D1D1D1;
border-bottom: 1px solid #D1D1D1;
}
input[type="submit"] {
padding: 5px;
}
.pun .frm .frm-buttons input, input[type="reset"], input[type="submit"] {
background-image: url(https://i.imgur.com/Qt4G6.png);
border: 1px solid #CCC;
border-bottom: 1px solid #BBB;
border-image: initial;
border-radius: 4px;
box-shadow: 0 1px 2px #CCC;
color: #333;
cursor: pointer;
margin: 0 2px 16px;
padding: 7px 22px;
}
/*lastpost*/
#avatar-lastpost img {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
background: white;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
float: left;
height: 40px;
margin-top:13px;
margin-right:11px;
padding: 1px;
width: 40px;
}
#avatar-lastpost img:hover{
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
border-color: #A1A1A1;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
/*Tabs*/
.mmaintabs #tabs ul li.activetab a{background:#fff!important;color:#000!important;font-weight:700}.mmaintabs #tabs ul li{background-image:none;float:none;padding-right:2px;width:220px}.mmaintabs #tabs ul{float:left;padding:0}.mmaintabs #tabs{min-width:200px}.mmaintabs{float:left;width:220px}.mmaintabs #tabs ul li a{background-color:#F7F7F7;background-image:none;border:1px solid #D6D6D6;color:#575757;display:block;float:none;font-weight:400;height:auto;padding:5px 10px;text-shadow:1px 1px #D5D5D5}.mmaintabs #tabs ul li:hover{background:#EEE!important}
#tabs ul li.activetab{background-color:transparent;background-image:url(https://i.imgur.com/fely2.png);background-position:right -102px}#tabs ul li.activetab a{background-color:transparent;background-image:url(https://i.imgur.com/fely2.png);background-position:0 -68px;color:#000;font-weight:700}#tabs ul li.activetab a:hover{background-color:transparent;color:#02325F}#tabs ul li a{background-image:url(https://i.imgur.com/fely2.png);border:none;display:block;font-weight:700;height:34px;padding:0 0 0 17px}#tabs ul li{background-image:url(https://i.imgur.com/fely2.pngg);background-position:right -34px;background-repeat:no-repeat;color:#474747!important;float:left;font-family:Arial,sans-serif;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;height:34px;padding-right:15px;text-decoration:none;text-shadow:1px 1px 1px #fff!important}
/*header e footer no tópico*/
.pun .paged-foot, .pun .paged-head {
border: none;
background:transparent;
}
/*Expand & Ocultar*/
.expand, .contract {
position: absolute;
top: 0px;
right:-5px;
cursor: pointer;
width: 23px;
height: 24px;
background: url(http://www.purevb.com/demo/images/styles/TheBeaconLight/buttons_blue/collapse_tcat_collapsed.png);
}
.contract {
background: url(http://www.purevb.com/demo/images/styles/TheBeaconLight/buttons_blue/collapse_tcat.png);
}
#topic_border {
background: #d6d6d6;
border:1px solid #cfcfcf;
padding: 8px;
border-radius:5px;
margin-top:5px;
}
/*linha da assinatura*/
.pun .sig-content {
clear: both;
padding: .5em 1em;
position: relative;
}
.pun div, .pun td, .sig-line {
border-color: ##DDD;
color: ##DDD;
}
.sig-content, .signature_div {
border-top: 1px solid #DDD;
}
/*post*/
#begin-post-icon{
border-bottom: 1px solid #C8C8C8;
padding-bottom: 5px;
margin-bottom: 5px;
}
.img-post{
margin-top:-3px;
padding-right:2px;
}
/*pagetitle*/
#pagetitle h1 {
color: inherit;
font: normal normal bold 14px Tahoma, Calibri, Verdana, Geneva, sans-serif;
}
#pagetitle .description {
color: inherit;
font-size: 10.2px;
}
#welcomemessage {
color: #5D5D5D;
font-size: 100%;
}
/*loginform*/
#loginBox {
background: url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/loginBoxBG.png) no-repeat top left;
width: 209px;
height: 100px;
padding: 20px 23px 20px 24px;
position: absolute;
top: 12px;
right: 0;
color: #7D7D7D;
}
.loginInput {
background: url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/loginBoxInput.png) no-repeat top left;
border: 0;
color: #626262;
width: 201px;
height: 31px;
line-height: 31px;
padding: 0 5px;
}
#loginBox li {
padding: 0;
padding-bottom: 6px;
}
#loginBox ul {
list-style: none;
padding: 0;
margin: 0;
}
.bottomBox li {
float: left;
height: 32px;
line-height: 32px;
}
.bottomBox li.rememberMe {
width: 152px;
}
input, textarea, button, select {
font-family: arial, helvetica, sans-serif;
}
select, input, button, textarea, button {
font: 99% arial,helvetica,clean,sans-serif;
}
#buttonRegister {
position: absolute;
top: -31px;
left: 16px;
}
#buttonLoginPanel {
position: absolute;
top: -32px;
left: 108px;
}
#buttonPassword {
position: absolute;
top: 140px;
left: 16px;
}
.loginFacebook {
position: absolute;
top: 145px;
right: 8px;
}
/*loginformloggedin*/
.memberBar {
float: right;
padding-top: 14px;
}
.memberBarWrap {
background: url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/memberBarBG.png) repeat-x top left;
height: 41px;
padding: 13px 3px 0 3px;
}
.memberBarRight {
background: url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/memberBarRight.png) no-repeat top right;
height: 54px;
padding: 0 8px;
}
.memberBarLeft {
background: url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/memberBarLeft.png) no-repeat top left;
height: 54px;
}
.doc_header.header_loggedin {
height: 110px;
}
.doc_header.header_loggedin #logo {
top: 18px;
}
.doc_header {
border: 0 none;
color: white;
font: 0;
position: relative;
min-height: 35px;
}
#toplinks, .toplinks {
float: left;
text-align: left;
line-height: 22px;
font-size: 15px;
font-weight: 700;
}
.toplinks {
color: #434343;
font: arial,helvetica,clean,sans-serif;
text-align: right;
background: none;
}
.toplinks ul.isuser, .toplinks ul.nouser {
margin-top:-3px;
display: block;
float: right;
clear: left;
list-style: none;
}
.toplinks ul.isuser li a:hover {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 4px;
background: #0978BB;
color: white;
}
.toplinks ul.isuser li a {
display: block;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 4px;
font-weight: bold;
font:arial, helvetica, sans-serif;
color: #434343;
}
.toplinks ul.isuser li.welcomelink {
float: right;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 4px;
color: #434343;
}
.toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active, .toplinks ul.isuser li a:hover {
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
}
.toplinks ul.isuser li {
display: inline;
position: relative;
color: white;
float: right;
clear: left;
padding-right: 10px;
background: ;
}
/*categoria*/
/*mainhead*/
.main .main-head {
background: transparent url(https://2img.net/h/oi45.tinypic.com/21c8fpx.jpg) repeat-x 0px 0px;
margin-bottom:5px;
overflow: hidden;
height:23px;
border-radius:5px;
border:3px solid #d1d1d1;
margin-top:5px;
}
.main .main-head .page-title{
padding-left: 10px;
font: normal bold 15px arial, helvetica, sans-serif;
text-shadow: 1px 1px white;
}
.pun table.table th {
padding: 10px;
border:#ffffff;
border-bottom: 1px solid #C6C6C6;
background:#F2F2F2;
}
.pun table.table td {
border:#ffffff;
border-bottom: 1px solid #C6C6C6;
background:#EBEBEB;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
border:#ffffff;
border-bottom: 1px solid #C6C6C6;
background:#EBEBEB;
}
.pun tbody.statused span.status {
position: absolute;
}
.pun .main-content {
webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-radius:5px;
background-color: #E8E8E8;
border: 1px solid #C6C6C6;
}
.forumbitBox {
background:;
padding:8px;
border-radius:7px;
border:1px solid #d4d4d4;
}
.pun fieldset, .pun img {
border: none;
}
.pun tbody.statused span.status {
margin-left: -40px !important;
padding-right: 25px !important;
}
.pun tbody.statused span.status {
position: absolute;
}
.pun tbody.statused span.status {
margin-top: 0px !important;
}
.pun tbody.statused span.status {
position: absolute;
}
.pun tbody.statusid span.status {
position: absolute;
}
.pun tbody.statusid span.status {
margin-left: -60px !important;
padding-right: 25px !important;
}
.pun tbody.statusid span.status {
position: absolute;
}
.pun tbody.statusid span.status {
margin-top: 0px !important;
}
.pun tbody.statusid span.status {
position: absolute;
}
.pun table td.tcl {
border-left-style: none;
border-left-width: 0;
height: 42px;
min-height: 24px;
padding-left: .5em;
vertical-align: top;
}
/*statistics*/
.forumtitle{
padding-left:10px;
color: #434040;
font: normal bold 15px arial, helvetica, sans-serif;
line-height: 35px;
text-shadow: 1px 1px white;
}
#main-head {
background: transparent url(https://2img.net/h/oi45.tinypic.com/21c8fpx.jpg) repeat-x 0px 0px;
margin-bottom:5px;
overflow: hidden;
height:35px;
border-radius:5px;
border:3px solid #d1d1d1;
}
.forumbitBox {
background: #DDD;
padding: 3px 7px;
}
.blockbody {
background: #EBEBEB none no-repeat;
padding-left: 0px;
padding-right: 0px;
}
.wgo_block .blockbody {
border: 1px solid #C6C6C6;
background: #EBEBEB none;
_background-image: none;
}
.formcontrols {
border-right: 1px solid #C6C6C6;
border-left: 1px solid #C6C6C6;
border-bottom: 1px solid #C6C6C6;
}
#threadlist, .threadlist, #threads, #threadlist.threadlist, .childforum, #wgo, .wgo_block .blockbody {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.wgo_block .section .blocksubhead img {
padding-right: 5px;
}
.blocksubhead img {
vertical-align: middle;
}
.wgo_block .blocksubhead {
font: 13px;
color: #424242;
}
.formcontrols .blocksubhead {
font-weight: bold;
}
.blocksubhead {
font: normal 12px;
color: #424242;
}
.blocksubhead {
font: normal 12px;
color: #424242;
background: #E9E9E9 none repeat-x;
padding: 4px 10px 4px 10px;
}
.wgo_block .section div p {
padding-bottom: 5px;
}
.threadbit .sticky, .threadbit .nonthread, .threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored, .wgo_block .wgo_subblock, .forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
border-bottom: 1px solid #C6C6C6;
}
.wgo_block .section {
display: block;
padding: 0 0 0.5em;
font: 12px;
color: #424242;
clear: both;
width: 100%;
}
.wgo_block .blocksubhead {
padding-left: 10px;
font: 13px;
color: #424242;
background: transparent;
padding-bottom: 5px;
}
.wgo_block .section div, .wgo_block .section ol {
padding-left: 20px;
}
.wgo_block .section div p {
padding-bottom: 5px;
}
Inherited from body
body, legend {
font-family: arial, helvetica, sans-serif;
}
element.style {
margin: 0px;
padding: 0px;
-webkit-box-shadow: none !important;
color: #404040;
text-decoration: none;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 15px;
orphans: 2;
text-align: left;
text-indent: 0px;
text-transform: none;
white-space: normal;
widows: 2;
word-spacing: 0px;
-webkit-text-size-adjust: auto;
-webkit-text-stroke-width: 0px;
background-color: none;
}
/*Footer*/
.footer {
clear: both;
margin-top: 15px;
text-align: right;
display: block;
-moz-box-shadow: -2px 2px 2px transparent;
-webkit-box-shadow: -2px 2px 2px transparent;
box-shadow: -2px 2px 2px transparent;
background: none;
padding: 0 0 0 0;
border: 0 none;
padding-bottom:20px;
color: ;
font: bold 14px arial, helvetica, sans-serif;
}
.floatcontainer, .formcontrols .blockrow, dl.stats {
display: block;
}
.textbox, textarea, select {
font: normal 11px arial, helvetica, sans-serif;
color: black;
background: #FCFCFC none;
border: 1px solid #97A4AA;
padding: 0px;
outline: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.footer_select {
float: left;
text-align: left;
padding-left: 10px;
margin-top: 0;
}
.footer_links {
margin-right: 20px;
margin-top: 2px;
}
.footer_links li {
display: inline;
margin-left: 5px;
}
.footer a {
font:arial,helvetica,clean,sans-serif;
color: #3E3E3E;
}
.footer a:hover {
color: #13578E;
}
#footerMain {
background: url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/footerBG.jpg) repeat-x top left;
padding: 39px 0 30px 0;
color: #535353;
margin:0px -35px 0px -35px;
}
#footerMain .pagebody {
position: relative;
}
.footerCopyright {
margin-left:35px;
line-height: 16px;
}
#footerMain {
color: #535353;
}
.footerBanner {
background: url(http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/footerBannerBG.png) no-repeat top left;
width: 476px;
height: 68px;
padding: 4px;
position: absolute;
top: 0;
right: 0;
margin-right:35px;
}
/*profile*/
#profile-advanced-right {
float: left;
width: 300px;
}
#profile-advanced-layout {
float: right;
margin-left: -300px;
width: 100%;
margin-right: 0px;
}
#profile-advanced-left {
margin-left: 305px;
margin-right: 0px;
}
#profile-advanced-layout #new-message {
clear: both;
margin-top: -0.5em;
position: relative;
}
#profile-advanced-right .main-head .h3 {
-moz-border-radius: 10px;
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0 1px 0px, rgba(255,255,255,0.05) 0 0 0 1px;
-webkit-border-radius: 10px!important;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0 1px 0px, rgba(255, 255, 255, 0.05) 0 0 0 1px;
background: rgba(0, 0, 0, 0.4);
border-radius: 10px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0 1px 0px, rgba(255, 255, 255, 0.05) 0 0 0 1px;
color: white;
font-weight: 700;
opacity: 1;
padding: 4px 10px;
}
#profile-advanced-right .module.main .main-head {
background-color: #183C5D;
background-image: url(https://i.imgur.com/JnYGc.png);
border: none;
border-radius: 5px 5px 0 0;
box-shadow: none;
color: white;
font-size: 12px;
font-weight: 300;
overflow: hidden;
padding: 9px 12px;
text-shadow: black 0 1px 2px;
}
#profile-advanced-left #profile-advanced-details .main-head .subtitle {
font-size: 25px;
font-weight: 700;
line-height: 60px;
padding-left: 75px;
}
#profile-advanced-left #profile-advanced-details .main-head {
-webkit-box-shadow: inset 0 1px 0 #008186, inset 1px 0 0 #056B4E, inset -1px 0 0 #056B4E, inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px #056B4E;
background-image: url(http://img86.xooimage.com/files/2/3/a/captur-36b3f67.png);
background-position: left;
background-color:transparent;
background-repeat: no-repeat;
border: 1px solid #026375;
height: 70px;
}
#profile-advanced-right .main-head .h3 span {
color: #FFD600!important;
font-size: 14px!important;
}
#profile-advanced-left #profile-advanced-details .main-head .subtitle span {
color: #00B8FF!important;
}
#profile-advanced-right .main-content.clearfix.center {
color: #777575;
font-size: 15px;
font-weight: 700;
text-shadow: 1px 1px 2px #F0F0F0;
}
.pun .posthead h2 strong {
font: normal 12px;
}
/* GIF no Nick */
a[href="/u1"] {
background: url("https://i.servimg.com/u/f46/17/36/33/20/pxg8710.gif");
}
/* Cor do qote e das bordas do qote */
.postmain blockquote {
border-color: #8EBBDF;
background-color: #D2E4F2;
}
/* Sub Nick */
div.post h4.username a[href="/u1"]:after {
content: '\A ☯Sou o Deus Demônio☯' !important;
white-space: pre !important;
font-size: 12px !important;
color: #FF0000 !important;
}
/* Cor do Nick */
.pun a[href ="/u1"] {
color:#FF0000;
}
/* Sombra no Nick */
a[href="/u1"] {
text-shadow: 0px 0px 5px #FF0000;
}
/* Cor do texto selecionado */
::selection {
color:#000000;
}
::-moz-selection {
color:#000000;
}
::selection {
background:#BD0F0F;
}
::-moz-selection {
background:#BD0F0F;
}
/* Qote sem fundo */
blockquote cite {
background: none !important;
}
/* Botões CSS */
.button {
-moz-border-radius: 8px;
-moz-box-shadow: 0 0 1px #fff inset;
-moz-transition: background-position 1s;
-webkit-border-radius: 8px;
-webkit-box-shadow: 0 0 1px #fff inset;
-webkit-transition: background-position 1s;
background-clip: border-box;
background-image: url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png);
background-position: bottom left, top right, 0 0, 0 0;
background-repeat: no-repeat;
border-radius: 8px;
box-shadow: 0 0 1px #fff inset;
cursor: pointer;
display: inline-block;
font-family: Calibri,Arial,sans-serif;
font-size: 15px;
font-style: normal;
font-variant: normal;
font-weight: normal;
padding: 10px 20px;
position: relative;
text-decoration: none!important;
text-shadow: 1px 1px 0 rgba(255,255,255,0.4);
transition: background-position 1s;
vertical-align: baseline;
white-space: nowrap;
}
.button:hover {
background-position: top left, bottom right, 0 0, 0 0;
}
.button:active {
bottom: -1px;
}
.button.big {
font-size: 30px;
}
.button.medium {
font-size: 18px;
}
.button.small {
font-size: 13px;
}
.button.rounded {
-moz-border-radius: 4em;
-webkit-border-radius: 4em;
border-radius: 4em;
}
.blue.button {
background-color: #48b5f2;
background-image: url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), -webkit-gradient(radial,50%100%,0,50%100%,100,from(rgba(89,208,244,1)), to(rgba(89,208,244,0))), -webkit-gradient(linear,0%0%,0%100%,from(#4fbbf7), to(#3faeeb));
border: 1px solid #84acc3!important;
color: #0f4b6d!important;
}
.blue.button:hover {
background-color: #63c7fe;
background-image: url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), -webkit-gradient(radial,50%100%,0,50%100%,100,from(rgba(109,217,250,1)), to(rgba(109,217,250,0))), -webkit-gradient(linear,0%0%,0%100%,from(#63c7fe), to(#58bef7));
}
.green.button {
background-color: #79be1e;
background-image: url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), -webkit-gradient(radial,50%100%,0,50%100%,100,from(rgba(162,211,30,1)), to(rgba(162,211,30,0))),-webkit-gradient(linear,0%0%,0%100%,from(#82cc27), to(#74b317));
border: 1px solid #96a37b!important;
color: #345903!important;
}
.green.button:hover {
background-color: #89d228;
background-image: url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), -webkit-gradient(radial,50%100%,0,50%100%,100,from(rgba(183,229,45,1)), to(rgba(183,229,45,0))),-webkit-gradient(linear,0%0%,0%100%,from(#90de31), to(#7fc01e));
}
.orange.button {
background-color: #e38d27;
background-image: url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), -webkit-gradient(radial,50%100%,0,50%100%,100,from(rgba(232,189,45,1)), to(rgba(232,189,45,0))),-webkit-gradient(linear,0%0%,0%100%,from(#f1982f), to(#d4821f));
border: 1px solid #bea280!important;
color: #693e0a!important;
}
.orange.button:hover {
background-color: #ec9732;
background-image: url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), -webkit-gradient(radial,50%100%,0,50%100%,100,from(rgba(241,192,52,1)), to(rgba(241,192,52,0))),-webkit-gradient(linear,0%0%,0%100%,from(#f9a746), to(#e18f2b));
}
.gray.button {
background-color: #a9adb1;
background-image: url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), -webkit-gradient(radial,50%100%,0,50%100%,100,from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear,0%0%,0%100%,from(#c5c7ca), to(#92989c));
border: 1px solid #a5a5a5!important;
color: #525252!important;
}
.gray.button:hover {
background-color: #b6bbc0;
background-image: url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), url(http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/helperblogger-button_bg.png), -webkit-gradient(radial,50%100%,0,50%100%,100,from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear,0%0%,0%100%,from(#d1d3d6), to(#9fa5a9));
}
/* Chat Box IPB */
.popup_delete {
background-color: #464646;
background-color: rgba(70, 70, 70, 0.6);
padding: 4px;
-webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
z-index: 999;
bottom: 5px;
right: 5px;
position: fixed;
}
.popup_delete_Inner {
background: white;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
overflow-x: hidden;
width: 350px;
max-height: 642px;
}
.popup_delete_Inner h3 {
background: -moz-linear-gradient(#444,#000);
background-color: #000;
background-image: -webkit-linear-gradient(#444,#000);
text-align: left;
color: white;
padding: 8px 10px 9px;
font-size: 16px;
font-weight: 300;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.Box_delete {
background: #f0f0f0;
padding: 9px;
}
.Box_container {
background: #fdfdfd;
border: 1px solid #dcdcdc;
}
.delete_center {
padding: 9px;
text-align: center;
}
.delete_center p {
margin-bottom: 5px;
}
.popup_delete_Close {
cursor: pointer;
position: absolute;
right: 20px;
top: 15px;
}
#chatbox_footer {
background:rgba(51, 51, 51, 0.91);
border:1px solid #292929;
border-bottom-width:4px;
padding:4px
}
#chatbox.msg span {
color: #FFF !important
}
#chatbox_footer .right {
float:left
}
#chatbox_messenger_form .right {
font-size:0;
margin-left:8px
}
.chatbox_row_1, .chatbox_row_2 {
background: #414141
}
input#message.post {
background-color:#242424;
height:30px;
outline:0;
width:425px;
border: 1px solid #666;
color: #fff
}
#submit_button {
-moz-border-radius:3px;
-moz-box-shadow:inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
-webkit-border-radius:3px;
-webkit-box-shadow:inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
background:#212121 url(https://i.imgur.com/IoFhTvG.png) repeat-x top;
border-color:#212121;
border-radius:3px;
box-shadow:inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
color:#fff;
height:30px;
margin-left:15px;
padding:0 15px
}
.fontbutton {
-moz-box-shadow:inset 0 1px 0 0 #575757, 0 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow:inset 0 1px 0 0 #575757, 0 2px 3px rgba(0,0,0,0.2);
background:#414141;
border-color:#343435;
box-shadow:inset 0 1px 0 0 #575757, 0 2px 3px rgba(0,0,0,0.2)
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff !important
}
#divsmilies img + img {
visibility:visible!important
}
.chatbox-title, .chatbox-title a.chat-title {
color: rgba(234, 238, 255, 0.9) !important
}
#chatbox_header.main-head {
background: rgba(0, 0, 0, 0.81);
padding: 0.6em;
border-radius: 5px
}
#chatbox_messenger_form div.right img {
visibility:hidden
}
#simple-wrap {
background:#fff
}
#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline {
background-position:center;
background-repeat:no-repeat
}
#divbold {
background-image:url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png)
}
#divitalic {
background-image:url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png)
}
#divunderline {
background-image:url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png)
}
#divstrike {
background-image:url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png)
}
#divcolor {
background-image:url(https://2img.net/i/fa/wysiwyg/color_swatch.png)
}
#divsmilies {
background-image:url(https://i.servimg.com/u/f26/12/56/56/12/emotic10.png)
}
#chatbox span[title]{
float:right!important;
color: #fff
}
#chatbox .user {
color: #fff !important;
}
#chatbox {
-moz-box-shadow:2px 0 4px rgba(0,0,0,0.1);
-webkit-box-shadow:2px 0 4px rgba(0,0,0,0.1);
background: rgba(10, 10, 10, 0.77) !important;
border: 1px solid rgba(227, 227, 227, 0.29) !important; /*outra borda:border:1px solid #e3e3e3;*/
bottom:55px;
box-shadow:2px 0 4px rgba(0,0,0,0.1);
left:0;
width: 100%;
right:190px;
top:40px;
padding: 7px 2px 6px !important;
}
#chatbox .msg span {
color: white !important
}
#chatbox_members {
display: none
}
#chatbox p span[style="color:green;"], #chatbox p span[style="color:red;"] {
background: transparent;
padding: 4px 0 4px;
border: 1px solid rgba(204, 204, 204, 0.02);
border-radius: 8px
}
/*display none*/
#chatbox_option_with_archives, #chatbox_option_autorefresh, #chatbox_option_without_archives {
display: none
}
/*Mensagem quando off*/
#chatbox p.chatbox_row_1.clearfix:first-child span[style="font-style:italic"]:last-child:before {
margin-left:7px;
padding-left:22px;
content:'Entre pra conversar.';
font-size:15px;
color: #fff !important
}
#chatbox p.clearfix[class^="chatbox_row_1"] span[style="font-style:italic"] {
font-size:15px;
font-style:normal!important;
background-color:#EDEFF4
}
#chatbox p.chatbox_row_1.clearfix:first-child span[style="font-style:italic"]:last-child {
font-size:0px
}
#chatbox p.chatbox_row_1.clearfix:first-child span[title]:first-child {
visibility:hidden
}
/*Botoes de aviso*/
.sucesso, .alerta, .aviso, .infos {
padding: 8px 8px 8px 40px;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
}
.sucesso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png') no-repeat 6px #effeb9;
border: 1px solid #9ac601;
color: #4F8A10;
}
.alerta {
background: url('http://cdn1.iconfinder.com/data/icons/nuvola2/32x32/actions/messagebox_warning.png') no-repeat 6px #fccac3;
border: 1px solid #db3f23;
color: #D8000C;
}
.aviso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png') no-repeat 6px #ffeaa9;
border: 1px solid #f9b516;
color: #9F6000;
}
.infos {
background: url('http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png') no-repeat 6px #d1e4f3;
border: 1px solid #4d8fcb;
color: #00529B;
}
/*Avatar na barra de ferramentas*/
.shek_person {
height: 25px !important;
margin-right: 3px !important;
position: relative !important;
top: -1px !important;
width: 25px !important;
float: left !important;
}
Re: Avatar na barra de ferramentas
o avatar na barra de ferramentar funcionou mas o forum ta todo bugado ainda
olha > http://demoncheats.maisforum.com/
olha > http://demoncheats.maisforum.com/
Re: Avatar na barra de ferramentas
@DEMORUTO666
Após uma análise no código que fiz, observei um atraso em relação à conexões mais lentas, neste caso modifiquei para que aguardasse a página ser totalmente carregada e com isso funciona normalmente!
Experimente remover as personalisações anteriores e faça um teste com o código abaixo:
JS
Após uma análise no código que fiz, observei um atraso em relação à conexões mais lentas, neste caso modifiquei para que aguardasse a página ser totalmente carregada e com isso funciona normalmente!
Experimente remover as personalisações anteriores e faça um teste com o código abaixo:
- Código:
jQuery(window).load(function() {
jQuery('#fa_welcome').prepend(_userdata.avatar).children('img').css( {
'border-radius' : '3px 3px 3px 3px',
'height' : '25px',
'margin-bottom' : '-10px',
'margin-right' : '5px',
'position' : 'relative',
'top' : '-3px',
'width' : '25px'
});
});
JS
Re: Avatar na barra de ferramentas
funcionou perfeitamente JScript
tive que reinstalar o tema para desbugar ainda bem que tinha salvo a CSS
vlw ai galera por me ajudar
tive que reinstalar o tema para desbugar ainda bem que tinha salvo a CSS
vlw ai galera por me ajudar
Re: Avatar na barra de ferramentas
@DEMORUTO666
Fico feliz que tenha dado certo amigo, se poder nos fazer um favor em testar o código abaixo:
Esse código traz uma vantagem em ser mais rápido do que o anterior que lhe passei.
JS
Fico feliz que tenha dado certo amigo, se poder nos fazer um favor em testar o código abaixo:
- Código:
jQuery(function() {
isRead();
function isRead() {
if (jQuery('#fa_welcome').length) {
jQuery('#fa_welcome').prepend(_userdata.avatar).children('img').css( {
'border-radius' : '3px 3px 3px 3px',
'height' : '25px',
'margin-bottom' : '-10px',
'margin-right' : '5px',
'position' : 'relative',
'top' : '-3px',
'width' : '25px'
});
} else {
setTimeout(isRead, 100);
}
}
});
Esse código traz uma vantagem em ser mais rápido do que o anterior que lhe passei.
JS
Re: Avatar na barra de ferramentas
testo com todo prazer xD
funcionou perfeitamente este novo código e e mesmo mais rápido
funcionou perfeitamente este novo código e e mesmo mais rápido
Re: Avatar na barra de ferramentas
@DEMORUTO666
Obrigado pelo seu comentário amigo, nos ajudou bastante dando seu feedback!
Obrigado,
JS
Obrigado pelo seu comentário amigo, nos ajudou bastante dando seu feedback!
Obrigado,
JS
Tópicos semelhantes
» Exibir Avatar na Barra de Ferramentas
» Avatar na barra de ferramentas não aparece
» Avatar nas notificações da barra de ferramentas
» Mini-Avatar na Barra de Ferramentas
» Exibir o avatar do membro na barra de ferramentas
» Avatar na barra de ferramentas não aparece
» Avatar nas notificações da barra de ferramentas
» Mini-Avatar na Barra de Ferramentas
» Exibir o avatar do membro na barra de ferramentas
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos