Como Coloco Shoutbox

3 participantes

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

Tópico resolvido Como Coloco Shoutbox

Mensagem por JrMAFiA 01.05.15 23: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 !
JrMAFiA

JrMAFiA
****

Membro desde : 20/04/2015
Mensagens : 377
Pontos : 638

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como Coloco Shoutbox

Mensagem por RafaelS. 02.05.15 7: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: https://ajuda.forumeiros.com/t99197-

Até mais.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como Coloco Shoutbox

Mensagem por JrMAFiA 02.05.15 17:05

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

JrMAFiA
****

Membro desde : 20/04/2015
Mensagens : 377
Pontos : 638

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como Coloco Shoutbox

Mensagem por RafaelS. 02.05.15 18:04

Olá amigo!

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

Até mais.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como Coloco Shoutbox

Mensagem por JrMAFiA 02.05.15 18: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;
}

JrMAFiA

JrMAFiA
****

Membro desde : 20/04/2015
Mensagens : 377
Pontos : 638

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como Coloco Shoutbox

Mensagem por RafaelS. 02.05.15 18: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.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como Coloco Shoutbox

Mensagem por JrMAFiA 02.05.15 18:34

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

JrMAFiA
****

Membro desde : 20/04/2015
Mensagens : 377
Pontos : 638

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como Coloco Shoutbox

Mensagem por Sennior 02.05.15 21: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.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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