+105 COMUNIDADE
mak!
djtaylonb
shadowic
Iron Man
Js
mito2
Becker
SaN
Smoker_TridenT
taxynha
leean77
Stark'
GlowHPS
zMacro
NeverSay
Krounds
Necr0
analulupo
Ivanaruto
RPG_RAZERX
odzGFX
SneakMen
Leanjucas
S1L3NC3
Franco
Wu4ll
DooGy00
r.KLGaming
virus
Nac
HardDrik
arcanjj
WinaTickets
yaTTo
thugx123
Dub.
binho
b3mon
p0wer
RonaldoWynnek
Tonight
gurila666
Atzu
Suspeito_Phoenix
pain.Castiel
Faeel
deaneo8
lasperpen
diethnicos
CMPunk
B.I.G.
hector225
Shadowz
Semvida
Zero
ZéPaulo
System
Noumi
Loko-poko
tdias72
Victor_VerTeXs
DigoDzerjinsky
Redline
VitorNobre
Deywes
Deh
mRaAy
Obey
oliveeirandre
Kyon
maskrosedevils
while1
Becker_xxx
ChuckSwaG
xbctkun
zNiinja
terabin
PlanetMonster
_umbrella
Harleen
lucasyori
rafusqui
Eduardo'
@Brunno
Tech-Downloads
Desadikta
Diapt
Micul`Wji
Danielmoraes105
DeeW.
matonskie23
Gustavo_25478
lucas_sousa
duuuwh
Dark-Avenger
[K]oke
Kincy
Fire
Nike09
Anderson Santana
djblah
xcjonathancx
Zeek
Cepheus
109 participantes
Cepheus • Qua 20 Abr 2016 - 16:58
Reputação da mensagem: 100% (53 votos)
Relembrando a primeira mensagem : [Tutorial] ChatBox estilo IPB Antes de começar certifique de que sua skin não seja modificada, caso seja você precisará tirar qualquer CSS relacionada ao chatbox, se tiverem duvidas em relação a isso crie um tópico com sua folha de estilo para poder obter suporte. Para uma melhor experiência recomendo usar o JS feito pelo nosso amigo JScript , Auto Logon in Chat Box! Após isso vá em Painel de Controle Visualização Imagens e Cores Cores folha de estilo CSS [guest] Código: @font-face { font-family: 'Play'; font-style: normal; font-weight: 400; src: local('Play'), local('Play-Regular'), url(https://fonts.gstatic.com/s/play/v7/ZNo-5SxCwH1CXgZ-n3bt2g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } body[bgcolor] { background: #fff; } .chatbox_row_1.clearfix.shout-0 span span[style="color:undefined"] { font-size: 0px; } .chatbox-options li a span#chatbox_option_co:before { content: "Para visualizar as mensagens clique em login."; text-align: center; margin-top: 125px; background: #FFFFFF!important; width: 100%; height: 80px; right: 0; position: absolute; z-index: 1; display: block; border-top: 1px solid #ebebeb; font-size: 14px!important; color: #000; } .chatbox-options li a span#chatbox_option_co:after { content: " Você está desconectado!"; margin-top: 180px; background: #ccc!important; width: 100%; padding: 10px 0; right: 0; position: absolute; z-index: 1; text-align: center; display: block; border-top: 1px solid #ebebeb; font-size: 20px!important; color: #000; } #chatbox .user strong span, body #chatbox .msg, #chatbox .date-and-time, #chatbox_header.main-head { font-family: Play,Arial,Helvetica,sans-serif!important; font-size: 14px!important; } #chatbox .date-and-time { float: right; color: #cacaca; font-size: 11px; } #chatbox .date-and-time img { opacity: 0.5; } #chatbox .date-and-time img:hover { opacity: 1.0; } #chatbox_header.main-head { background: #3d648a; padding: 0; margin: 0; list-style: none; position: inherit; height: 40px; display: block; } #chatbox_header.main-head:after { content: "Divulgação, flood, spam ou atitudes desrespeitosas não são toleradas neste Chat."; background: #ebebeb; color: #111111; margin-top: 40px; display: block; padding: 10px; position: absolute; width: 100%; } .chatbox-title { font-size: 14px; color: #fff; padding: 10px 10px 0 10px; } .chatbox-title, .chatbox-title a.chat-title { color: #fff; font-weight: 300; text-decoration: none; } #chatbox_members, #chatbox { top: 80px; } .chatbox-options { background: rgba(0,0,0,0.5); opacity: 0.6; color: #fff; padding: 5px; } #chatbox_members { display: none; } #chatbox { left: 0; } .chatbox_row_1, .chatbox_row_2 { background-color: #fff; position: relative; border-width: 0 0 1px 0; border-style: solid; border-color: #ebebeb; padding: 7px; } #chatbox > p { border-bottom: 1px solid #ebebeb!important; } body #chatbox .user strong { font-size: 0px; margin-left: 4px; } body #chatbox .user strong span { font-size: 12px; font-weight: 300; } body #chatbox .msg { display: block; line-height: 1.5em; margin-top: -7px!important; } #chatbox_footer .right:first-child { width: 100% !important; float: right; } .pun .main-content.chatbox { border: 0px solid #ebebeb; } #chatbox_footer .right:nth-child(2) { float: right; margin-top: -42px; z-index: 999; } #chatbox_messenger_form label[for="message"] { display: none; } input#message.post { width: 90% !important; margin-top: 2px; height: 12px; padding: 8px 10px 8px 8px !important; border: none !important; background: transparent; outline: none; } input#message.post { background: url(https://i.imgur.com/5zppq7r.png) no-repeat!important; } input#message.post:focus { background: transparent!important; } #divcolor, #help-button, .format-message + label { display: none!important; } .right #submit_button { position: absolute; right: 0; margin-right: 10px; } .right #submit_button { height: 30px!important; background: #1abc9c; color: #ffffff !important; cursor: pointer; text-align: center; font-size: 13px; font-weight: 500; text-align: center; text-decoration: none; text-shadow: none; white-space: nowrap; display: inline-block; vertical-align: middle; padding: 5px 15px; border-radius: 3px; border: 1px solid rgba(0,0,0,0.1); -webkit-transition: 0.1s all linear; -moz-transition: 0.1s all linear; -ms-transition: 0.1s all linear; -o-transition: 0.1s all linear; transition: 0.1s all linear; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-font-smoothing: antialiased; border-width: 0px!important; } #divsmilies { width: 24px!important; height: 24px!important; background: url(https://i.imgur.com/Ku7QNJd.png) no-repeat; border: 0px!important; /* position:absolute; */ margin-right: 80px; margin-top: 15px; } #divsmilies>img { display: none; } #divsmilies:hover:before { content: "Emoticons"; background: #2a2a2a; line-height: 26px; font-size: 12px; color: #fff; position: absolute; padding: 0 8px; pointer-events: none; border-radius: 2px; position: absolute; margin-top: -30px; margin-left: -35px; } #chatbox_footer { height: auto !important; background-color: #fff!important; border-top: 0px dashed #ccc; } body #chatbox .cb-avatar { border-width: 0!important; } #chatbox .cb-avatar, #chatbox .cb-avatar img { background: none repeat scroll 0 0 #fff!important; border: 0px solid #d5d5d5!important; border-width: 0!important; box-shadow: none!important; float: left; margin-right: 4px!important; padding: 1px!important; vertical-align: middle!important; width: 34px!important; height: 34px!important; }
[/guest]Resultado [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] Autor: Cepheus [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Última edição por Cepheus em Qui 21 Abr 2016 - 11:02, editado 2 vez(es)
Cepheus
Membro Experiente
Membro desde : 31/07/2013
Mensagens : 547
Reputação : 1855
500 mensagens
Por ter publicado 500 mensagens no best Skins!
Reputação da mensagem: 100% (53 votos)
WinaTickets • Qui 17 Nov 2016 - 15:23
WinaTickets
Membro
Membro desde : 17/11/2016
Mensagens : 51
Reputação : 0
arcanjj • Sex 25 Nov 2016 - 19:00
Ok, nice work, thanks
arcanjj
Novo Membro
Membro desde : 25/11/2016
Mensagens : 6
Reputação : 0
HardDrik • Sáb 26 Nov 2016 - 13:21
goste, obrigado por compartilhar
HardDrik
Novo Membro
Membro desde : 04/11/2016
Mensagens : 2
Reputação : 0
Nac • Sáb 26 Nov 2016 - 19:10
Nac
Novo Membro
Membro desde : 20/11/2016
Mensagens : 4
Reputação : 0
virus • Sáb 26 Nov 2016 - 19:24
Grato estou a procura de um shoutbox ou chatbox
Prefiro shout
Mas o seu chatbox ficou elegante.
Vou dar umas editadas;
virus
Membro
Membro desde : 20/03/2013
Mensagens : 73
Reputação : 2
r.KLGaming • Sáb 26 Nov 2016 - 23:44
r.KLGaming
Novo Membro
Membro desde : 26/11/2016
Mensagens : 3
Reputação : 0
DooGy00 • Qui 1 Dez 2016 - 9:15
DooGy00
Membro
Membro desde : 11/10/2013
Mensagens : 52
Reputação : 0
Wu4ll • Sex 9 Dez 2016 - 4:57
Wu4ll
Novo Membro
Membro desde : 30/11/2016
Mensagens : 23
Reputação : 0
Franco • Seg 19 Dez 2016 - 20:31
Franco
Novo Membro
Membro desde : 19/12/2016
Mensagens : 17
Reputação : 0
S1L3NC3 • Ter 20 Dez 2016 - 14:45
S1L3NC3
Membro
Membro desde : 23/05/2015
Mensagens : 50
Reputação : 2
Leanjucas • Sex 30 Dez 2016 - 18:29
Leanjucas
Novo Membro
Membro desde : 28/12/2016
Mensagens : 3
Reputação : 0
SneakMen • Sex 6 Jan 2017 - 14:04
Visual cada vez melhor ,parabéns.
SneakMen
Novo Membro
Membro desde : 08/09/2015
Mensagens : 24
Reputação : 0
lucasyori • Sáb 7 Jan 2017 - 12:01
lucasyori
Membro
Membro desde : 20/08/2013
Mensagens : 71
Reputação : 3
odzGFX • Qua 1 Fev 2017 - 18:26
odzGFX
Novo Membro
Membro desde : 30/04/2013
Mensagens : 22
Reputação : 0
RPG_RAZERX • Qui 2 Mar 2017 - 13:27
huehnusanmsianmklsamkldsamkdisnmksmaksmakldsa
RPG_RAZERX
Novo Membro
Membro desde : 01/10/2016
Mensagens : 10
Reputação : 0
Ivanaruto • Qua 3 maio 2017 - 19:54
Me servira en futuras adaptaciones , muchas gracias!!
Ivanaruto
Novo Membro
Membro desde : 13/06/2013
Mensagens : 20
Reputação : 1
analulupo • Sex 23 Jun 2017 - 23:29
analulupo
Novo Membro
Membro desde : 21/05/2017
Mensagens : 8
Reputação : 0
Necr0 • Seg 26 Jun 2017 - 17:52
Testando isso ai mano
Necr0
Novo Membro
Membro desde : 25/06/2017
Mensagens : 8
Reputação : 0
Krounds • Sex 30 Jun 2017 - 22:13
Gostei, so too comentando pra liberar o donwload '-.
Krounds
Novo Membro
Membro desde : 09/04/2014
Mensagens : 19
Reputação : 0
NeverSay • Qui 6 Jul 2017 - 14:14
Obrigado pelo tutorial, estarei usando
NeverSay
Membro
Membro desde : 01/05/2014
Mensagens : 103
Reputação : 4
zMacro • Qui 6 Jul 2017 - 14:48
zMacro
Novo Membro
Membro desde : 12/06/2017
Mensagens : 8
Reputação : 0
GlowHPS • Sex 21 Jul 2017 - 13:46
GlowHPS
Membro
Membro desde : 02/10/2014
Mensagens : 47
Reputação : 0
Stark' • Sex 11 Ago 2017 - 15:09
Stark'
Membro Experiente
Membro desde : 25/01/2013
Mensagens : 294
Reputação : 43
leean77 • Dom 13 Ago 2017 - 22:50
leean77
Novo Membro
Membro desde : 12/08/2017
Mensagens : 16
Reputação : 0
taxynha • Seg 14 Ago 2017 - 17:45
taxynha
Membro
Membro desde : 19/07/2017
Mensagens : 32
Reputação : 2
Conteúdo patrocinado •
Permissões neste sub-fórum
Não podes responder a tópicos