Icone online e offline

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Icone online e offline

Mensagem por Firenando em 17/01/12, 08:53 pm

Qual é minha questão:
Olá, eu gostaria de colocar no meu fórum igual esse, o icone de Online e Offline ( offline não apareceu na foto ).

Aqui está a imagem: http://i.imgur.com/BBSDx.png

Medidas que eu tomei para corrigir o problema:
Procurei e não achei.

Imagens do meu problema:
http://i.imgur.com/BBSDx.png

Endereço do meu fórum:

http://br-designerforever.forumeiros.com/
Versão do meu fórum:
PHPBB3
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Icone online e offline

Mensagem por Dury em 17/01/12, 08:57 pm

Olá,

Qual é o endereço do fórum que viu o efeito citado na imagem, amigo Fire Hell?

Piscada
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Icone online e offline

Mensagem por Firenando em 17/01/12, 08:58 pm

avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Icone online e offline

Mensagem por MateusV. em 17/01/12, 09:03 pm

Olá, tente
Código:
.online{
z-index: 999;
background-image: url(http://i66.servimg.com/u/f66/11/96/49/61/on210.png);
background-position: 100% 35px;
background-repeat: no-repeat;}

.post .corners-top{
background: url(http://i66.servimg.com/u/f66/11/96/49/61/off10.png) no-repeat;
width: 19px;
height: 104px;
float: right;
position: absolute;
z-index: -1 !important;
margin-top: 35px !important;
margin-left: 836px !important;}

.pagination{margin: 0 !important;}



.addthis_button:hover{margin-top: 42px;}

painel de controle - Visualização - Imagens e cores - Cores - Aba "Folha de estilo CSS"
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Icone online e offline

Mensagem por Firenando em 17/01/12, 09:05 pm

Não resultou :S
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Icone online e offline

Mensagem por MateusV. em 17/01/12, 09:09 pm

Ola, poderia me mandar seu codigo CSS?
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Icone online e offline

Mensagem por Firenando em 17/01/12, 09:09 pm

Ta bom.
Está aqui:

Código:
blockquote div {
 margin-left: 20px;
 }
em{
font-style: normal;
}
blockquote blockquote {
background-color: #E4F4FC;
font-size: 1em;
margin: 0.5em 1px 0pt 15px;
}
blockquote blockquote blockquote {
 background-color: #E4F4FC;
 }
blockquote cite {
font-style: normal;
font-weight: bold;
display: block;
font-size: 0.9em;
}
blockquote cite cite {
 font-size: 1em;
 }
blockquote.uncited {
 padding-top: 25px;
.post {
background-image: url('http://i34.servimg.com/u/f34/12/44/72/18/offl10.png');
background-repeat: no-repeat;
background-position: 100% 0%;
}
.online {
background-image: url('http://illiweb.com/fa/prosilver/icon_user_online_en.png');
}
.post {
border:1px solid #48829c;
}
ul.linklist li a img {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}
#login_popup_background div.h3 {
color: #FFFFFF;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
color: #FFFFFF;
font-weight: bold;
text-align: center !important;
}
#login_popup_background {
color: #FFFFFF;
text-align: center;
width: 479;
height: 248;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
background-color: #000000;
}
body.chatbox {
background-color: #E6E6E6;
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
background-repeat: no-repeat;
background-position: 100% 0%;
}
#chatbox_footer, #chatbox_footer label {
background-color: #E6E6E6;
color: #000000;
}
#chatbox_footer{
border: 1px solid #cccccc;
}
.chatbox_row_1 {
display: none;
}
.chatbox-title, .chatbox-title a.chat-title {
background-color: #E6E6E6;
color: #000000;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #000000 !important;
}
#chatbox_members, #chatbox_members ul, #chatbox_members ul li {
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
}
#chatbox_members {
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
background-color: #E6E6E66;
color: #000000;
}
.chatbox-title a.chat-title {
color: #000000;
}
#chatbox, .chatbox {
border: 1px solid #cccccc;
}
#chatbox_header {
background-color: #E6E6E6;
}
#info {
overflow: visible;
width: 100%;
position: fixed;
z-index:2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
top: 0;
left: 0;
}
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
display: block;
float: left;
width:100%;
clear: both;
color: InfoText;
background: InfoBackground url(icon_warning.gif) no-repeat fixed .3em .3em;
padding: .10em .3em .10em 2em;
border-bottom: .16em outset;
text-decoration: none;
cursor: default;
}
#infobar a:hover {
color: HighlightText;
background: Highlight url(icon_warning_hover.gif) no-repeat fixed .3em .3em;
}
#viewplot {
width: 100%;
height: expression(this.parentNode.offsetHeight - this.offsetTop);
overflow-x: hidden;
overflow-y: scroll;
padding: 1em;
}
}
li.row:hover {
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
}
blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote div {
background-color: bleck;
color: #CD853F;
}
blockquote blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote {
background-color: bleck;
}
.content blockquote {
color: #BEBEBE;
}
headerbar {
background-color: #1675bc !important;
}
blockquote {
border-color: #8EBBDF;
background-color: #D2E4F2;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://illiweb.com/fa/admin/icones/help_pt.png);
background-repeat: no-repeat;
background-position: bottom right;
}
#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}
        .colorpicker {
                          width: 356px;
                          height: 176px;
                          overflow: hidden;
                          position: absolute;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
                          font-family: Arial, Helvetica, sans-serif;
                          display: none;
                        }
                        .colorpicker_color {
                          width: 150px;
                          height: 150px;
                          left: 14px;
                          top: 13px;
                          position: absolute;
                          background: #f00;
                          overflow: hidden;
                          cursor: crosshair;
                        }
                        .colorpicker_color div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 150px;
                          height: 150px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
                        }
                        .colorpicker_color div div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 11px;
                          height: 11px;
                          overflow: hidden;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/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://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
                          margin: -4px 0 0 0;
                          left: 0px;
                        }
                        .colorpicker_new_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 213px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker_current_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 283px;
                          top: 13px;
                          background: #f00;
                        }
                        .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://i46.servimg.com/u/f46/16/56/73/62/colorp13.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 {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
                          top: 52px;
                          left: 212px;
                        }
                        .colorpicker_rgb_g {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
                          top: 82px;
                          left: 212px;
                        }
                        .colorpicker_rgb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
                          top: 112px;
                          left: 212px;
                        }
                        .colorpicker_hsb_h {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
                          top: 52px;
                          left: 282px;
                        }
                        .colorpicker_hsb_s {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
                          top: 82px;
                          left: 282px;
                        }
                        .colorpicker_hsb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
                          top: 112px;
                          left: 282px;
                        }
                        .colorpicker_submit {
                          position: absolute;
                          width: 22px;
                          height: 22px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
                          left: 322px;
                          top: 142px;
                          overflow: hidden;
                        }
                        .colorpicker_focus {
                          background-position: center;
                        }
                        .colorpicker_hex.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_submit.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_slider {
                          background-position: bottom;
                        }


-------Reputação------
.vote {
float: right;
margin-left: 4px;
width: 9px;
}
.vote .vote-button {
font-weight: 700;
margin-left: -1px;
text-align: center;
}
.vote .vote-button a {
text-decoration: none !important;
}
.vote .vote-bar {
border: 1px solid #666666;
font-size: 0;
height: 50px;
margin: 0 auto;
width: 3px;
}
.vote .vote-no-bar {
letter-spacing: -2px;
margin-left: -2px;
white-space: nowrap;
}
.vote .vote-bar-plus {
background-color: #00FF00;
}
.vote .vote-bar-minus {
background-color: red;
}

div.vote-count {
background: url("sd-1.archive-host.com/membres/images/142586199450897653/FDF/button_count.png") no-repeat scroll 0 0 transparent;
color: #4AAE00;
font-size: 10px;
font-weight: 700;
height: 17px;
padding-top: 2px;
text-align: center;
width: 27px;
}
td.post-options li, ul.profile-icons li, .post-options li, .post-footer ul.misc-icons li{
color: transparent;
}
/*banner flutuante*/
#popup {
position: absolute;
top: 30%;
left: 30%;
width: 300px;
height: 150px;
padding: 20px 20px 20px 20px;
border-width: 2px;
border-style: solid;
background: #ffffa0;
display: none;
}
----Icone online e offline---
.online{
z-index: 999;
background-image: url(http://i66.servimg.com/u/f66/11/96/49/61/on210.png);
background-position: 100% 35px;
background-repeat: no-repeat;}

.post .corners-top{
background: url(http://i66.servimg.com/u/f66/11/96/49/61/off10.png) no-repeat;
width: 19px;
height: 104px;
float: right;
position: absolute;
z-index: -1 !important;
margin-top: 35px !important;
margin-left: 836px !important;}

.pagination{margin: 0 !important;}



.addthis_button:hover{margin-top: 42px;}
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Icone online e offline

Mensagem por Dury em 17/01/12, 09:12 pm

Olá,

Fire Hell, tente com esse código:
Código:
.online {
z-index: 999;
background-image: url(http://i66.servimg.com/u/f66/11/96/49/61/on210.png);
background-position: 100% 35px;
background-repeat: no-repeat;
   }

.postprofile {
background: url(http://i66.servimg.com/u/f66/11/96/49/61/off10.png) no-repeat;
width: 19px;
height: 104px;
float: right;
position: absolute;
z-index: -1 !important;
margin-top: 35px !important;
margin-left: 836px !important;
   }
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Icone online e offline

Mensagem por Firenando em 17/01/12, 09:15 pm

Não funciou e bugou meu fórum, não aparecia nenhuma imagem, então tirei o código.
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Icone online e offline

Mensagem por MateusV. em 18/01/12, 12:03 am

Olá, subistitua seu CSS para esse
Código:
blockquote div {
 margin-left: 20px;
 }
em{
font-style: normal;
}
blockquote blockquote {
background-color: #E4F4FC;
font-size: 1em;
margin: 0.5em 1px 0pt 15px;
}
blockquote blockquote blockquote {
 background-color: #E4F4FC;
 }
blockquote cite {
font-style: normal;
font-weight: bold;
display: block;
font-size: 0.9em;
}
blockquote cite cite {
 font-size: 1em;
 }
blockquote.uncited {
 padding-top: 25px;
.post {
background-image: url('http://i34.servimg.com/u/f34/12/44/72/18/offl10.png');
background-repeat: no-repeat;
background-position: 100% 0%;
}
.post {
border:1px solid #48829c;
}
ul.linklist li a img {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}
#login_popup_background div.h3 {
color: #FFFFFF;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
color: #FFFFFF;
font-weight: bold;
text-align: center !important;
}
#login_popup_background {
color: #FFFFFF;
text-align: center;
width: 479;
height: 248;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
background-color: #000000;
}
body.chatbox {
background-color: #E6E6E6;
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
background-repeat: no-repeat;
background-position: 100% 0%;
}
#chatbox_footer, #chatbox_footer label {
background-color: #E6E6E6;
color: #000000;
}
#chatbox_footer{
border: 1px solid #cccccc;
}
.chatbox_row_1 {
display: none;
}
.chatbox-title, .chatbox-title a.chat-title {
background-color: #E6E6E6;
color: #000000;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #000000 !important;
}
#chatbox_members, #chatbox_members ul, #chatbox_members ul li {
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
}
#chatbox_members {
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
background-color: #E6E6E66;
color: #000000;
}
.chatbox-title a.chat-title {
color: #000000;
}
#chatbox, .chatbox {
border: 1px solid #cccccc;
}
#chatbox_header {
background-color: #E6E6E6;
}
#info {
overflow: visible;
width: 100%;
position: fixed;
z-index:2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
top: 0;
left: 0;
}
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
display: block;
float: left;
width:100%;
clear: both;
color: InfoText;
background: InfoBackground url(icon_warning.gif) no-repeat fixed .3em .3em;
padding: .10em .3em .10em 2em;
border-bottom: .16em outset;
text-decoration: none;
cursor: default;
}
#infobar a:hover {
color: HighlightText;
background: Highlight url(icon_warning_hover.gif) no-repeat fixed .3em .3em;
}
#viewplot {
width: 100%;
height: expression(this.parentNode.offsetHeight - this.offsetTop);
overflow-x: hidden;
overflow-y: scroll;
padding: 1em;
}
}
li.row:hover {
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
}
blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote div {
background-color: bleck;
color: #CD853F;
}
blockquote blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote {
background-color: bleck;
}
.content blockquote {
color: #BEBEBE;
}
headerbar {
background-color: #1675bc !important;
}
blockquote {
border-color: #8EBBDF;
background-color: #D2E4F2;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://illiweb.com/fa/admin/icones/help_pt.png);
background-repeat: no-repeat;
background-position: bottom right;
}
#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}
        .colorpicker {
                          width: 356px;
                          height: 176px;
                          overflow: hidden;
                          position: absolute;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
                          font-family: Arial, Helvetica, sans-serif;
                          display: none;
                        }
                        .colorpicker_color {
                          width: 150px;
                          height: 150px;
                          left: 14px;
                          top: 13px;
                          position: absolute;
                          background: #f00;
                          overflow: hidden;
                          cursor: crosshair;
                        }
                        .colorpicker_color div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 150px;
                          height: 150px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
                        }
                        .colorpicker_color div div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 11px;
                          height: 11px;
                          overflow: hidden;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/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://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
                          margin: -4px 0 0 0;
                          left: 0px;
                        }
                        .colorpicker_new_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 213px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker_current_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 283px;
                          top: 13px;
                          background: #f00;
                        }
                        .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://i46.servimg.com/u/f46/16/56/73/62/colorp13.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 {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
                          top: 52px;
                          left: 212px;
                        }
                        .colorpicker_rgb_g {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
                          top: 82px;
                          left: 212px;
                        }
                        .colorpicker_rgb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
                          top: 112px;
                          left: 212px;
                        }
                        .colorpicker_hsb_h {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
                          top: 52px;
                          left: 282px;
                        }
                        .colorpicker_hsb_s {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
                          top: 82px;
                          left: 282px;
                        }
                        .colorpicker_hsb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
                          top: 112px;
                          left: 282px;
                        }
                        .colorpicker_submit {
                          position: absolute;
                          width: 22px;
                          height: 22px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
                          left: 322px;
                          top: 142px;
                          overflow: hidden;
                        }
                        .colorpicker_focus {
                          background-position: center;
                        }
                        .colorpicker_hex.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_submit.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_slider {
                          background-position: bottom;
                        }


-------Reputação------
.vote {
float: right;
margin-left: 4px;
width: 9px;
}
.vote .vote-button {
font-weight: 700;
margin-left: -1px;
text-align: center;
}
.vote .vote-button a {
text-decoration: none !important;
}
.vote .vote-bar {
border: 1px solid #666666;
font-size: 0;
height: 50px;
margin: 0 auto;
width: 3px;
}
.vote .vote-no-bar {
letter-spacing: -2px;
margin-left: -2px;
white-space: nowrap;
}
.vote .vote-bar-plus {
background-color: #00FF00;
}
.vote .vote-bar-minus {
background-color: red;
}

div.vote-count {
background: url("sd-1.archive-host.com/membres/images/142586199450897653/FDF/button_count.png") no-repeat scroll 0 0 transparent;
color: #4AAE00;
font-size: 10px;
font-weight: 700;
height: 17px;
padding-top: 2px;
text-align: center;
width: 27px;
}
td.post-options li, ul.profile-icons li, .post-options li, .post-footer ul.misc-icons li{
color: transparent;
}
/*banner flutuante*/
#popup {
position: absolute;
top: 30%;
left: 30%;
width: 300px;
height: 150px;
padding: 20px 20px 20px 20px;
border-width: 2px;
border-style: solid;
background: #ffffa0;
display: none;
}
----Icone online e offline---
.online{
z-index: 999;
background-image: url(http://i66.servimg.com/u/f66/11/96/49/61/on210.png);
background-position: 100% 35px;
background-repeat: no-repeat;}

.post .corners-top{
background: url(http://i66.servimg.com/u/f66/11/96/49/61/off10.png) no-repeat;
width: 19px;
height: 104px;
float: right;
position: absolute;
z-index: -1 !important;
margin-top: 35px !important;
margin-left: 836px !important;}

.pagination{margin: 0 !important;}



.addthis_button:hover{margin-top: 42px;}
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Icone online e offline

Mensagem por Firenando em 18/01/12, 12:38 am

Não funcionou...
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Icone online e offline

Mensagem por bean em 18/01/12, 01:35 am

- Bom vi a situação codifiquei melhor para vc olhe vc retira todos os dados da sua
CSS Folha e lança esses ok depois responde para ver se aprovou ou ñ ok, Codigo abaixo ...


Link CSS:

Código:
blockquote div {
 margin-left: 20px;
 }
em{
font-style: normal;
}
blockquote blockquote {
background-color: #E4F4FC;
font-size: 1em;
margin: 0.5em 1px 0pt 15px;
}
blockquote blockquote blockquote {
 background-color: #E4F4FC;
 }
blockquote cite {
font-style: normal;
font-weight: bold;
display: block;
font-size: 0.9em;
}
blockquote cite cite {
 font-size: 1em;
 }
blockquote.uncited {
 padding-top: 25px;
.post {
background-image: url('http://i34.servimg.com/u/f34/12/44/72/18/offl10.png');
background-repeat: no-repeat;
background-position: 100% 0%;
}
.post {
border:1px solid #48829c;
}
ul.linklist li a img {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}
#login_popup_background div.h3 {
color: #FFFFFF;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
color: #FFFFFF;
font-weight: bold;
text-align: center !important;
}
#login_popup_background {
color: #FFFFFF;
text-align: center;
width: 479;
height: 248;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
background-color: #000000;
}
body.chatbox {
background-color: #E6E6E6;
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
background-repeat: no-repeat;
background-position: 100% 0%;
}
#chatbox_footer, #chatbox_footer label {
background-color: #E6E6E6;
color: #000000;
}
#chatbox_footer{
border: 1px solid #cccccc;
}
.chatbox_row_1 {
display: none;
}
.chatbox-title, .chatbox-title a.chat-title {
background-color: #E6E6E6;
color: #000000;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #000000 !important;
}
#chatbox_members, #chatbox_members ul, #chatbox_members ul li {
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
}
#chatbox_members {
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
background-color: #E6E6E66;
color: #000000;
}
.chatbox-title a.chat-title {
color: #000000;
}
#chatbox, .chatbox {
border: 1px solid #cccccc;
}
#chatbox_header {
background-color: #E6E6E6;
}
#info {
overflow: visible;
width: 100%;
position: fixed;
z-index:2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
top: 0;
left: 0;
}
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
display: block;
float: left;
width:100%;
clear: both;
color: InfoText;
background: InfoBackground url(icon_warning.gif) no-repeat fixed .3em .3em;
padding: .10em .3em .10em 2em;
border-bottom: .16em outset;
text-decoration: none;
cursor: default;
}
#infobar a:hover {
color: HighlightText;
background: Highlight url(icon_warning_hover.gif) no-repeat fixed .3em .3em;
}
#viewplot {
width: 100%;
height: expression(this.parentNode.offsetHeight - this.offsetTop);
overflow-x: hidden;
overflow-y: scroll;
padding: 1em;
}
}
li.row:hover {
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
}
blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote div {
background-color: bleck;
color: #CD853F;
}
blockquote blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote {
background-color: bleck;
}
.content blockquote {
color: #BEBEBE;
}
headerbar {
background-color: #1675bc !important;
}
blockquote {
border-color: #8EBBDF;
background-color: #D2E4F2;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://illiweb.com/fa/admin/icones/help_pt.png);
background-repeat: no-repeat;
background-position: bottom right;
}
#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}
        .colorpicker {
                          width: 356px;
                          height: 176px;
                          overflow: hidden;
                          position: absolute;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
                          font-family: Arial, Helvetica, sans-serif;
                          display: none;
                        }
                        .colorpicker_color {
                          width: 150px;
                          height: 150px;
                          left: 14px;
                          top: 13px;
                          position: absolute;
                          background: #f00;
                          overflow: hidden;
                          cursor: crosshair;
                        }
                        .colorpicker_color div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 150px;
                          height: 150px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
                        }
                        .colorpicker_color div div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 11px;
                          height: 11px;
                          overflow: hidden;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/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://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
                          margin: -4px 0 0 0;
                          left: 0px;
                        }
                        .colorpicker_new_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 213px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker_current_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 283px;
                          top: 13px;
                          background: #f00;
                        }
                        .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://i46.servimg.com/u/f46/16/56/73/62/colorp13.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 {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
                          top: 52px;
                          left: 212px;
                        }
                        .colorpicker_rgb_g {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
                          top: 82px;
                          left: 212px;
                        }
                        .colorpicker_rgb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
                          top: 112px;
                          left: 212px;
                        }
                        .colorpicker_hsb_h {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
                          top: 52px;
                          left: 282px;
                        }
                        .colorpicker_hsb_s {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
                          top: 82px;
                          left: 282px;
                        }
                        .colorpicker_hsb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
                          top: 112px;
                          left: 282px;
                        }
                        .colorpicker_submit {
                          position: absolute;
                          width: 22px;
                          height: 22px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
                          left: 322px;
                          top: 142px;
                          overflow: hidden;
                        }
                        .colorpicker_focus {
                          background-position: center;
                        }
                        .colorpicker_hex.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_submit.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_slider {
                          background-position: bottom;
                        }


-------Reputação------
.vote {
float: right;
margin-left: 4px;
width: 9px;
}
.vote .vote-button {
font-weight: 700;
margin-left: -1px;
text-align: center;
}
.vote .vote-button a {
text-decoration: none !important;
}
.vote .vote-bar {
border: 1px solid #666666;
font-size: 0;
height: 50px;
margin: 0 auto;
width: 3px;
}
.vote .vote-no-bar {
letter-spacing: -2px;
margin-left: -2px;
white-space: nowrap;
}
.vote .vote-bar-plus {
background-color: #00FF00;
}
.vote .vote-bar-minus {
background-color: red;
}

div.vote-count {
background: url("sd-1.archive-host.com/membres/images/142586199450897653/FDF/button_count.png") no-repeat scroll 0 0 transparent;
color: #4AAE00;
font-size: 10px;
font-weight: 700;
height: 17px;
padding-top: 2px;
text-align: center;
width: 27px;
}
td.post-options li, ul.profile-icons li, .post-options li, .post-footer ul.misc-icons li{
color: transparent;
}
/*banner flutuante*/
#popup {
position: absolute;
top: 30%;
left: 30%;
width: 300px;
height: 150px;
padding: 20px 20px 20px 20px;
border-width: 2px;
border-style: solid;
background: #ffffa0;
display: none;
}
----Icone online e offline---
.online{
z-index: 999;
background-image: url(http://i66.servimg.com/u/f66/11/96/49/61/on210.png);
background-position: 100% 35px;
background-repeat: no-repeat;}

.post .corners-top{
background: url(http://i66.servimg.com/u/f66/11/96/49/61/off10.png) no-repeat;
width: 19px;
height: 104px;
float: right;
position: absolute;
z-index: -1 !important;
margin-top: 35px !important;
margin-left: 836px !important;}

.pagination{margin: 0 !important;}



.addthis_button:hover{margin-top: 42px;}
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1003

Ver perfil do usuário http://restinpeacerpg.forumeiros.com/

Resolvido Re: Icone online e offline

Mensagem por Firenando em 18/01/12, 01:37 am

Não resultou...
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Icone online e offline

Mensagem por bean em 18/01/12, 01:59 am

- Bom ai temos um probleminha mas talvez agora resolva fiz com incogtas pra cima, Tenta ai denovo ...


Código:
blockquote div {
 margin-left: 20px;
 }
em{
font-style: normal;
}
blockquote blockquote {
background-color: #E4F4FC;
font-size: 1em;
margin: 0.5em 1px 0pt 15px;
}
blockquote blockquote blockquote {
 background-color: #E4F4FC;
 }
blockquote cite {
font-style: normal;
font-weight: bold;
display: block;
font-size: 0.9em;
}
blockquote cite cite {
 font-size: 1em;
 }
blockquote.uncited {
 padding-top: 25px;
.post {
background-image: url('http://i34.servimg.com/u/f34/12/44/72/18/offl10.png');
background-repeat: no-repeat;
background-position: 100% 0%;
}
.online {
background-image: url('http://illiweb.com/fa/prosilver/icon_user_online_en.png');
}
.post {
border:1px solid #48829c;
}
ul.linklist li a img {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}
#login_popup_background div.h3 {
color: #FFFFFF;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
color: #FFFFFF;
font-weight: bold;
text-align: center !important;
}
#login_popup_background {
color: #FFFFFF;
text-align: center;
width: 479;
height: 248;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
background-color: #000000;
}
body.chatbox {
background-color: #E6E6E6;
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
background-repeat: no-repeat;
background-position: 100% 0%;
}
#chatbox_footer, #chatbox_footer label {
background-color: #E6E6E6;
color: #000000;
}
#chatbox_footer{
border: 1px solid #cccccc;
}
.chatbox_row_1 {
display: none;
}
.chatbox-title, .chatbox-title a.chat-title {
background-color: #E6E6E6;
color: #000000;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #000000 !important;
}
#chatbox_members, #chatbox_members ul, #chatbox_members ul li {
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
}
#chatbox_members {
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
background-color: #E6E6E66;
color: #000000;
}
.chatbox-title a.chat-title {
color: #000000;
}
#chatbox, .chatbox {
border: 1px solid #cccccc;
}
#chatbox_header {
background-color: #E6E6E6;
}
#info {
overflow: visible;
width: 100%;
position: fixed;
z-index:2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
top: 0;
left: 0;
}
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
display: block;
float: left;
width:100%;
clear: both;
color: InfoText;
background: InfoBackground url(icon_warning.gif) no-repeat fixed .3em .3em;
padding: .10em .3em .10em 2em;
border-bottom: .16em outset;
text-decoration: none;
cursor: default;
}
#infobar a:hover {
color: HighlightText;
background: Highlight url(icon_warning_hover.gif) no-repeat fixed .3em .3em;
}
#viewplot {
width: 100%;
height: expression(this.parentNode.offsetHeight - this.offsetTop);
overflow-x: hidden;
overflow-y: scroll;
padding: 1em;
}
}
li.row:hover {
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
}
blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote div {
background-color: bleck;
color: #CD853F;
}
blockquote blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote {
background-color: bleck;
}
.content blockquote {
color: #BEBEBE;
}
headerbar {
background-color: #1675bc !important;
}
blockquote {
border-color: #8EBBDF;
background-color: #D2E4F2;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://illiweb.com/fa/admin/icones/help_pt.png);
background-repeat: no-repeat;
background-position: bottom right;
}
#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}
        .colorpicker {
                          width: 356px;
                          height: 176px;
                          overflow: hidden;
                          position: absolute;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
                          font-family: Arial, Helvetica, sans-serif;
                          display: none;
                        }
                        .colorpicker_color {
                          width: 150px;
                          height: 150px;
                          left: 14px;
                          top: 13px;
                          position: absolute;
                          background: #f00;
                          overflow: hidden;
                          cursor: crosshair;
                        }
                        .colorpicker_color div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 150px;
                          height: 150px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
                        }
                        .colorpicker_color div div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 11px;
                          height: 11px;
                          overflow: hidden;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/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://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
                          margin: -4px 0 0 0;
                          left: 0px;
                        }
                        .colorpicker_new_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 213px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker_current_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 283px;
                          top: 13px;
                          background: #f00;
                        }
                        .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://i46.servimg.com/u/f46/16/56/73/62/colorp13.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 {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
                          top: 52px;
                          left: 212px;
                        }
                        .colorpicker_rgb_g {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
                          top: 82px;
                          left: 212px;
                        }
                        .colorpicker_rgb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
                          top: 112px;
                          left: 212px;
                        }
                        .colorpicker_hsb_h {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
                          top: 52px;
                          left: 282px;
                        }
                        .colorpicker_hsb_s {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
                          top: 82px;
                          left: 282px;
                        }
                        .colorpicker_hsb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
                          top: 112px;
                          left: 282px;
                        }
                        .colorpicker_submit {
                          position: absolute;
                          width: 22px;
                          height: 22px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
                          left: 322px;
                          top: 142px;
                          overflow: hidden;
                        }
                        .colorpicker_focus {
                          background-position: center;
                        }
                        .colorpicker_hex.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_submit.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_slider {
                          background-position: bottom;
                        }


-------Reputação------
.vote {
float: right;
margin-left: 4px;
width: 9px;
}
.vote .vote-button {
font-weight: 700;
margin-left: -1px;
text-align: center;
}
.vote .vote-button a {
text-decoration: none !important;
}
.vote .vote-bar {
border: 1px solid #666666;
font-size: 0;
height: 50px;
margin: 0 auto;
width: 3px;
}
.vote .vote-no-bar {
letter-spacing: -2px;
margin-left: -2px;
white-space: nowrap;
}
.vote .vote-bar-plus {
background-color: #00FF00;
}
.vote .vote-bar-minus {
background-color: red;
}

div.vote-count {
background: url("sd-1.archive-host.com/membres/images/142586199450897653/FDF/button_count.png") no-repeat scroll 0 0 transparent;
color: #4AAE00;
font-size: 10px;
font-weight: 700;
height: 17px;
padding-top: 2px;
text-align: center;
width: 27px;
}
td.post-options li, ul.profile-icons li, .post-options li, .post-footer ul.misc-icons li{
color: transparent;
}
/*banner flutuante*/
#popup {
position: absolute;
top: 30%;
left: 30%;
width: 300px;
height: 150px;
padding: 20px 20px 20px 20px;
border-width: 2px;
border-style: solid;
background: #ffffa0;
display: none;
}
----Icone online e offline---
.online{
z-index: 999;
background-image: url(http://i66.servimg.com/u/f66/11/96/49/61/on210.png);
background-position: 100% 35px;
background-repeat: no-repeat;}

.post .corners-top{
background: url(http://i66.servimg.com/u/f66/11/96/49/61/off10.png) no-repeat;
width: 19px;
height: 104px;
float: right;
position: absolute;
z-index: -1 !important;
margin-top: 35px !important;
margin-left: 836px !important;}

.pagination{margin: 0 !important;}



.addthis_button:hover{margin-top: 42px;}
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1003

Ver perfil do usuário http://restinpeacerpg.forumeiros.com/

Resolvido Re: Icone online e offline

Mensagem por Firenando em 18/01/12, 02:02 am

Não funcionou também...
Cade o Luciano uma hora dessas kk.

Estou a espera de mais tentativas...
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Icone online e offline

Mensagem por bean em 18/01/12, 02:10 am

- Bom cara ai nesse caso você deve tirar todas as suas Fontes CSS e reecreve-las tenho aqui sua ultima Codificação de CSS ai posto na proxima mensagem porque vou dar uma ida no banheiro e já volto, Mais é bem simples mesmo basta ter paciencia e um pouco de conhecimento ehm CSS Folha e olha não esquece de clicar na reputação Ok precisando aqui Flws ..
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1003

Ver perfil do usuário http://restinpeacerpg.forumeiros.com/

Resolvido Re: Icone online e offline

Mensagem por King Gz; em 18/01/12, 08:17 am

Olá,

Testado e aprovado, aqui está o código amigo
.online{background-image:url(http://i66.servimg.com/u/f66/11/96/49/61/on210.png);background-position:100% 35px;background-repeat:no-repeat;z-index:999}

Altere a porcentagem em negrito até o botão se encaixar perfeitamente em seu fórum, ensira este código em sua folha css.

Até mais Piscada
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Resolvido Re: Icone online e offline

Mensagem por Firenando em 18/01/12, 10:27 am

Não funcionou, nunca modifica nada...
Lembrando que minha versão é phpBB 3, isto é possível nessa versão?
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Icone online e offline

Mensagem por King Gz; em 18/01/12, 10:35 am

Fire_Hell escreveu:Não funcionou, nunca modifica nada...

Lembrando que minha versão é phpBB 3, isto é possível nessa versão?

Olá,

Sim, meu fórum de testes é Phpbb3 e este mesmo código funcionou, cheque neste link abaixo
-> http://gztesti.forumeiros.com/t2-

Não sei o motivo de não estar funcionando no seu.
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Resolvido Re: Icone online e offline

Mensagem por Firenando em 18/01/12, 10:41 am

Poderia me mandar sua CSS?

Thanks
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Icone online e offline

Mensagem por King Gz; em 18/01/12, 10:43 am

Fire_Hell escreveu:Poderia me mandar sua CSS?

Thanks

Este fórum de teste eu semre mudo de versão para testar os códigos, por isto meu css está sempre vazio, no momento o único código é este mesmo.
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Resolvido Re: Icone online e offline

Mensagem por Firenando em 18/01/12, 02:25 pm

Eita, então vou esperar o Luciano.
Ele deve conseguir me ajudar...

Mais valeu ai.
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Icone online e offline

Mensagem por BrunoFox em 18/01/12, 02:38 pm

Fire_hell eu to editando um tema pro meu forum que e igual o da ss e fica igual vc quer o online e offline mais se for usar no seu forum sem kerer trocar o tema, dai nao sei... o nome do tema e pokemon azures ( o mateus que me passo ontem)
avatar

BrunoFox
Usuário avançado

Masculino
Inscrito dia : 05/07/2011
Mensagens : 366
Pontos Ativos : 542

Ver perfil do usuário http://templorpgmakerbr.forumeiros.com/

Resolvido Re: Icone online e offline

Mensagem por King Gz; em 18/01/12, 02:47 pm

Olá,

Tente com este
Código:
.online{
z-index: 999;
background-image: url(http://i66.servimg.com/u/f66/11/96/49/61/on210.png);
background-position: 100% 35px;
background-repeat: no-repeat;}

.post .corners-top{
background: url(http://i66.servimg.com/u/f66/11/96/49/61/off10.png) no-repeat;
width: 19px;
height: 104px;
float: right;
position: absolute;
z-index: -1 !important;
margin-top: 35px !important;
margin-left: 836px !important;}

Até mais Piscada
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Resolvido Re: Icone online e offline

Mensagem por Firenando em 18/01/12, 07:01 pm

Resultou!!
Mais teve um pequeno erro.
Eu almentei um pouco as coisas, e fica um pedaço cortadado, e eu queria botar igual a do mega animes, botar do lado, bem no canto...

Link do erro: http://imageshack.us/photo/my-images/837/semttulohew.png/
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Icone online e offline

Mensagem por MateusV. em 18/01/12, 07:03 pm

Olá, adicione o seguinte codigo ao sua folha de estilo CSS:
Código:

.postprofile,.postbody{margin-left: -5px !important;}

.postbody{
border: 2px solid #000000;
min-height: 145px;
width: 74%;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: #c3c3c3;
float: right;
padding: 10px;
position: relative;
left: -5px;}

.postprofile{
margin-top: 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
float: left;
background: #c3c3c3;
border: 2px solid #000000;
padding: 10px 0;}

.post, .post.row, .post.row1, .post.row3 {padding: 0;
background-color: transparent !important;}
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Icone online e offline

Mensagem por Firenando em 18/01/12, 07:06 pm

avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Icone online e offline

Mensagem por King Gz; em 18/01/12, 09:08 pm

Olá,

Não será possível, note que no fórum que citou o local aonda fica a mensagem está menor que o fórum, no caso do seu o local da mensagem está do tamanho do fórum. Entende-me?

Até mais Piscada
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Resolvido Re: Icone online e offline

Mensagem por Firenando em 18/01/12, 11:48 pm

Sim, obrigado.
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum