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
» Como trasnferir um site do wix para forumeiros?
Hoje à(s) 16:35 por iScroll

» Caixa de Login
Hoje à(s) 16:34 por iScroll

» Como fazer sub entrada?
Hoje à(s) 16:14 por Czins

» (PEDIDO) logo
Hoje à(s) 14:33 por APOllO

» Como ocultar iframe de um tópico para visitantes
Hoje à(s) 13:46 por Luiz

» Personalizar cabeçalho
Hoje à(s) 13:12 por iScroll

» Personalizar posts
Hoje à(s) 11:00 por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
APOllO
 
Luiz
 
odelgado
 
Kyko
 
mrvisible
 
Shek
 
iScroll
 
Czins
 

Quem está conectado
284 usuários online :: 11 usuários cadastrados, Nenhum Invisível e 273 Visitantes :: 2 Motores de busca

Connor R., Czins, iScroll, Josh2, lMatador,13, Luiz, Maori, odelgado, Pedxz, Shek, SnowGray

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 12:05

Como Coloco Shoutbox

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

Resolvido Como Coloco Shoutbox

Mensagem por JrMAFiA em Sex 1 Maio 2015 - 19:51

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 Sab 2 Maio 2015 - 3:17

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 Sab 2 Maio 2015 - 13:05

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 Sab 2 Maio 2015 - 14:04

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 Sab 2 Maio 2015 - 14:07

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 Sab 2 Maio 2015 - 14:29

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 Sab 2 Maio 2015 - 14:34

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 Sab 2 Maio 2015 - 17:13

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 : 16304
Pontos Ativos : 20795

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