Tech Mais

O Tech Mais é um fórum que aborda vários temas atuais, de cultura e arte até programação e tecnologia.


Você não está conectado. Conecte-se ou registre-se

 » Programação » Cascading Style Sheet (CSS) » Arquivo: Resolvido » 

Chatbox Igual ao MegaPublicidade

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

avatar
Novato

em Dom Jun 08, 2014 2:10 pm
Minha questão:
Gostei muito do novo chat de vocês, vocês poderiam me fornecer como colocar ele no meu fórum.

E seria possível adicionar aquela caixa do lado com os "Online" e "Ausente"?
seria bacana..

Abraços


Endereço do meu fórum:
http://alfaseduction.ativoforum.com/

Versão:
PunBB

Ver perfil do usuário
avatar
Novato

em Dom Jun 08, 2014 6:49 pm
Olá!

Crie uma página HTML com este código:
--> view-source:techmais.forumeiros.com/h10-

Agora, salve o número da sua página HTML, e crie um novo js:
Código:
$(function(){$('#page-body').prepend('<iframe id="iframe_shoutbox" height="360px" width="100%" frameBorder="0" src="/h10-">Your browser does not support IFRAMEs</iframe>')});
-> Em todas as páginas, procure por '/h10-' troque o 10 pelo número da sua página HTML.

Para o efeito 'online e ausente', descreva melhor? Uma imagem seria bom. ;)

Ver perfil do usuário
avatar
Novato

em Seg Jun 09, 2014 12:41 pm
Sim, gostaria que no lugar da data e hora, ou até por cima caso não dê, ou ainda na lateral... ( como fazer vocês façam heheh )
Aparecessem os conectados e os Ausentes.


Ver perfil do usuário
avatar
Novato

em Seg Jun 09, 2014 4:27 pm
Em cima, seria assim?
-> http://prntscr.com/3r56k1

Ver perfil do usuário
avatar
Novato

em Seg Jun 09, 2014 5:46 pm
Duel escreveu:Em cima, seria assim?
-> http://prntscr.com/3r56k1

Não, este eu ja tenho. Descontente queria este ali da imagem mesmo.. Muito feliz (rindo)

Ver perfil do usuário
avatar
Administrador

em Qui Jun 12, 2014 6:09 pm
Olá amigo,

Dificilmente, será possível inserir tal função aí contudo encontrei um chatbox que poderia lhe agradar, caso contrário ficaremos a analisar o seu pedido e tentar arrumar uma solução para o seu problema. Aqui está o código:

Código:
#chatbox {
background:#fff!important;
border:1px solid #E3E3F5!important;
bottom:55px!important;
left:0!important;
line-height:10px!important;
margin-bottom:0!important;
margin-top:1px!important;
overflow:auto!important;
position:absolute!important;
right:180px!important;
top:40px!important;
}

#chatbox_top {
min-height:360px!important;
}

#chatbox span[style="font-style:italic"]:after {
content:' Clique em login para conectar-se.'!important;
}

#chatbox span[style="font-style:italic"] {
background:#f3e3e6 url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x!important;
border:1px solid #e599aa!important;
color:#80001c!important;
display:block!important;
font-size:14px!important;
font-style:normal!important!important;
font-weight:700!important;
line-height:1.6!important;
padding:10px!important;
text-align:center!important;
}

body.chatbox {
background:#fff!important;
margin:0!important;
padding:0!important;
}

#chatbox_header {
height:30px!important;
}

.chatbox-title,.chatbox-title a.chat-title {
background:url(http://i.imgur.com/zpUIlTa.jpg) no-repeat 88px 8px!important;
color:#323232!important;
font-size:18px!important;
font-style:normal!important;
font-variant:normal!important;
font-weight:300!important;
line-height:1.3!important;
text-decoration:none!important;
}

.chatbox-title {
float:left!important;
margin:0!important;
padding:2px 5px 0!important;
width:15em!important;
}

.chatbox-options {
float:right!important;
font-size:11px!important;
list-style:none!important;
margin:.7em .5em .5em!important;
}

.chatbox-options li {
display:inline!important;
}

.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
color:#323232!important;
}

#chatbox_members {
background:#fff!important;
border:1px solid #eaeaea!important;
border-right:1px dashed #ccc!important;
bottom:55px!important;
overflow:auto!important;
position:absolute!important;
right:0!important;
top:41px!important;
width:180px!important;
}

#chatbox_messenger_form {
margin:10px 0 0!important;
}

#chatbox_members .member-title {
background:#ededed!important;
color:#5a5a5a!important;
font-family:Verdana,Arial,Helvetica,sans-serif!important;
font-size:12px!important;
padding:8px 10px!important;
text-align:left!important;
}

#chatbox_members ul {
list-style:none!important;
margin:0 0 0 1em !important;
}

#chatbox_members ul li {
margin:.5em .5em .5em 0 !important;
}

#chatbox p {
background:#fff!important;
border-bottom:1px solid #e3e3e3!important;
line-height:1.3em!important;
padding:5px!important;
}

.chatbox_row_1 {
background:#f0f0f0!important;
padding:4px!important;
}

.chatbox_row_2 {
background:#f7f7f7!important;
padding:4px!important;
}

.chatbox_row_3 {
background:#f4f9fd!important;
padding:4px!important;
}

#chatbox .user {
font-weight:700!important;
}

.memberlist_row_1 {
background:#f0f0f0!important;
}

#chatbox_footer {
background:#ededed!important;
border:1px solid #d6d6d6!important;
border-bottom-width:4px!important;
border-top:1px dashed #ccc!important;
bottom:0!important;
height:55px!important;
left:0!important;
padding:4px!important;
position:absolute!important;
right:0!important;
}

#message,#submit_button {
border-width:1px!important;
}

.fontbutton {
-moz-border-radius:2px;
-moz-box-shadow:rgba(0,0,0,0.43) 0 1px 3px;
-webkit-border-radius:2px;
-webkit-box-shadow:rgba(0,0,0,0.43) 0 1px 3px;
background:#646464 url(http://i58.servimg.com/u/f58/18/62/03/31/highli17.png) repeat-x 0 0;
border:1px solid #585858!important;
border-radius:2px;
box-shadow:rgba(0,0,0,0.43) 0 1px 3px;
color:#fff;
font-family:tahoma,helvetica,arial,sans-serif;
font-size:13px;
font-style:normal;
font-variant:normal;
font-weight:400;
margin-top:8px!important;
padding:4px 10px;
text-shadow:#474747 0 -1px 0;
}

#chatbox_contextmenu {
background:#f4f9fd!important;
border:2px solid #000!important;
}

#chatbox_contextmenu p {
background:#f0f0f0!important;
border-bottom:1px solid #777!important;
font-family:verdana, arial, sans-serif!important;
margin:0!important;
padding:1px 4px!important;
}

#chatbox_contextmenu p.hover {
background:#f7f7f7!important;
}

#chatbox_contextmenu p.close {
background:url()!important;
color:#fff!important;
font-size:95%!important;
padding:1px!important;
}

#chatbox_contextmenu p.close img {
padding-left:20px!important;
vertical-align:middle!important;
}

#chatbox_contextmenu a {
color:#2f2f2f!important;
font-size:95%!important;
text-decoration:none!important;
}

#simple-wrap {
background:#fff!important;
}

#divbold:after {
content:'Bold'!important;
}

#divitalic:after {
content:'Italic'!important;
}

#divunderline:after {
content:'Underline'!important;
}

.main-content.chatbox {
border:1px solid #ddd!important;
height:368px;
overflow:hidden;
padding:8px 8px 0!important;
}

#chatbox p span[style="color:green !important;"],#chatbox p span[style="color:red;"] {
background:#FAFAD2!important;
}

#chatbox_messenger_form .right label {
font-size:0!important;
}

#chatbox_footer .right:first-child {
float:left!important;
width:45%!important;
}

input#message.post {
background:#fff!important;
height:30px!important;
outline:0!important;
width:78%!important;
}

#submit_button {
background:url(http://i.imgur.com/IoFhTvG.png) repeat-x #212121 top!important;
border:1px solid #212121!important;
box-shadow:#212121 0 0!important;
color:#fff!important;
font-family:tahoma,helvetica,arial,sans-serif!important;
font-size:13px!important;
font-style:normal!important;
font-variant:normal!important;
font-weight:400!important;
margin:0 5px 0 8px !important;
padding:4px 10px!important;
}

#divstrike:after {
content:'Strike'!important;
}

#divcolor:after {
content:'Color'!important;
}

#divsmilies:after {
content:'Smilies'!important;
}

#chatbox span[title] {
color:#b3b3b3!important!important;
float:right!important!important;
}

#chatbox:after {
background:#F5FFF6 url(http://i.imgur.com/g3NBjqp.png) repeat-x!important;
border:1px solid #D3EED5!important;
border-right:0!important;
color:#1F691C!important;
content:'Não Daremos Suporte por CHAT, Peça ajuda apenas por Tópico.'!important;
display:block!important;
font-size:12px!important;
line-height:1.6!important;
margin:-1px 0 -2px -1px;
padding:10px!important;
}

#chatbox_messenger_form input#message {
font-family:OpenSans!important;
font-size:18px!important;
height:24px!important;
margin-top:6px!important;
max-width:400px!important;
padding:0!important;
}

body[bgcolor] {
min-height:360px;
}

#chatbox_header.main-head {
background:#f5f5f5 url(http://imgur.com/iy2rLu3.png) repeat-x;
border:1px solid #eaeaea;
height:40px!important;
padding-left:.3em;
}
´

Agradecimentos especiais a bi0s, Daemon, jScript, Flames, Wagner, Sherlock.

Até mais.

Ver perfil do usuário http://techmais.forumeiros.com
avatar
Novato

em Qui Jun 12, 2014 7:51 pm
Lindo, só alguns ajustes que estamos conversando no proprio chat e irá ficar perfeito.. Muito feliz (rindo)

Ver perfil do usuário
avatar
Administrador

em Seg Jun 16, 2014 8:49 pm
AlfaSeduction escreveu:Lindo, só alguns ajustes que estamos conversando no proprio chat e irá ficar perfeito.. Muito feliz (rindo)


Olá,

Ajustes foram feitos, podemos arquivar seu tópico?

Até mais.

Ver perfil do usuário http://techmais.forumeiros.com
avatar
Novato

em Seg Jun 16, 2014 9:02 pm
Ainda não, como conversado, falta resolver a questão do ajuste dos botões ao deixar a página, menor. Muito feliz (rindo)

Aguardando uma solução.

Ver perfil do usuário
avatar
Administrador

em Seg Jun 16, 2014 9:06 pm
Olá,

Adicione a sua folha de estilos (CSS):

Código:
.fontbutton {padding: 4px 8px !important;}

Até mais.

Ver perfil do usuário http://techmais.forumeiros.com
avatar
Novato

em Seg Jun 16, 2014 9:42 pm
Deu boa, pode fechar o fórum. Muito feliz (rindo)

Ver perfil do usuário
avatar
Usuário ativo

em Ter Jun 17, 2014 6:16 pm
[sucesso=Questão resolvida.][/sucesso]

Tópico movido de "Suporte a códigos" para "Arquivo: Questões resolvidas"

Ver perfil do usuário http://hackerjustice.forumeiros.com/
Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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