Mudar icone conectado
2 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
Mudar icone conectado
Qual é minha questão:
Olá peço ajuda para alterar o icone que mostra o se o usuario está online.
http://vbweb.foruns.com.pt/t2-ranks-do-forum
Ele é PunBB,
Endereço do meu fórum:
http://vbmax.foruns.com.pt
Versão do fórum:
PUNBB
Olá peço ajuda para alterar o icone que mostra o se o usuario está online.
http://vbweb.foruns.com.pt/t2-ranks-do-forum
Ele é PunBB,
Endereço do meu fórum:
http://vbmax.foruns.com.pt
Versão do fórum:
PUNBB
Re: Mudar icone conectado
CSS se alguem achar a imagem
- Código:
table.table_list tbody.content td.stats {
font-size: 11px;
width: 15%;
text-align: left;
}
table.table_list tbody.content td.stats {
font-size: 11px;
text-align: left;
}
table.table_list p {
padding: 0;
margin: 0;
}
table.table_list .content td, table.table_grid tbody td {
border-bottom: 1px solid #fff;
}
tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td {
padding: 10px 8px;
}
body, td, th, tr {
color: #585858;
}
#foot .backtop {
background: #0040A0;
background: -moz-linear-gradient(top, #0070C0 5%, #0061AF 40%, #0040A0 100%);
background: -webkit-linear-gradient(top, #0070C0 5%, #0061AF 40%,#0040A0 100%);
background: -o-linear-gradient(top, #0070C0 5%,#0061AF 40%,#0040A0 100%);
background: -ms-linear-gradient(top, #0070C0 5%,#0061AF 40%,#0040A0 100%);
background: linear-gradient(top, #0070C0 5%,#0061AF 40%,#0040A0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0070C0', endColorstr='#0040A0',GradientType=0 );
border-image: initial;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
color: white;
display: block;
height: 24px;
line-height: 24px;
padding: 0px 10px;
text-decoration: initial;
margin-left: 4px;
width: 85px;
}
#foot .backtop img {
vertical-align: middle;
margin: -1px 0px 2px -25px;
position: relative;
}
#pun-qpost #text_editor_textarea {
max-height: 136px;
max-width: 980px;
resize: none;
}
#pun-qpost #textarea_content{
background-color:#fff;
border-top-left-radius:5px;
border-top-right-radius:5px;
clear:both
}
#pun-qpost #textarea_content dt label{display:none}
#pun-qpost .dd-textarea{border:solid 1px #CCC;margin:0 auto}
#pun-qpost .dd-textarea #text_editor_textarea{
border:0;
font-size:1.2em;
}
a:link {
text-decoration: none!important;
}
a, a span {
text-decoration: none!important;
}
#pun-qpost .frm-buttons{
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:right
}
#pun-qpost .frm-buttons input{
background-image:url(http://i41.servimg.com/u/f41/16/71/63/22/fondoh10.png);
background-repeat:repeat-x;
border:0;
border-radius:5px;
color:#fff;
cursor:pointer;
font-size:1em;
line-height:1.2;
margin-right:1em;
overflow:visible;
padding:5px;
position:relative;
text-shadow:0 1px 1px #0F5A73;
vertical-align:middle;z-index:1
}
#pun-qpost #text_editor_controls{margin-left:5px;margin-top:160px;position:absolute;width:400px}
#pun-qpost button.button2,input.button2{border-radius:5px;height:25px!important;padding:4px!important}
#pun-qpost button.button2:hover,input.button2:hover{border-color:#42a2d4}
.vote{float:right;margin-left:4px;width:19px}
.pun .posthead{
background-image:none;
border:0;
border-top-left-radius:3px;
border-top-right-radius:3px;
color:#575757;height:20px;
line-height:20px;padding:.5em 1.3em .5em 1em
border:none;
}
/**laasdas*/
#tabs ul li.activetab a {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) no-repeat 0 -166px;
color: black;
border: transparent;
border-radius: 5px;
}
.pun .main-content {
background-color: transparent;
border: transparent;
}
#tabs ul li.activetab a:hover {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) no-repeat 0 -166px;
color: black;
border: transparent;
border-radius: 5px;
}
#tabs ul li a {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) no-repeat 0 -166px;
color: black;
border: transparent;
border-radius: 5px;
}
.mini_ava {
float: left;
}
.mini_ava img {
width: 40px;
height: 40px;
margin: 0 5px;
border-radius: 5px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
background-image: url(http://i.imgur.com/Qt4G6.png);
border: 1px solid #CCC;
color: #333;
cursor: pointer;
margin: 0 2px 16px;
padding: 7px 22px;
}
button.button2, input.button2 {
background-image: url(http://i.imgur.com/Qt4G6.png);
border-radius: 4px 4px 4px 4px;
padding: 4px!important;
}
.chatbox-title, .chatbox-title a.chat-title {
color: black;
}
#chatbox {
background: white;
}
.chatbox_row_2 {
background-color: white;
padding: 4px;
}
#chatbox_footer {
border-top: white;
bottom: 0;
left: 0;
position: absolute;
right: 0;
}
.chatbox_row_1 {
background-color: white;
padding: 4px;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: black;
}
#chatbox_header.main-head {
padding: 0 1.3em;
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) no-repeat 0 -166px;
margin-bottom: 5px;
}
#tabs ul li a {
background-color: white;
border: transparent;
float: left;
font-size: 1.1em;
font-weight: 400;
line-height: 2em;
padding: 0 1em;
text-decoration: none;
}
#textarea_content dt {display:none}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
-webkit-transition: all 0.218s;
border: 1px solid;
border-radius: 3px;
padding: 0px 0.91em;
}
button.button2, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
border: 1px solid #BCBCBC;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 1px 0px;
}
button.button2, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
border: 1px solid #BCBCBC;
overflow: visible;
padding: 2px 3px;
}
fieldset.frm-set dl dd {
margin: auto!important;
}
.postfoot {
border-top: 1px dashed #CCC;
padding: 0.5em 1em;
text-align: right;
}
.pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: transparent;
padding: .6em 1.3em .3em;
}
.ipbfs_titlebox .desc{ padding: 3px 0; }
.socialetopic {
float: right;
position: relative;
}
.desc.lighter.blend_links {
color: #777;
float: left;
font-size: 11px;
}
.ipbfs_titlebox .desc {
padding: 3px 0px;
}
.pun .posthead {
border-top: 1px solid #D2D2D2;
border-bottom: 1px solid #D2D2D2;
text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px;
background: url(http://www.ipbforumskins.com/skindemo/public/style_images/splat34x/highlight.png) 0px 0px repeat-x #E3E3E3;
padding: 0px 10px;
line-height: 36px;
font-weight: normal;
font-size: 13px;
}
.ipbfs_titlebox{
font-size: 18px;
background: #efefef;
border: 1px solid #cccccc;
text-shadow: #fff 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 4px, rgba(255,255,255,0.8) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 4px, rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.15) 0px 1px 4px, rgba(255,255,255,0.8) 0px 1px 0px;
padding: 10px;
overflow: hidden;
}
.post {
background: #fafafa;
}
.postfoot {
border-top: 1px solid #CCC;
padding: 0.5em 1em;
background: #f5f5f5;
}
.pun .postmain {
background-color: #fcfcfc;
border-left: 3px double #DDD;
border-right: 1px solid #F2F2F2;
margin-left: 17em;
}
.pun .postmain {
background-color: #fbfbfb;
border-left: 1px solid #DDD;
margin-left: 17em;
}
.pun-crumbs{
background: #E0E0E0 url('http://www.ipbforumskins.com/skindemo/public/style_images/splat34x/secondary_nav_bg.png') repeat-x 0 0;
border: 1px solid #D6D6D6;
text-shadow: white 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px;
-moz-box-shadow: rgba(0,0,0,0.05) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px;
overflow: hidden;
line-height: 37px;
margin-bottom: 15px;
}
.pun-crumbs p{color:#666;font-size:1.11em;line-height:1.5;margin:0}
.pun-crumbs a{text-decoration:none}
#pun-crumbs li {
float: left;
}
.pun .pun-crumbs .crumbs{font-size:.8em}.pun .pun-crumbs .crumbs a{
text-shadow: white 0px 1px 0px; margin:0 1.25em 0 .5em}
p.crumbs a{
background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777;
color: #777!important;
font-size: 11px;
font-weight: normal;
text-shadow: white 0px 1px 0px;
line-height:30px;
padding:11px 17px 11px 1px
}
p.crumbs a:hover{
background: url('http://i.imgur.com/FszIm.gif') no-repeat 100% 0;
color:#222;
text-decoration: none;
}
p.crumbs{color:#F3F3F3}
.user-basic-info a img {
max-height: 300px;
max-width: 150px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);}
.user-basic-info a img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.pun .user .user-ident .user-basic-info {
font-size: 1.1em;
font-weight: 700;
line-height: 1.8em;
margin: 5px auto;
padding: 15px;
text-align: center;
}
.pun .user .user-info {
color: #666;
line-height: 1.8em;
margin: 5px auto;
padding: 10px;
}
.user-contact {
color: #666;
margin: 5px auto;
padding: 10px;
}
#foot .backtop {
background: #D86A35 url('http://www.ipbforumskins.com/skindemo/public/style_images/splat34x/maintitle.jpg') repeat-x 0 -6px;
border: 1px solid #C03F18;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: inset #F3AB60 0 1px 0;
color: white;
display: block;
height: 24px;
line-height: 24px;
padding: 0 10px;
text-decoration: none;
margin-left: 4px;
width:85px;
}
#foot .backtop img{
vertical-align: middle;
margin: -3px 2px 0px -3px;
position: relative;
}
.post-options {
margin-left: 5px;
margin-top: auto;
position: relative;
}
.pun .user-ident .username {
display: block;
font-size: 1.3em;
font-weight: 400!important;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}
#profile-advanced-right .main-head .h3 {
background: rgba(0, 0, 0, 0.4);
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(http://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://i39.servimg.com/u/f39/15/69/99/67/space-10.jpg);
background-position: left;
background-color:transparent;
color: white;
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 h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: none;
}
.main .main-foot, .main .main-head {
color: black;
font-weight: 400;
padding: .7em 1.3em;
line-height: 25px;
font-size: 1em;
}
.main .main-foot, .main .main-head {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) no-repeat 0 -166px;
border-radius: 5px;
height: 25px;
margin-bottom: 5px;
margin-top: 5px;
font-weight: 400;
padding: .7em 1.3em;
}
.pun table.table td {
background-color: #F0F0F0;
border-color: white;
border-style: solid none none solid;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #E9E9E9;
}
#pun-about #qjump {
visibility: hidden;
}
#pun-about {
background-color: #F4F4F4;
border-color: #DDD;
border-style: solid;
border-width: 1px;
line-height: 150%;
padding: .6em 1em;
text-align: right;
}
.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 5%;
}
#page-body {
margin: 0px 0;
}
.title_barIC h4.titlebg {
color: #474747;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
div.title_barIC {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) no-repeat 0 -120px;
padding-left: 9px;
height: 40px;
overflow: hidden;
margin-bottom: 1px;
}
.pun fieldset, .pun img {
border: none;
margin: -2px 5px 0 0;
}
div.roundframe div.cat_bar {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) no-repeat 0 -258px;
margin-bottom: 0;
}
div.cat_bar {
background: url(../images/theme/main_block.png) no-repeat 0 -166px;
padding-left: 9px;
height: 42px;
overflow: hidden;
margin-bottom: 1px;
}
img#upshrink_ic, img#newsupshrink {
float: right;
margin: 12px 20px 0 0; }
.roundframe {
padding: 0 10px;
}
.roundframe dl, .roundframe dt, .roundframe p {
margin: 0;
}
.roundframe p {
padding: 1px;
}
span.upperframe {
padding: 0;
display: block;
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) 0 -90px no-repeat;
padding-left: 20px;
}
span.upperframe span {
padding: 0;
height: 12px;
display: block;
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) 100% -90px no-repeat;
}
div.roundframe div.cat_bar {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) no-repeat 0 -258px;
margin-bottom: 0;
color:#EEE;
font-size: 13px;
text-shadow: 0px 1px 0px #000;
}
div.roundframe div.cat_bar h3.catbg {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) no-repeat 100% -258px;
color: #DDD;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
font-weight: normal !important;
overflow: hidden;
height: 42px;
line-height: 42px;
font-size: 1.1em;
}
div.title_barIC {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) no-repeat 0 -120px;
padding-left: 9px;
overflow: hidden;
margin-bottom: 3px;
margin-top: 5px;
color:whitesmoke;
line-height: 40px;
}
div.title_barIC h4.titlebg {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) no-repeat 100% -120px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
line-height: 42px;
font-size: 1.1em;
font-weight: bold;
}
#upshrinkHeaderIC p.pminfo {
margin: 0;
padding: 0.5em;
}
#upshrinkHeaderIC a {
color: #AA4B80;
}
#footer {
background: #222 url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/mainbg.jpg) 0 0 repeat-x;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
padding: 25px 15px;
overflow: hidden;
position: relative;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
#footer .smf_copyright {
float: left;
}
#footer .ds_copyright {
float: right;
text-align: right;
}
#footer p {
color: #676767;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
font-size: 11px;
}
#footer, #footer a {
color: #424242;
font-size: 13px;
font-family: "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
#footer a:hover {
text-decoration: underline;
}
#footer .backtop {
display: block;
position: absolute;
top: 46px;
right: 10px;
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/backtop.png) 0 0 no-repeat;
height: 19px;
width: 19px;}
#footer .backtop:hover {
background-position: 0 -19px;
}
#wrapper1 {
width: 990px;
margin: 0 auto;
overflow: hidden;
}
#quicknav { padding: 12px 0 0;}
#quicknav ul { float: left; margin: 0; padding: 0; line-height: 34px;}
#quicknav li { float: left; padding: 0; list-style: none;}
#quicknav li a { padding-left: 15px; font-weight: bold; color: #999; text-shadow: 0 -1px 1px #000;}
#quicknav li a:hover { color: #ccc;}
#quicknav .social_icon { display: block; background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/social_icons.png) no-repeat; height: 34px; width: 34px; padding: 0;}
#quicknav a.twitter { background-position: 0 0;}
#quicknav a.facebook { background-position: 0 -76px;}
#quicknav a.rss { background-position: 0 -152px;}
#quicknav .twitter:hover { background-position: 0 -38px;}
#quicknav .facebook:hover { background-position: 0 -114px;}
#quicknav .rss:hover { background-position: 0 -190px;}
#main_content2 { padding: 8px 2px;}
.clr { clear: both;}
#upshrinkHeaderIC a { color: #aa4b80;}
.title_barIC h4.titlebg { color: #474747; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
table.table_list .content td, table.table_grid tbody td { border-bottom: 1px solid #fff;}
#messageindex tr td { font-size: 11px;}
.lastpost span, .stats span { font-size: 125%; color: #444;}
.topic_table .lastpost { text-align: right;}
.topic_table .stats { text-align: left;}
.subject_title a { font-size: 15px; color: #aa4b80;}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index: 999;overflow:hidden;}#cboxOverlay{position:fixed;width:100%;height:100%;background:#000;}#cboxMiddleLeft,#cboxBottomLeft{clear:left;}#cboxContent{position:relative;background:#fff;overflow:visible;}#cboxLoadedContent{overflow:auto;margin-bottom:5px;}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:700;color:#7C7C7C;margin:0;}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;position:absolute;bottom:-29px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro26.png) no-repeat 0 0;width:23px;height:23px;text-indent:-9999px;}.cboxPhoto{float:left;border:0;display:block;margin:auto;}.cboxIframe{width:100%;height:100%;display:block;border:0;}#cboxTopLeft{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro27.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/border23.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro28.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro29.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/border24.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) repeat-y -211px 0;}#cboxLoadingOverlay{background:url(http://i20.servimg.com/u/f20/14/50/49/34/loadin10.png) no-repeat center center;}#cboxLoadingGraphic{background:url(http://i20.servimg.com/u/f20/15/90/59/25/loadin12.gif) no-repeat center center;}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:700;color:#7C7C7C;}#cboxPrevious{left:0;background-position:-51px -25px;}#cboxPrevious.hover{background-position:-51px 0;}#cboxNext{left:27px;background-position:-75px -25px;}#cboxNext.hover{background-position:-75px 0;}#cboxClose{right:0;background-position:-100px -25px;}#cboxClose.hover{background-position:-100px 0;}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0;right:27px;}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0;}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px;}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0;}.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i27.servimg.com/u/f27/14/67/90/38/bg1010.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #fff;
overflow: hidden;
cursor: crosshair;
}.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i27.servimg.com/u/f27/14/67/90/38/ovl1010.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i27.servimg.com/u/f27/14/67/90/38/select10.gif);
margin: -5px 0 0 -5px;
}.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i27.servimg.com/u/f27/14/67/90/38/indic110.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #fff;
}.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #fff;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i27.servimg.com/u/f27/14/67/90/38/hex1010.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r, .colorpicker_rgb_g, .colorpicker_rgb_b {
background-image: url(http://i27.servimg.com/u/f27/14/67/90/38/rgb_r110.png);
}
.colorpicker_rgb_r {
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
top: 112px;
left: 212px;
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
background-image: url(http://i27.servimg.com/u/f27/14/67/90/38/h1010.png);
}
.colorpicker_hsb_h {
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i27.servimg.com/u/f27/14/67/90/38/submit10.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus, .colorpicker_submit.colorpicker_focus, .colorpicker_slider{
background-position: bottom;
}
.postbody img{
max-width:600px;
}
a:link,a:active,a:visited {
text-decoration: none !important;
}
#smallrum{
padding: 0.4em 1em;margin: 3px 1px;
background: #ffffff none;
-moz-box-shadow: -2px 2px 2px #c8c8c8;
-webkit-box-shadow: -2px 2px 2px #c8c8c8;box-shadow: -2px 2px 2px #c8c8c8;color: #ffffff;width: 375px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}
#last-posts{width:100%;}
#select-lastpost{float:right;cursor:pointer;}
#option-lastpost{height:18px;}
.op-last{float:left;border:1px solid #999;padding:2px 0;cursor:pointer;height:18px;background-color:white;margin:-5px 2px 0;width:80px;text-align:center;background-color:#DDD;}
.op-last2{height:28px;margin-top:-12px;font-weight:bold;line-height:250%;border-radius:5px 5px 0 0;border-bottom:0;color:red;background-color:#FFF;}
.op-last-bottom{border: 3px dashed white;float:left;margin:-1px 2px 0;padding:5px;cursor:pointer;height:15px;background-color:#DDD;}
.op-last-bottom2{height:23px;font-weight:bold;border-radius:0 0 5px 5px;border-top:0;background-color:white;margin-top:-4px;color:red;background-color:#FFF;}
.op-last-select{font-weight:bold!important;color:red;}
.op-choice{float:left;display:none;}
.op-change{float:left;margin-left:5px;}
.op-prew,.op-next{width:20px;height:20px;cursor:pointer;float:left;margin:0 2px;}
.op-prew{background:url(http://i48.servimg.com/u/f48/13/58/60/43/contro18.png) 50% 50%;}
.op-next{background:url(http://i48.servimg.com/u/f48/13/58/60/43/contro20.png) 50% 50%;}
#main-lastpost{padding:20px 10px 5px;background-color:white;height:310px;}
#dl-lastpost{display:none;}
#name-lastpost,.name-lastpost {
position: absolute;
padding: 5px 25px;
font-style: italic;
}
.dl-post {
height: 15px;
}
lp1,.lp2,.lp3,.lp4,.lp5,.lp6,.lp7,.lp8,.imglp{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: absolute;
}
.dl-post:hover{
background-color:#DDD;
}
.lp1 img {
height: 14px;
}
.lp2 {
margin-left: 10px;
width: 247px;
}
.lp3 {
margin-left: 300px;
width: 80px;
}
.lp4 {
margin-left: 420px;
width: 80px;
}
.lp5 {
margin-left: 535px;
width: 100px;
}
.lp6 {
margin-left: 670px;
font-style: italic;
}
.lp7 {
margin-left: 720px;
font-style: italic;
}
.lp8 {
margin-left: 940px;
}
.imglp {
margin-left: 780px;
margin-top:1px;
}
#trang-lastpost {
float: right;
}
.TrangTruoc,.TrangSau,.TrangHT{font:12px Courier;cursor:pointer;color:red;float: left;height:30px;width:30px;opacity:0.6;}
.TrangTruoc:hover,.TrangSau:hover,.TrangHT:hover{opacity:1;}
.TrangTruoc{display:none;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancy_12.png) no-repeat;}
.TrangSau{background:url(http://i48.servimg.com/u/f48/13/58/60/43/fancy_10.png) no-repeat;}
#SoTrangLT{width:25px;text-align:center;font-weight:bold;border:3px dashed white;}
#SoTrangLT:hover{border:3px dashed black;color:red;}
#Load {
display:none;
background:#FFF url(https://lh6.googleusercontent.com/-w4Vs9guhNLU/T-IAGnUJxaI/AAAAAAAAARk/GadFsuw8-ec/h120/loading.gif) 50% 50% no-repeat;
position:fixed;
left:50%;
top:40%;
width:50px;
height:50px;
border:20px solid rgba(0, 13, 255, .3);
border-radius:50px;
margin-left:-25px;
}
.main
{
padding: 0 10px;
background: transparent;
}
#toolbar { background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/toolbar.png) 0 0 no-repeat;}
#toolbar_r { background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/toolbar.png) 100% -140px no-repeat; padding: 0 15px;}
#toolbar_m { background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/toolbar.png) 0 -70px repeat-x; height: 63px; padding-top: 2px;}
ul#topnav { height: 38px; margin-top: 13px;}
#topnav, #topnav ul { margin: 0; padding: 0; z-index: 999;}
#topnav li { float: left; margin: 0 2px 0 0; padding: 0 0 5px; position: relative; list-style: none;}
#topnav li a { display: block; line-height: 38px; padding: 0 15px; color: #444; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); text-transform: uppercase; font-weight: bold; font-size: 11px;}
#topnav li a.active, #topnav li:hover > a {background: #383838; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #ddd; text-shadow: 1px 1px 4px #000;}
#topnav li ul { position: absolute; width: 200px; top: -999em; left: auto; padding: 5px 0; background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/topnav_bg.png); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.6);}
#topnav li ul ul { margin: 0;}
#topnav li li { width: 200px; height: auto; padding: 0; margin: 0;}
#topnav li li a { display: block; width: 170px; margin: 0 5px; padding: 0 10px; height: auto; float: none; line-height: 30px; text-transform: lowercase; font-size: 12px; color: #999; text-shadow: none;}
#topnav li li a:hover, #topnav ul li:hover > a { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
#topnav li:hover ul { left: 0; top: 40px;}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li:hover ul ul ul ul { top: -999em; left: auto;}
#topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul { left: 200px; top: 0;}
#banner { background: url(http://img.webme.com/pic/i/imagelement/fondtwitter.png); height: 144px; clear: both;}
#banner h1 { padding: 33px 0 0 45px;}
#logo a { display: block; width: 300px; height: 85px; background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/logo.png) no-repeat; text-indent: -9999px;}
#userbar { background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/userbar.png) repeat-x; height: 60px; padding: 0 20px;}
#search { float: right; background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/search.png) 0 0 no-repeat; width: 242px; height: 40px; position: relative; margin-top: 8px;}
#search .search_input { position: absolute; top: 8px; left: 5px; width: 190px; height: 16px; padding: 5px 0 5px 12px; background: none; border: none; outline: none; font: 13px "Helvetica Neue", Arial, sans-serif; color: #bbb; text-shadow: 1px 1px 5px #000;}
#search .search_button {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/search.png) 0 -45px no-repeat;
position: absolute;
top: 9px;
right: -11px;
width: 26px;
height: 24px;
border: none;
outline: none;
cursor: pointer;
}
#search .search_button:hover { background-position: -216px -45px;}
.profile {
margin-top: 2px;
margin-button: 2px;
padding: 4px;
background-color: #EDF3FA;
border: 1px solid #BBC3CD;
}
body {
background: #CCC url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/mainbg.jpg);
font: 13px/140% "Helvetica Neue", "Arial", "Helvetica", sans-serif;
margin: 0 auto;
}
a.logout {
position: absolute;
left: 519px;
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/zt_login.png) 0 -135px no-repeat;
width: 94px;
height: 40px;
display: block;
}
#content .main .main-head {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) no-repeat 0 -166px;
border-radius: 5px;
height: 25px;
margin-bottom: 5px;
margin-top: 5px;
}
div#header {
width: 990px;
margin: 0 auto;
}
#modnav {
padding: 0 0 15px;
text-align: right;
}
#modnav strong, #modnav a {
margin-right: 8px;
color: #fff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}
#modnav span {
background: #aa4b80;
padding: 2px 6px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#modnav a:hover {
text-decoration: none;
color: #e3e3e3;
}
#topbar {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/topbar.png) repeat-x; margin: 0 30px;
position: relative;
}
#topbar_l {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/topbar_l.png) 0 0 no-repeat;
margin-left: -30px;
}
#topbar_r {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/topbar_r.png) 100% 0 no-repeat;
height: 69px;
margin-right: -30px;
}
#zt_time {
position: absolute;
top: 28px;
left: 4px;
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/clock.png) 0 50% no-repeat;
}
#zt_time span {
padding-left: 25px;
font-size: 11px;
color: #a3a3a3;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
}
#zt_login { float: right; width: 625px; margin-top: 15px; position: relative;}
input.login_input { float: left; background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/zt_login.png) 0 0 no-repeat; color: #444; border: none; outline: none; width: 186px; height: 14px; padding: 13px 12px; margin: 0 7px 0 0;}
input.login_button { position: absolute; top: 0; right: 102px; background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/zt_login.png) 0 -45px no-repeat; width: 90px; height: 40px; border: none; padding: 0; cursor: pointer;}
.login_button:hover { background-position: 0 -90px;}
a.register { position: absolute; top: 0; right: 12px; background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/zt_login.png) -90px -45px no-repeat; width: 90px; height: 40px;}
.register:hover { background-position: -90px -90px;}
.logout:hover { background-position: -116px -135px;}
#zt_login ul { margin: 0; padding: 8px 0; line-height: 24px; overflow: hidden; text-transform: lowercase; text-shadow: 0 1px 0 #fff;}
#zt_login li { float: left; list-style: none; padding: 0;}
#zt_login .memb_greeting { color: #aa4b80; font-size: 120%; padding-right: 10px;}
#zt_login li a { padding: 0 10px; color: #777; border-right: 1px solid #d2d2d2;}
#zt_login li a.last { border: none;}
#zt_login a:hover { text-decoration: underline;}
#zt_login .memb_avatar { float: left; margin: 0 15px 0 0;}
#zt_login img.avatar { width: 30px; height: 30px; background: #e5e5e5; border: 1px solid #d1d1d1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 4px;}
#vientrai { background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/content.png) 0 0 repeat-y;}
#vienphai { background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/content.png) 100% 0 repeat-y; padding: 0 10px;}
#content_bot { background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/content_bot.png) 0 0 no-repeat;}
#chinhgiua { background: #f7f7f7;}
#content_botr { background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/content_bot.png) 100% -17px no-repeat; padding: 0 15px;}
#content_botm {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/content_bot.png) 0 -34px repeat-x;
height: 8px;
overflow: hidden;
}
Re: Mudar icone conectado
Veja este tutorial, de novo: https://ajuda.forumeiros.com/t23170-tutorial-adicionar-icone-online-offline
Repare que, no segundo passo do tutorial, tem lá a parte "background-image", então daí pode alterar a imagem com um link.
Hancki
Repare que, no segundo passo do tutorial, tem lá a parte "background-image", então daí pode alterar a imagem com um link.
Hancki
Tópicos semelhantes
» Mudar lado de usuários online do chatbox & mudar conectado
» Icone de conectado não aparece ajuda?
» Como mudar o fundo da barra de conectado
» Como adicionar o ícone conectado ao lado do nome
» Mudar o Quem está conectado
» Icone de conectado não aparece ajuda?
» Como mudar o fundo da barra de conectado
» Como adicionar o ícone conectado ao lado do nome
» Mudar o Quem está conectado
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