Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» #10422 Forumeiros desativa e reenvia a url para este site
Hoje à(s) 01:35 pm por Shek

» Melhorar a aparência desta caixa
Hoje à(s) 01:00 pm por soldado

» Efeito no avatar em mensagens no tópico
Hoje à(s) 12:35 pm por Harleen

» Remover permissão
Hoje à(s) 11:22 am por Harleen

» Imagem do topico
Hoje à(s) 11:07 am por Harleen

» Template tópicos recentes
Hoje à(s) 10:45 am por Harleen

» [PEDIDO] - Logo
Ontem à(s) 09:38 pm por Tiger

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Harleen
 
Fatalisss
 
JulioPais
 
Holkis
 
Shek
 
APOllO
 
Forumpw
 
MtX
 
Roger_Crazzy
 

Quem está conectado
228 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 223 Visitantes :: 2 Motores de busca

[SRD]JimClark, Holkis, Luan Diiias, Shek, soldado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Como Coloco Shoutbox

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

Resolvido Como Coloco Shoutbox

Mensagem por JrMAFiA em 01/05/15, 07:51 pm

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso : Membro
Navegador usado : Google Chrome
Membros afetados : Somente comigo
Endereço do fórum : http://forum-br-games.forumeiros.com/forum

Descrição do problema

Bom Galera Não sei Como por Shoutbox No meu Forum Ja vi Os codigos inclusive daqui do Forumeiros Mas não sei Colocar tem COmo Falar passo a passo Obrigado !
avatar

JrMAFiA
Usuário avançado

Masculino
Inscrito dia : 20/04/2015
Mensagens : 377
Pontos Ativos : 638

Resolvido Re: Como Coloco Shoutbox

Mensagem por RafaelS. em 02/05/15, 03:17 am

Olá amigo.

O projeto foi abandonado pelo autor por conter vários erros. O mesmo apagou o seu script do banco de dados e desde então ele não irá mais dar suporte sobre essa questão.

No entanto, posso lhe fornecer um código que armazena as mensagens dos usuários e também adiciona o avatar ás mensagens assim como retira as mensagens de conexão e desconexão tornando um pouco semelhante ao shoutbox.

Caso nada disto lhe ajude poderá ler isto: http://ajuda.forumeiros.com/t99197-

Até mais.
avatar

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3109
Pontos Ativos : 4016

http://maisforum.forumeiros.com

Resolvido Re: Como Coloco Shoutbox

Mensagem por JrMAFiA em 02/05/15, 01:05 pm

Bom Amigo Eu até queria Por o chatbox Mas ele da Esse seguinte Erro : Por isso achei Melhor por o shoutbox agradeço Mas se Poder Pode Resolver esse problema Agradeço !
avatar

JrMAFiA
Usuário avançado

Masculino
Inscrito dia : 20/04/2015
Mensagens : 377
Pontos Ativos : 638

Resolvido Re: Como Coloco Shoutbox

Mensagem por RafaelS. em 02/05/15, 02:04 pm

Olá amigo!

Poderia por gentileza me fornecer o seu CSS para efetuar as alterações?

Até mais.
avatar

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3109
Pontos Ativos : 4016

http://maisforum.forumeiros.com

Resolvido Re: Como Coloco Shoutbox

Mensagem por JrMAFiA em 02/05/15, 02:07 pm

Código:
/********** CSS FUENTES **********/

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); }

/********** CSS GENERAL **********/

html, body, .main .main-foot, .main .main-head, .popupInner h3, .cabezal { background: #323232 url(http://ipbskinning.com/demoboard/public/style_images/sylopro/background.png ) repeat; }
body { font-size: 13px; position: relative; font-family: 'Open Sans',sans-serif; }

#pun-head {
display: none;
}
#pun-visit, .main-box {
display: none!important;
}
#pun-intro {
display: none;
}
ul, ol, li { list-style-type: none; }

.pun { background: #fff; padding: 10px 10px; line-height: 120%; -webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1); -moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1); box-shadow: 0 5px 9px rgba(0,0,0,0.1); margin-top: 6px; border-radius: 3px; }
/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/

 .pun a:link { color: #666; }
.pun a:hover { color: #474747; }
    /*Inline CSS for CSS values and limits*/

#branding, #header_bar, #primary_nav { min-width: 980px; }

.pun, .main_width { width: 87%; }

.pun, .main_width { margin: 0 auto; min-width: 800px; }

.main .main-head { margin-top: 9px; }

#copyright:last-child a:first-child:before { content: 'Skin adaptada por Mindlez y diseñada por'; padding-right: 5px; }

#primary_nav.floating { background: #102030 url(http://ipbskinning.com/demoboard/public/style_images/sylopro/navbg.png ) repeat-x; }

/************************************************************************/
/* LISTS */

.ipsList_inline > li {
   display: inline-block;
   margin: 0 3px;
}
   .ipsList_inline > li:first-child { margin-left: 0; }
   .ipsList_inline > li:last-child { margin-right: 0; }
   .ipsList_inline.ipsList_reset > li:first-child { margin-left: 3px; }
   .ipsList_inline.ipsList_reset > li:last-child { margin-right: 3px; }
   .ipsList_inline.ipsList_nowrap { white-space: nowrap; }
   
.ipsList_withminiphoto > li { /*margin-bottom: 8px;*/ padding: 7px; }
.ipsList_withmediumphoto > li .list_content { margin-left: 60px; }
.ipsList_withminiphoto > li .list_content { margin-left: 44px; }
#index_stats .ipsList_withtinyphoto .list_content,
.ipsList_withtinyphoto > li .list_content { margin-left: 32px; }
.list_content { word-wrap: break-word; }

.ipsList_data li { padding: 6px; line-height: 1.3; }
.ipsList_data .row_data { display: inline-block; }
.ipsList_data .row_title, .ipsList_data .ft {
   display: inline-block;
   float: left;
   width: 120px;
   font-weight: bold;
   text-align: right;
   padding-right: 10px;
}

.ipsList_data.ipsList_data_thin .row_title, .ipsList_data.ipsList_data_thin .ft {
   width: 80px;
}
/***CSS HEADER***/

#header_bar { background: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/user_navigation.png) repeat-x; padding: 0; text-align: right; }

.socialicons { float: left; margin: 10px -10px 0 14px; }

.socialicons
.twitter{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/twitter.png)}.socialicons .twitter:hover{opacity:0.2}.socialicons
.facebook{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/facebook.png)}.socialicons .facebook:hover{opacity:0.2}.socialicons
.rss{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/rss.png)}.socialicons .rss:hover{opacity:0.2}.socialicons
.google{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/googleplus.png)}.socialicons .google:hover{opacity:0.2}.socialicons
.youtube{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/youtube.png)}.socialicons .youtube:hover{opacity:0.2}#bcholder{width:100%;height:50px;background:blue;margin-bottom:10px}#primary_nav.floating{border-radius:0 0 4px 4px;box-shadow:5px 5px 10px 0 rgba(0, 0, 0, 0.4);color:#FFF;left:0;margin:0
auto;position:fixed;right:0;text-shadow:none;top:0;z-index:1000}#navcontainer{height:60px}

.socialicons a { display: block; float: left; height: 16px; margin: 0 10px 0 0; opacity: 0.7; text-indent: -9999px; width: 16px; }

/*no logeado css fix issues */

#user_navigation.not_logged_in { height: 26px; padding: 6px 0 4px; }

/*** CSS USER ***/

#user_navigation { color: #9f9f9f; font-size: 11px; }

#user_navigation .ipsList_inline li { margin: 0; }

#user_navigation a { color: #fff; }

img, .input_check, .input_radio { vertical-align: middle; }

#user_navigation #register_link { color: #fff; display: inline-block; padding: 3px 8px; }

/*** CSS BRANDING ***/

#branding { min-height: 64px; }

#logo { display: inline; }

/* este css es el que modifica la apariencia del logo http://i.imgur.com/ilnfbol.png */#textlogo { float: left; padding: 10px; font-size: 24px; margin-top: 6px; text-shadow: 1px 1px 3px #000; transition: all 0.3s ease-in-out 0s; color: #fff; }


/* css buscador */

#search { margin: 19px 0; opacity: .7; transition: all 0,2s; }

#search:hover { opacity: 1; }

fieldset, img { border: 0; }

.hide { display: none; }

#adv_search { width: 16px; height: 16px; background: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/advanced_search.png) no-repeat right 50%; text-indent: -3000em; display: inline-block; margin: 4px 0 4px 4px; }

#search_wrap { position: relative; background: #fff; display: block; padding: 0 26px 0 4px; height: 26px; line-height: 25px; -moz-border-radius: 3px 4px 4px 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 3px; border-radius: 3px 4px 4px 3px; -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2); box-shadow: 0px 2px 4px rgba(0,0,0,0.2); min-width: 230px; border: 2px solid #BEBDBD; }

#main_search { background: transparent; border: 0; font-size: 12px; outline: 0; padding: 0; width: 166px; margin-top: 5px; }

#search_options { font-size: 10px; height: 20px; line-height: 20px; margin: 3px 3px 3px 0; padding: 0 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #eaeaea; display: inline-block; float: right; max-width: 80px; text-overflow: ellipsis; overflow: hidden; }

.clickable { cursor: pointer; }

#search .submit_input { background: transparent url(http://ipbskinning.com/demoboard/public/style_images/sylopro/search_icon.png) no-repeat 50%; text-indent: -3000em; padding: 0; border: 0; display: block; width: 26px; height: 26px; position: absolute; right: 0; top: 0; bottom: 0; }


/********** CSS NAVBAR **********/

#navcontainer { height: 60px; }

#primary_nav { font-size: 13px; background: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/navbg.png) repeat-x; }

#community_app_menu>li { margin: 0px 3px 0 0; position: relative; }

 #community_app_menu>li>a { color: #dfdfdf; display: block; padding: 15px 15px 17px; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); }

#community_app_menu>li.active>a { margin-top: 0; text-shadow: none; box-shadow: 0 1px 15px #000 inset, 1px 0 0 rgba(255, 255, 255, 0.05), -1px 0 0 rgba(255, 255, 255, 0.05); }

#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active { color: #fff; }

/********** CSS INDEX_BOX **********/

#stats,.pun .frm-form, .pun .post { background: #fff; border: 1px solid #E4E2E2; }

.pun-crumbs { margin: 0px; padding: 0px; line-height: 15px; height: 40px; background-color: #FFF; background-image: -webkit-linear-gradient(#FFF,#EEE); background-image: -moz-linear-gradient(#FFF,#EEE)); background-image: -ms-linear-gradient(#FFF,#EEE); background-image: -o-linear-gradient(#FFF,#EEE); background-image: linear-gradient(#FFF,#EEE); -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px #CCC solid; -webkit-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.3), 0 1px 5px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.3), 0 1px 5px rgba(0,0,0,0.1); -ms-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.3), 0 1px 5px rgba(0,0,0,0.1); -o-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.3), 0 1px 5px rgba(0,0,0,0.1); box-shadow: inset 0 -1px 1px rgba(0,0,0,0.3), 0 1px 5px rgba(0,0,0,0.1); }

.pun-crumbs p { color: #777; margin-top: 18px; padding-left: 7px; line-height: 0px; font-size: 11px; }

.pun .main-content { background: #f2f2f2!important; border: 0px; padding: 9px; }

.pun table.table { background: #fff; border: 1px solid #E4E2E2; }

.table tbody.statused tr td { background: #fff!important; border: 0; border-bottom: 1px solid #f3f3f3; padding: 10px; color: #5a5a5a; }

.table tbody.statused tr td div.by.smalltext { font-size: 11px; color: #a4a4a4; }

.pun .table .tch3xd { text-align: right; }

.pun table.table td.col_c_stats { text-align: right; width: 15%; }

.pun table.table th { background-color: transparent; color: #333; padding: .5em 0; font-variant: small-caps; font-family: tahoma; font-size: 13px; }

.table tbody.statused tr td a.forumtitle { color: #666!Important; font-family: 'Open Sans',sans-serif; font-size: 14px; font-weight: 100; }

.table tbody.statused tr td a.forumtitle:hover { color: #666!Important; }

.table tbody.statused tr td .desc { color: #8B8A8A; font-size: 12px; line-height: 18px; }

.main .main-foot, .main .main-head, .cabezal { color: #fff; padding: 10px 10px 11px; font-size: 16px; font-weight: 300; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8) inset; }

.main .main-head .page-title, .main .main-head .page-title .h2, .main .main-head .page-title h2 { color: #fff; font-size: 16px; font-weight: 300; }

div.derechita { margin-left: 26px; }

.table tbody.statused tr td.tdtopics a.topictitle { display: inline-block; font-size: 14px; margin-bottom: 1px; }

.main .ipb-content thead { display: none; }

/******************************************************************
************** CSS VIEW TOPIC BODY, HELL YEAH ********************/

.pun h2, .pun h3, .pun input, .pun select, .pun th { font-family: 'Open Sans',sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; }

img.small { max-height: 12px; margin-left: 3px; margin-top: -2px; opacity: 0.5; }

.desc.blend_links  { font-size: 11px; color: #76716b; }

.desc.blend_links a { font-size: 11px; color: #76716b; }

.pun .post { border-bottom: 0px none }

.pun .post:last-child { border-bottom: 1px solid #dcd6d1!important }

.pun .post .cabezal .author a span strong { font-weight: 100!important; }

.pun .post .cabezal .author a span { color: white!important; }

.pun .post .cabezal .author a { color: white!important; }

.postfoot { border: 0px; clear: both; margin-left: -16em; padding: .5em 1em; text-align: right; }

.pun .posthead { background: transparent; border-bottom: 0px; padding: 10px 6px 10px 9px; font-size: 11px; color: #a49f98; font-weight: normal; }

.pun .posthead h2 { font-family: 'Open Sans',sans-serif; font-size: 12px; }

.pun .post-entry { padding: 1px; line-height: 1.6; word-wrap: break-word; color: #282828; }

.pun .post .user { display: inline; float: left; margin-left: -191px; margin-top: -2.8em; position: relative; text-align: center; width: 164px; }

.pun .postmain { background-color: transparent; border-left: 0px; margin-left: 16em; }

.pun .user-ident .user-basic-info div#Avatar_For_IPB a img { padding: 1px; border: 1px solid #d5d1c8; background: #FDFAF7; -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); max-width: 90px; max-height: 90px; }

.pun .user-ident .user-basic-info div#Avatar_For_IPB a img:hover { border-color: #7b7672; }

.pun .user .user-info { line-height: 1.8em; color: #a49f98; font-weight: normal; font-size: 11px; }

.pun .user-ident .user-basic-info { font-weight: 100; }

/*** CSS MINI AVATAR EN ÍNDICE & SUBFOROS ***/

.mini_ava { float: left; }

.mini_ava img { background: none repeat scroll 0 0 #FFF; border: 1px solid #d5d1c8; box-shadow: 0 2px 2px rgba(0,0,0,0.1); margin: 4PX 10px; padding: 1px; width: 30px; height: 30px; }

.mini_ava img:hover { border-color: #7b7672; }

/** END CSS MINI AVATAR EN ÍNDICE & SUBFOROS ***/

td.tcr span a:empty:before { color: #a49f98; content: "No posts to view."; cursor: default; font-size: 11px; font-style: italic; margin: 1px 0 4px 52px; pointer-events: none; text-align: center; word-wrap: break-word; }


/**********************************************************************
********************        CSS SCEDITOR      ************************/
#textarea_content { text-align: inherit!important; width: 71%!important; }

#textarea_content .sceditor-container { background: #ebe6e1!important; border: 1px solid #C9C4C1; border-radius: 0!important; }

#textarea_content .sceditor-container .sceditor-toolbar { background: none!important; border: 0!important; }

#textarea_content .sceditor-group { background: transparent; border: 0!important; border-radius: 3px!important; border-right: 1px solid rgba(170, 170, 170, 0.53)!important; padding-right: 4px; padding-left: 4px; }

#textarea_content .sceditor-group:last-child { border-right: 0px none!important; }

#textarea_content .sceditor-group a.active, #textarea_content .sceditor-group a.hover, #textarea_content .sceditor-group a:hover { background: #fdfaf7!important; border-radius: 0!important; box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.76); }

#textarea_content .sceditor-container textarea, #textarea_content iframe { background: #FFF!important; border: 1px solid #C9C4C1; border-radius: 0!important; box-shadow: inset rgba(201, 196, 193, 0.44) 0 2px 10px!important; color: #5c5c5c!important; cursor: text!important; padding: 1px 5px!important; width: 96%!important; }

#message-box #textarea_content .sceditor-container { width: 100%!important; }

/**********************************************************************
********************      END CSS SCEDITOR      **********************/


/****CSS AVISO NO-LOGEADOS ****/
h1, h2, h3, h4, h5, h6 { font-size: 100%!important; font-weight: normal; }

#guestcontainer { width: 100%; }
  
.registerbutton { background: none repeat scroll 0 0 #F5C572; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 4px #B0720A inset, 0 1px 0 rgba(255,255,255,0.5); float: right; font-size: 16px; font-weight: lighter; height: 31px; line-height: 29px; margin-bottom: 11px; margin-right: 19px; padding: 11px; text-align: center; width: 222px; opacity: 0.8; }
  
.registerbutton:hover { opacity: 1; }
  
  h3, strong { font-weight: bold!important; }
  
.registerbutton h3 a { color: #B85F1D!important; text-shadow: 0 1px 0 rgba(255,255,255,0.55); }
  
.guestmessage { background: none repeat scroll 0 0 #E4E4E4; font-size: 13px; font-weight: lighter; margin-bottom: 11px; padding: 11px; border-radius: 3px; margin-right: 281px; box-shadow: 0 1px 4px #8e8e8e inset, 0 1px 0 rgba(255, 255, 255, 0.5); text-shadow: 0 1px 0 rgba(255,255,255,0.55); }
  
/**********************************************************************
********************        CSS WIDGETS       ************************/

.module.main { margin: 0 0 0 11px !important; }

.module > .main-head { background: none repeat scroll 0 0 #F2F2F2; border: 1px solid #E0DFDF; color: #666; font-family: 'Open Sans',sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; padding: 5px 10px; text-shadow: inherit!important; box-shadow: none!important; border-radius: 0px; }

.module .main-content { background: transparent!important; border: 0px none; border-radius: 0!important; border-top: 0 none!important; color: #666; font-size: 12px; margin-top: -5px; padding: 10px!important; }

  /***CSS Stats***/

.statistics_head { background: #e2e2e2; color: #4a4a4a; font-size: 13px!important; font-weight: 700; padding: 7px 5px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); }

#onlinelist { -moz-border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; background: #fcfcfc; border: 1px solid #e5e5e5; border-radius: 0 0 4px 4px; border-top: 0; line-height: 1.3; margin: 0; overflow: hidden; padding: 0 10px 10px!important; }

p.leyenda_css { color: transparent; font-size: 12px; font-style: italic; padding: 1px 0 0 0; border-top: 1px dashed rgba(0, 0, 0, 0.08); margin: 4px 0 0 0; }

p.leyenda_css:before { content: 'Our Groups'; color: #5a5a5a; padding-right: 5px; }

#pun-about { background-color: transparent; border: 0px none; line-height: 150%; padding: .6em 1em; text-align: right; font-size: 9px; }

#pun-about #qjump { display: none; }

P[CLASS="RETROGRADO"] { margin: 5PX 0 0 0; }

#board_stats li { margin-right: 20px; }

#board_stats ul { text-align: center; }

#board_stats .value { display: inline-block; background: #e2e2e2; color: #4a4a4a; padding: 2px 6px; font-weight: bold; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-right: 3px; margin-top: 15px; }


/******** CSS FOOTER ********/

#footer_utilities { padding: 10px; font-size: 11px; position: relative; }

/***ir arriba***/ #backtotop { width: 24px; height: 24px; line-height: 20px; left: 50%; margin-left: -12px; position: absolute; display: inline-block; background: #bdbdbd; text-align: center; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; opacity: 0.2; outline: 0; }

/***ir arriba hover***/ #backtotop:hover{background:#bbbaba;color:#fff;opacity:1}

#backtotop img { margin-top: 5px; }

#footer_utilities .ipsList_inline>li>a { margin-right: 0px; padding: 4px 10px; color: #fff; opacity: 0.7; }

#footer_utilities .ipsList_inline>li>a:hover{opacity:1}

#copyright { color: #fff; text-align: right; }

#copyright a { color: #fff; }

/***fix issues***/
#user_navigation.logged_in a { color: #fff; float: left; height: 41px; line-height: 21px; outline: none; padding: 6px 12px 0; }

#avatar img { height: 29px; margin: -4px -6px 0; padding: 0; position: relative; vertical-align: top; width: auto; }

#inbox_link img, #notify_link img {
margin-top: 9px;
}
#inbox_link img { background-image: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/icon_inbox.png); }

#notify_link img { background-image: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/icon_notify.png); }

#inbox_link img, #notify_link img {
background-position: 0 0;
background-repeat: no-repeat;
height: 20px;
margin-top: -2px;
width: 20px;
}

avatar

JrMAFiA
Usuário avançado

Masculino
Inscrito dia : 20/04/2015
Mensagens : 377
Pontos Ativos : 638

Resolvido Re: Como Coloco Shoutbox

Mensagem por RafaelS. em 02/05/15, 02:29 pm

Saudações!

Troque o seu CSS inteiro por este:

Código:
/********** CSS FUENTES **********/

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); }

/********** CSS GENERAL **********/

html, body, .main .main-foot, .main .main-head, .popupInner h3, .cabezal { background: #323232 url(http://ipbskinning.com/demoboard/public/style_images/sylopro/background.png ) repeat; }
body { font-size: 13px; position: relative; font-family: 'Open Sans',sans-serif; }

#pun-head {
display: none;
}
#pun-visit, .main-box {
display: none!important;
}
#pun-intro {
display: none;
}
ul, ol, li { list-style-type: none; }

.pun { background: #fff; padding: 10px 10px; line-height: 120%; -webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1); -moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1); box-shadow: 0 5px 9px rgba(0,0,0,0.1); margin-top: 6px; border-radius: 3px; }
/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/

 .pun a:link { color: #666; }
.pun a:hover { color: #474747; }
    /*Inline CSS for CSS values and limits*/

#branding, #header_bar, #primary_nav { min-width: 980px; }

.pun, .main_width { width: 87%; }

.pun, .main_width { margin: 0 auto; min-width: 800px; }

.main .main-head { margin-top: 9px; }

#copyright:last-child a:first-child:before { content: 'Skin adaptada por Mindlez y diseñada por'; padding-right: 5px; }

#primary_nav.floating { background: #102030 url(http://ipbskinning.com/demoboard/public/style_images/sylopro/navbg.png ) repeat-x; }

/************************************************************************/
/* LISTS */

.ipsList_inline > li {
  display: inline-block;
  margin: 0 3px;
}
  .ipsList_inline > li:first-child { margin-left: 0; }
  .ipsList_inline > li:last-child { margin-right: 0; }
  .ipsList_inline.ipsList_reset > li:first-child { margin-left: 3px; }
  .ipsList_inline.ipsList_reset > li:last-child { margin-right: 3px; }
  .ipsList_inline.ipsList_nowrap { white-space: nowrap; }
 
.ipsList_withminiphoto > li { /*margin-bottom: 8px;*/ padding: 7px; }
.ipsList_withmediumphoto > li .list_content { margin-left: 60px; }
.ipsList_withminiphoto > li .list_content { margin-left: 44px; }
#index_stats .ipsList_withtinyphoto .list_content,
.ipsList_withtinyphoto > li .list_content { margin-left: 32px; }
.list_content { word-wrap: break-word; }

.ipsList_data li { padding: 6px; line-height: 1.3; }
.ipsList_data .row_data { display: inline-block; }
.ipsList_data .row_title, .ipsList_data .ft {
  display: inline-block;
  float: left;
  width: 120px;
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
}

.ipsList_data.ipsList_data_thin .row_title, .ipsList_data.ipsList_data_thin .ft {
  width: 80px;
}
/***CSS HEADER***/

#header_bar { background: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/user_navigation.png) repeat-x; padding: 0; text-align: right; }

.socialicons { float: left; margin: 10px -10px 0 14px; }

.socialicons
.twitter{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/twitter.png)}.socialicons .twitter:hover{opacity:0.2}.socialicons
.facebook{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/facebook.png)}.socialicons .facebook:hover{opacity:0.2}.socialicons
.rss{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/rss.png)}.socialicons .rss:hover{opacity:0.2}.socialicons
.google{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/googleplus.png)}.socialicons .google:hover{opacity:0.2}.socialicons
.youtube{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/youtube.png)}.socialicons .youtube:hover{opacity:0.2}#bcholder{width:100%;height:50px;background:blue;margin-bottom:10px}#primary_nav.floating{border-radius:0 0 4px 4px;box-shadow:5px 5px 10px 0 rgba(0, 0, 0, 0.4);color:#FFF;left:0;margin:0
auto;position:fixed;right:0;text-shadow:none;top:0;z-index:1000}#navcontainer{height:60px}

.socialicons a { display: block; float: left; height: 16px; margin: 0 10px 0 0; opacity: 0.7; text-indent: -9999px; width: 16px; }

/*no logeado css fix issues */

#user_navigation.not_logged_in { height: 26px; padding: 6px 0 4px; }

/*** CSS USER ***/

#user_navigation { color: #9f9f9f; font-size: 11px; }

#user_navigation .ipsList_inline li { margin: 0; }

#user_navigation a { color: #fff; }

img, .input_check, .input_radio { vertical-align: middle; }

#user_navigation #register_link { color: #fff; display: inline-block; padding: 3px 8px; }

/*** CSS BRANDING ***/

#branding { min-height: 64px; }

#logo { display: inline; }

/* este css es el que modifica la apariencia del logo http://i.imgur.com/ilnfbol.png */#textlogo { float: left; padding: 10px; font-size: 24px; margin-top: 6px; text-shadow: 1px 1px 3px #000; transition: all 0.3s ease-in-out 0s; color: #fff; }


/* css buscador */

#search { margin: 19px 0; opacity: .7; transition: all 0,2s; }

#search:hover { opacity: 1; }

fieldset, img { border: 0; }

.hide { display: none; }

#adv_search { width: 16px; height: 16px; background: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/advanced_search.png) no-repeat right 50%; text-indent: -3000em; display: inline-block; margin: 4px 0 4px 4px; }

#search_wrap { position: relative; background: #fff; display: block; padding: 0 26px 0 4px; height: 26px; line-height: 25px; -moz-border-radius: 3px 4px 4px 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 3px; border-radius: 3px 4px 4px 3px; -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2); box-shadow: 0px 2px 4px rgba(0,0,0,0.2); min-width: 230px; border: 2px solid #BEBDBD; }

#main_search { background: transparent; border: 0; font-size: 12px; outline: 0; padding: 0; width: 166px; margin-top: 5px; }

#search_options { font-size: 10px; height: 20px; line-height: 20px; margin: 3px 3px 3px 0; padding: 0 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #eaeaea; display: inline-block; float: right; max-width: 80px; text-overflow: ellipsis; overflow: hidden; }

.clickable { cursor: pointer; }

#search .submit_input { background: transparent url(http://ipbskinning.com/demoboard/public/style_images/sylopro/search_icon.png) no-repeat 50%; text-indent: -3000em; padding: 0; border: 0; display: block; width: 26px; height: 26px; position: absolute; right: 0; top: 0; bottom: 0; }


/********** CSS NAVBAR **********/

#navcontainer { height: 60px; }

#primary_nav { font-size: 13px; background: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/navbg.png) repeat-x; }

#community_app_menu>li { margin: 0px 3px 0 0; position: relative; }

 #community_app_menu>li>a { color: #dfdfdf; display: block; padding: 15px 15px 17px; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); }

#community_app_menu>li.active>a { margin-top: 0; text-shadow: none; box-shadow: 0 1px 15px #000 inset, 1px 0 0 rgba(255, 255, 255, 0.05), -1px 0 0 rgba(255, 255, 255, 0.05); }

#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active { color: #fff; }

/********** CSS INDEX_BOX **********/

#stats,.pun .frm-form, .pun .post { background: #fff; border: 1px solid #E4E2E2; }

.pun-crumbs { margin: 0px; padding: 0px; line-height: 15px; height: 40px; background-color: #FFF; background-image: -webkit-linear-gradient(#FFF,#EEE); background-image: -moz-linear-gradient(#FFF,#EEE)); background-image: -ms-linear-gradient(#FFF,#EEE); background-image: -o-linear-gradient(#FFF,#EEE); background-image: linear-gradient(#FFF,#EEE); -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px #CCC solid; -webkit-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.3), 0 1px 5px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.3), 0 1px 5px rgba(0,0,0,0.1); -ms-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.3), 0 1px 5px rgba(0,0,0,0.1); -o-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.3), 0 1px 5px rgba(0,0,0,0.1); box-shadow: inset 0 -1px 1px rgba(0,0,0,0.3), 0 1px 5px rgba(0,0,0,0.1); }

.pun-crumbs p { color: #777; margin-top: 18px; padding-left: 7px; line-height: 0px; font-size: 11px; }

.pun .main-content { background: #f2f2f2!important; border: 0px; padding: 9px; }

.pun table.table { background: #fff; border: 1px solid #E4E2E2; }

.table tbody.statused tr td { background: #fff!important; border: 0; border-bottom: 1px solid #f3f3f3; padding: 10px; color: #5a5a5a; }

.table tbody.statused tr td div.by.smalltext { font-size: 11px; color: #a4a4a4; }

.pun .table .tch3xd { text-align: right; }

.pun table.table td.col_c_stats { text-align: right; width: 15%; }

.pun table.table th { background-color: transparent; color: #333; padding: .5em 0; font-variant: small-caps; font-family: tahoma; font-size: 13px; }

.table tbody.statused tr td a.forumtitle { color: #666!Important; font-family: 'Open Sans',sans-serif; font-size: 14px; font-weight: 100; }

.table tbody.statused tr td a.forumtitle:hover { color: #666!Important; }

.table tbody.statused tr td .desc { color: #8B8A8A; font-size: 12px; line-height: 18px; }

.main .main-foot, .main .main-head, .cabezal { color: #fff; padding: 10px 10px 11px; font-size: 16px; font-weight: 300; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8) inset; }

.main .main-head .page-title, .main .main-head .page-title .h2, .main .main-head .page-title h2 { color: #fff; font-size: 16px; font-weight: 300; }

div.derechita { margin-left: 26px; }

.table tbody.statused tr td.tdtopics a.topictitle { display: inline-block; font-size: 14px; margin-bottom: 1px; }

.main .ipb-content thead { display: none; }

/******************************************************************
************** CSS VIEW TOPIC BODY, HELL YEAH ********************/

.pun h2, .pun h3, .pun input, .pun select, .pun th { font-family: 'Open Sans',sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; }

img.small { max-height: 12px; margin-left: 3px; margin-top: -2px; opacity: 0.5; }

.desc.blend_links  { font-size: 11px; color: #76716b; }

.desc.blend_links a { font-size: 11px; color: #76716b; }

.pun .post { border-bottom: 0px none }

.pun .post:last-child { border-bottom: 1px solid #dcd6d1!important }

.pun .post .cabezal .author a span strong { font-weight: 100!important; }

.pun .post .cabezal .author a span { color: white!important; }

.pun .post .cabezal .author a { color: white!important; }

.postfoot { border: 0px; clear: both; margin-left: -16em; padding: .5em 1em; text-align: right; }

.pun .posthead { background: transparent; border-bottom: 0px; padding: 10px 6px 10px 9px; font-size: 11px; color: #a49f98; font-weight: normal; }

.pun .posthead h2 { font-family: 'Open Sans',sans-serif; font-size: 12px; }

.pun .post-entry { padding: 1px; line-height: 1.6; word-wrap: break-word; color: #282828; }

.pun .post .user { display: inline; float: left; margin-left: -191px; margin-top: -2.8em; position: relative; text-align: center; width: 164px; }

.pun .postmain { background-color: transparent; border-left: 0px; margin-left: 16em; }

.pun .user-ident .user-basic-info div#Avatar_For_IPB a img { padding: 1px; border: 1px solid #d5d1c8; background: #FDFAF7; -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); max-width: 90px; max-height: 90px; }

.pun .user-ident .user-basic-info div#Avatar_For_IPB a img:hover { border-color: #7b7672; }

.pun .user .user-info { line-height: 1.8em; color: #a49f98; font-weight: normal; font-size: 11px; }

.pun .user-ident .user-basic-info { font-weight: 100; }

/*** CSS MINI AVATAR EN ÍNDICE & SUBFOROS ***/

.mini_ava { float: left; }

.mini_ava img { background: none repeat scroll 0 0 #FFF; border: 1px solid #d5d1c8; box-shadow: 0 2px 2px rgba(0,0,0,0.1); margin: 4PX 10px; padding: 1px; width: 30px; height: 30px; }

.mini_ava img:hover { border-color: #7b7672; }

/** END CSS MINI AVATAR EN ÍNDICE & SUBFOROS ***/

td.tcr span a:empty:before { color: #a49f98; content: "No posts to view."; cursor: default; font-size: 11px; font-style: italic; margin: 1px 0 4px 52px; pointer-events: none; text-align: center; word-wrap: break-word; }


/**********************************************************************
********************        CSS SCEDITOR      ************************/
#textarea_content { text-align: inherit!important; width: 71%!important; }

#textarea_content .sceditor-container { background: #ebe6e1!important; border: 1px solid #C9C4C1; border-radius: 0!important; }

#textarea_content .sceditor-container .sceditor-toolbar { background: none!important; border: 0!important; }

#textarea_content .sceditor-group { background: transparent; border: 0!important; border-radius: 3px!important; border-right: 1px solid rgba(170, 170, 170, 0.53)!important; padding-right: 4px; padding-left: 4px; }

#textarea_content .sceditor-group:last-child { border-right: 0px none!important; }

#textarea_content .sceditor-group a.active, #textarea_content .sceditor-group a.hover, #textarea_content .sceditor-group a:hover { background: #fdfaf7!important; border-radius: 0!important; box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.76); }

#textarea_content .sceditor-container textarea, #textarea_content iframe { background: #FFF!important; border: 1px solid #C9C4C1; border-radius: 0!important; box-shadow: inset rgba(201, 196, 193, 0.44) 0 2px 10px!important; color: #5c5c5c!important; cursor: text!important; padding: 1px 5px!important; width: 96%!important; }

#message-box #textarea_content .sceditor-container { width: 100%!important; }

/**********************************************************************
********************      END CSS SCEDITOR      **********************/


/****CSS AVISO NO-LOGEADOS ****/
h1, h2, h3, h4, h5, h6 { font-size: 100%!important; font-weight: normal; }

#guestcontainer { width: 100%; }
 
.registerbutton { background: none repeat scroll 0 0 #F5C572; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 4px #B0720A inset, 0 1px 0 rgba(255,255,255,0.5); float: right; font-size: 16px; font-weight: lighter; height: 31px; line-height: 29px; margin-bottom: 11px; margin-right: 19px; padding: 11px; text-align: center; width: 222px; opacity: 0.8; }
 
.registerbutton:hover { opacity: 1; }
 
  h3, strong { font-weight: bold!important; }
 
.registerbutton h3 a { color: #B85F1D!important; text-shadow: 0 1px 0 rgba(255,255,255,0.55); }
 
.guestmessage { background: none repeat scroll 0 0 #E4E4E4; font-size: 13px; font-weight: lighter; margin-bottom: 11px; padding: 11px; border-radius: 3px; margin-right: 281px; box-shadow: 0 1px 4px #8e8e8e inset, 0 1px 0 rgba(255, 255, 255, 0.5); text-shadow: 0 1px 0 rgba(255,255,255,0.55); }
 
/**********************************************************************
********************        CSS WIDGETS      ************************/

.module.main { margin: 0 0 0 11px !important; }

.module > .main-head { background: none repeat scroll 0 0 #F2F2F2; border: 1px solid #E0DFDF; color: #666; font-family: 'Open Sans',sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; padding: 5px 10px; text-shadow: inherit!important; box-shadow: none!important; border-radius: 0px; }

.module .main-content { background: transparent!important; border: 0px none; border-radius: 0!important; border-top: 0 none!important; color: #666; font-size: 12px; margin-top: -5px; padding: 10px!important; }

  /***CSS Stats***/

.statistics_head { background: #e2e2e2; color: #4a4a4a; font-size: 13px!important; font-weight: 700; padding: 7px 5px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); }

#onlinelist { -moz-border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; background: #fcfcfc; border: 1px solid #e5e5e5; border-radius: 0 0 4px 4px; border-top: 0; line-height: 1.3; margin: 0; overflow: hidden; padding: 0 10px 10px!important; }

p.leyenda_css { color: transparent; font-size: 12px; font-style: italic; padding: 1px 0 0 0; border-top: 1px dashed rgba(0, 0, 0, 0.08); margin: 4px 0 0 0; }

p.leyenda_css:before { content: 'Our Groups'; color: #5a5a5a; padding-right: 5px; }

#pun-about { background-color: transparent; border: 0px none; line-height: 150%; padding: .6em 1em; text-align: right; font-size: 9px; }

#pun-about #qjump { display: none; }

P[CLASS="RETROGRADO"] { margin: 5PX 0 0 0; }

#board_stats li { margin-right: 20px; }

#board_stats ul { text-align: center; }

#board_stats .value { display: inline-block; background: #e2e2e2; color: #4a4a4a; padding: 2px 6px; font-weight: bold; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-right: 3px; margin-top: 15px; }


/******** CSS FOOTER ********/

#footer_utilities { padding: 10px; font-size: 11px; position: relative; }

/***ir arriba***/ #backtotop { width: 24px; height: 24px; line-height: 20px; left: 50%; margin-left: -12px; position: absolute; display: inline-block; background: #bdbdbd; text-align: center; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; opacity: 0.2; outline: 0; }

/***ir arriba hover***/ #backtotop:hover{background:#bbbaba;color:#fff;opacity:1}

#backtotop img { margin-top: 5px; }

#footer_utilities .ipsList_inline>li>a { margin-right: 0px; padding: 4px 10px; color: #fff; opacity: 0.7; }

#footer_utilities .ipsList_inline>li>a:hover{opacity:1}

#copyright { color: #fff; text-align: right; }

#copyright a { color: #fff; }

/***fix issues***/
#user_navigation.logged_in a { color: #fff; float: left; height: 41px; line-height: 21px; outline: none; padding: 6px 12px 0; }

#avatar img { height: 29px; margin: -4px -6px 0; padding: 0; position: relative; vertical-align: top; width: auto; }

#inbox_link img, #notify_link img {
margin-top: 9px;
}
#inbox_link img { background-image: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/icon_inbox.png); }

#notify_link img { background-image: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/icon_notify.png); }

#inbox_link img, #notify_link img {
background-position: 0 0;
background-repeat: no-repeat;
height: 20px;
margin-top: -2px;
width: 20px;
}
#chatbox_footer {
position: unset;
}
#chatbox_members {
  height: 231px;
  background: #fff;
  position: unset;
}
#chatbox {background: #fff}

Até mais.
avatar

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3109
Pontos Ativos : 4016

http://maisforum.forumeiros.com

Resolvido Re: Como Coloco Shoutbox

Mensagem por JrMAFiA em 02/05/15, 02:34 pm

Obrigado Mesmo , prabéns Podem fechar Tópico .
avatar

JrMAFiA
Usuário avançado

Masculino
Inscrito dia : 20/04/2015
Mensagens : 377
Pontos Ativos : 638

Resolvido Re: Como Coloco Shoutbox

Mensagem por Sennior em 02/05/15, 05:13 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16308
Pontos Ativos : 20794

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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