Inserir ícone "Offline" no fórum

3 participantes

Ir para baixo

Tópico resolvido Inserir ícone "Offline" no fórum

Mensagem por [A]ndreyvieira 07.08.11 23:03

Qual é minha questão:
Adicionei a imagem de online no painel de controle, mas ela ficou repetitiva, como corrigir isso?

Medidas que eu tomei para corrigir o problema:
--

Imagens do meu problema:
http://static.panoramio.com/photos/original/56986223.jpg

Endereço do meu fórum:
http://supremedestiny.forumeiros.com/

Versão do meu fórum:
PHPBB3


Última edição por [A]ndreyvieira em 11.08.11 15:15, editado 4 vez(es)
[A]ndreyvieira
[A]ndreyvieira
***

Membro desde : 06/08/2011
Mensagens : 162
Pontos : 280

http://igames-br.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Inserir ícone "Offline" no fórum

Mensagem por seender 07.08.11 23:14

Olá!

Utilize este código:
Código:
.online{
background-repeat: no-repeat;
}
Adicione em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender
Tópico movido de 'Questões diversas' para 'Questões sobre a aparência do fórum'
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Inserir ícone "Offline" no fórum

Mensagem por [A]ndreyvieira 07.08.11 23:28

Adicionei isso, mas não mudou nada !

"Folha de estilo CSS" no Spoiler abaixo, para dar uma olhada.
Spoiler:
[A]ndreyvieira
[A]ndreyvieira
***

Membro desde : 06/08/2011
Mensagens : 162
Pontos : 280

http://igames-br.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Inserir ícone "Offline" no fórum

Mensagem por Consolado 09.08.11 16:57

Olá,

Leia este tópico autor: https://ajuda.forumeiros.com/-t23170.htm

Atenciosamente, Today! Muito feliz
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Inserir ícone "Offline" no fórum

Mensagem por [A]ndreyvieira 09.08.11 22:45

Já utilizei este tópico, mas mesmo assim fica repetitivo o ícone de online !

Utilizei estes 2 códigos:
.online {
background-repeat: no-repeat;
}
div.post {
background-repeat: no-repeat;
}
[A]ndreyvieira
[A]ndreyvieira
***

Membro desde : 06/08/2011
Mensagens : 162
Pontos : 280

http://igames-br.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Inserir ícone "Offline" no fórum

Mensagem por seender 09.08.11 23:27

Olá!

Utilize este código no lugar deste acima:
Código:
.postbody a:link, .postbody a:visited, .postbody a:active {
color: #FF8000;
}

.postbody a:hover {
text-decoration: underline;
color: #707070;
}


blockquote {
background-color: #EEEEEE; }

blockquote blockquote {
background-color: #F0F0F0; }

#page-header #logo {
position: absolute;
top: 75px;
padding-left: 150px;
}

#login_popup {
background-image: url('http://i65.servimg.com/u/f65/14/65/14/03/captur43.png');
background-position: top !important;
background-repeat: repeat-x;
background-atachment: scroll;
}

#page-header
 .navbar span.corners-top, #page-header .navbar span.corners-bottom,
#page-header .navbar span.corners-top span, #page-header .navbar
span.corners-bottom span {
display: none;
}
#page-header  #search-box{
display: none;
}

blockquote {
background-color: #F8F8F8;
}
blockquote blockquote blockquote  {
background-color: #F8F8F8;
}
blockquote blockquote blockquote {
background-color: #F8F8F8;
}

body{
top: 3px;
background: #ffffff url('http://i35.servimg.com/u/f35/14/65/14/03/captur24.png') repeat-x -5px 14px;
padding-top: 230px !important;
background-attachment: scroll;
}

#page-header .navbar {
position: absolute;
width: 100%;
padding: 0px;
top: 30px;
left: 0px;
background: none;
}

/* Menu personalizado - Criado por danielmendes */

#page-header .navbar ul.linklist li a{
font-family: comic sans ms;
text-decoration: none !important;
color: #fff;
font-size: 14px;
word-spacing: 0px !important;
height: 50px;
display: inline-block;
}

#page-header .navbar ul.linklist li:hover{
width: 100%;
height: 50px;
background-color: #;
background-position: center;
}

#page-header .navbar ul.linklist li{
padding: 6px 3px 6px 9px;
background: url('') bottom;
}

#page-header
 .headerbar span.corners-top, #page-header .headerbar span.corners-top
span, #page-header .headerbar span.corners-bottom, #page-header
.headerbar span.corners-bottom span {
background-image: none;
}

#page-header
 .navbar span.corners-top, #page-header .navbar span.corners-top span,
#page-header .navbar span.corners-bottom, #page-header .navbar
span.corners-bottom span {
display: none;
}

textarea#text_editor_textarea{background-image:()}

#message-box textarea#text_editor_textarea{background-image:()}

.a.gen,a.genmed,a.gensmall {
font-weight: lighter;
}
.gen,.genmed,.gensmall {
font-weight: lighter;
}
.genmed {
font-weight: lighter;
}
.gensmall {
font-weight: lighter;
}

/* Texto: Anúncio & A ler */
.forumbg li.header dt {
font-weight: bold;
color: #E8E8E8;
}

/* Texto: Tópicos */
.forumbg li.header dd.dterm {
font-weight: bold;
color: #E8E8E8;
}

/* Texto: Respostas */
.forumbg li.header dd.posts {
font-weight: bold;
color: #E8E8E8;
}

/* Texto: Visto */
.forumbg li.header dd.views {
font-weight: bold;
color: #E8E8E8;
}

/* Texto: Última Mensagem */
.forumbg li.header dd.lastpost {
font-weight: bold;
color: #E8E8E8;
}

/* Texto: Nome da categoria/fórum */
.forabg li.header dd.dterm h2 {
font-weight: bold;
color: #E8E8E8;
}

/* Texto: Tópicos */
.forabg li.header dd.topics {
font-weight: bold;
color: #E8E8E8;
}

/* Texto: Mensagens */
.forabg li.header dd.posts {
font-weight: bold;
color: #E8E8E8;
}

/* Texto: Última Mensagem */
.forabg li.header dd.lastpost {
font-weight: bold;
color: #E8E8E8;
}

.forabg {
border: none !important;
}

.forumbg {
border: none !important;
}

ul.linklist li a img {
filter:alpha(opacity=40);
-moz-opacity: 0.5;
opacity: 0.5;
}
ul.linklist a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 0.6;
opacity: 0.5;
}

.post {
background-image: url('http://i35.servimg.com/u/f35/14/65/14/03/captur27.png);
background-position: top;
background-repeat: repeat-x;
background-attachment: scroll;
border: 1px #ccc solid;
}


/* ********** Restoo ********** */

#wrap {
-webkit-box-shadow: 0px 0px 30px #ff8000;
-moz-box-shadow: 0px 0px 10px #ff8000;
-webkit-box-shadow: 0px 0px 30px #ff8000;
-moz-box-shadow: 0px 0px 10px #ff8000;
border: 1px solid #ccc;
background-image: url('http://2img.net/i/fa/empty.gif');
background-position: bottom;
background-repeat: repeat-x;
}


/* ********** resto ********** */

.mes-txt, .panel p, .panel div.mes-txt, .navbar, .module {
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 0px solid black;
}

#page-header #search-box input {
display: none;
}

hr {
background-color: #FFFFFF;
border-top-color: #FFFFFF;
border-left-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-top-style: solid;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
}

#wrap {
padding-left: 20px !important;
}

#wrap {
padding-right: 17px !important;
}

li.row {
border: 1px solid #fff;
}

li.row:hover {
background-color: #fff;
}

div.h3 {
border-color: #eeeeee !important;
font-family: Comic Sans MS !important;
text-align: left !important;
}

dl.codebox code {
color: #909090;
}

.navbar {
padding: 3px;
}

p.center-overview {
font-size: 10px;
}

#li.row {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
background-color: #ffffff;
}

#li.row:hover {
background-color: #ffffff;
}

#flutu {
text-align: right;
}

.hosped {
border: 1px solid #ccc;
width:550px;
text-align:center;
background-image: url();
background-repeat: repeat-x;
background-position: bottom;
-moz-border-radius:10px;
height:35px;
padding-top: 15px;
}

.resizebox .resize_border {
text-color: #ccc;
background-color: transparent;
-moz-border-radius:10px;
border:0px solid #000;
}

a.fullsize {
text-color: #ccc;
color: transparent !important;
background-image: none;
background-repeat: no-repeat;
height: 20px;
width:130px;
}

.resize {
text-color: #ccc;
color: transparent !important;
background-image: none;
background-repeat: no-repeat;
height: 20px;
width:130px;
}

a.enlarge {
text-color: #ccc;
color: transparent !important;
background-image: none;
background-repeat: no-repeat;
height: 20px;
width:130px;
}

/* THIS CODE IS TO PERSONALIZE A WIDGET, NOT TO ERASE  */

.feedburnerFeedBlock img {
display: none;
}
.feedburnerFeedBlock li {
padding: 10px 5px;
min-height: 40px;
-moz-border-radius: 0px 0px 0px #fff;
border:1px dotted #ccc;
}
.feedburnerFeedBlock li:hover {
background-color: #f2f2f2;
}

.feedburnerFeedBlock li a{
font-size: 1.2em;
font-family: Arial,Helvetica,sans-serif;
background: url(http://www.forumeiros.com/i/img/puce_fleche.png) 0% 50% no-repeat;
padding-left: 15px;
color: #000;
-moz-border-radius: 0px 0px 0px #fff;
}

.feedburnerFeedBlock li p.date {
margin: -2px 0px;
font-size: 1.0em;
background: url(http://2img.net/i/fa/subsilver/icon_miniposted.gif) 0% 50% no-repeat;
padding-left: 15px;
-moz-border-radius: 0px 0px 0px #fff;
}

.feedburnerFeedBlock li p.feedItemAuthor {
margin: -2px 0px;
font-size: 1.0em;
-moz-border-radius: 0px 0px 0px #fff;
}

.feedburnerFeedBlock ul li div {
color: #000;
line-height: 100%;
text-align: justify;
-moz-border-radius: 0px 0px 0px #fff;
}

/* THIS CODE IS TO PERSONALIZE A WIDGET, NOT TO ERASE  */
#popup {
position: absolute;
top: 30%;
left: 30%;
width: 300px;
height: 150px;
padding: 20px 20px 20px 20px;
border: 1px #ccc solid;
background: #fff;
background-image: url('');
background-position: center bottom;
background-repeat: repeat-x;
}

.post img {
max-width: 100%;
}

.module {
margin-bottom: 4px;
padding: 0 10px;
}

.module {
background-image: url('');
background-repeat: repeat-x;
border: 1px solid #fff;
}

.module span.corners-top, .module span.corners-bottom {
margin: 0 -10px;
}

.module .h3,.introduction .h3 {
margin: 0.5em 0;
color: #808080;
border-bottom: 1px solid #ff8000;
border-top: 0px solid #ff8000;
border-left: 0px solid #ff8000;
border-right: 0px solid #ff8000;
height: 1%;
text-align: left;
text-transform: capitalize;
font-size: 12px;
margin-top: -1px;
padding-bottom: 5px;
-moz-border-radius: 0px 0px 0px #fff;
}

.module ul, .module ol {
list-style-position: inside;
box-shadow: 0 0 1em #ccc;
}

.module dl.details dt {
width: 10em;
text-align: left;
margin-left: 5px;
box-shadow: 0 0 1em #ccc;
}

.module dl.details dd {
margin-left: 0px;
box-shadow: 0 0 1em #ccc;
}

.module table.mod-top-posters {
table-layout: fixed;
box-shadow: 0 0 1em #ccc;
-moz-box-shadow: 0 0 1em #ccc;
-webkit-box-shadow: 0 0 1em #ccc;
}

.module .fields1 dd {
margin-left: 0;
}

.module h3 {
margin: 0.5em 0;
color: #000000;
border-bottom: 1px solid #696969;
border-top: 0px solid #ff8000;
border-left: 0px solid #ff8000;
border-right: 0px solid #ff8000;
color: #ccc;
text-align: center;
text-transform: capitalize;
font-size: 12px;
margin-top: -1px;
padding-bottom: 5px;
}

.h3 {
text-align: center;
color: #6f6f6f;
background-image: url('');
background-position: bottom;
background-repeat: repeat-x;
border: 1px solid #fff;
-moz-border-radius: 10px;
}

h1.page-title {
color: #ccc;
}

.post .content img {max-width: 100%;}
.postbody ul.profile-icons {margin-right: 0px;}
.postbody ul.profile-icons li {margin: 0 0px;}
*html body {padding-top: 25px;}
.search .postbody img {max-width: 100%;}

input.button1, input.button2, button.button2 {
background-image: url('http://2img.net/i/fa/empty.gif');
-moz-border-radius: 2px;
outline: none;
}

.signature {
border: 1px solid #ccc;
background-image: url('');
background-position: bottom;
background-repeat: repeat-x;
}

.forumbg.announcement {
border: 1px solid #ccc;
margin-top: 10px;
}

li.row dl.icon dd.dterm {
text-shadow: none;
}

.forumbg, .forabg {
width: 98%;
margin-top: 10px;
}

.table-title h2, dl.icon dt, dl.icon dd.dterm {
text-shadow: none;
}

li.row dl.icon dd.dterm {
text-shadow: none;
}

tr.row3 {
border: 1px solid #ccc;
}

.table-title, .table-title h2, li.header dt, li.header dd {
color: #ccc;
}

#page-header .navbar {
box-shadow: 3px 3px 5px #f2f2;
-moz-box-shadow: 0 0 1em #f2f2;
-webkit-box-shadow: 3px 3px 5px #f2f2;
}

ul.navlinks {
border-bottom: 0px solid #fcfcfc;
font-size: 13px;
margin-top: -5px;
word-spacing: 0px;
}

.navbar {
color: #6f6f6f;
}

.last-post-icon {
margin-bottom: -9px;
}
ul#picture_legend {
display:none;
}
a {
outline: none;
}

em {
font-style: normal;
font-size: 10px;
font-weight: normal;
}
.postprofile {
text-align: center;
}
/* Light Box - Brazucas ----------------------------------------------*/
#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;
}
#lightboxCaption{ float: left;
}
#keyboardMsg{ float: right;
}
#lightbox img{ border: none;
}
#overlay img{ border: none;
}
#overlay{ background-image: url(http://www.huddletogether.com/projects/lightbox/overlay.png);
}
* html #overlay{
background-color: #000;
background-color: transparent;
background-image: url(http://www.huddletogether.com/projects/lightbox/blank.gif);
filter:
 
progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.huddletogether.com/projects/lightbox/overlay.png",
 sizingMethod="scale");
}
#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: expres​sion(this.parentNode.offsetHeight - this.offsetTop);
overflow-x: hidden;
overflow-y: scroll;
padding: 1em;
}

#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
background-color: #f2f2f2;
color: #000000;
}
#infobar a:hover {
background-color: #CBCBCB;
color: #000000;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #dedede;
}
table.table2 {
margin: 0 -2px -1px -1px;
text-align:center;
margin-left: 320px;
border:1px dotted #ccc;
}
table.table3 {
margin-left: 0px;
border:1px dotted #ccc;
}
a:link,a:active,a:visited {
text-decoration: none;
}
a:link:hover,a:active:hover,a:visited:hover {
text-decoration: none;
}
body {
padding: 25px;
}
#chatbox, body.chatbox, .chatbox {
border: 0px solid #000000;
}
#chatbox_members, #chatbox_footer {
border: 0px solid #000000;
background-color: transparent !important;
}
.chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
border-left: 0px solid #000000;
}
.fontbutton, .fontbutton_normal, .fontbutton_selected, .fontbutton_clicked, .fontbutton_hover {
background-color: transparent !important;
}
body {
padding-top: 15px;
}
.postprofile dt img, dl.left-box dt img {
border:3px solid #000000;
}
.online{
background-repeat: no-repeat;
}
Até mais!
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Inserir ícone "Offline" no fórum

Mensagem por [A]ndreyvieira 09.08.11 23:41

Olá !

Agora sim funcionou, mas o botão ficou bem no meio do tópico e não no canto..
Como corrigir?
[A]ndreyvieira
[A]ndreyvieira
***

Membro desde : 06/08/2011
Mensagens : 162
Pontos : 280

http://igames-br.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Inserir ícone "Offline" no fórum

Mensagem por [A]ndreyvieira 11.08.11 15:14

Duvida resolvida !
[A]ndreyvieira
[A]ndreyvieira
***

Membro desde : 06/08/2011
Mensagens : 162
Pontos : 280

http://igames-br.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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