ChatBox IPB

Detalhes da questão

Endereço do fórum: http://simple.forumeiros.com/
Versão do fórum: PunBB

Descrição

Olá, Queria saber se tem como botar um ChatBox IPB, nesse estilo

ChatBox: https://i.imgur.com/n18Bcij.png

Fórum onde vi: http://brasilplaycity.com/forum/

Olá,

Esse chatbox é reservado para usuários que possuem um tema Invision Power Services.

Até mais.

Olá, @GSCode

No caso não seria possivel dai?

@YouTube3

Eu não diria impossível, mas o resultado não ficaria legal e bem inferior.

Até mais.

Não teria um preview de como ficaria +/-

@GSCode

Olá, @YouTube3

Eu nem tentei gerar o código. Recomendo-lhe não copiar/tentar fazer igual... Procure outros sistemas de Chatbox, existe diversos códigos que dão uma cara bem profissional ao mesmo.

Até mais.

Olá, @GSCode tipo da BS não da ?

Olá, @YouTube3

Aquele chat é exclusivo. Apenas os membros VIP's podem obter o código.

Até mais.

Irei comprar um vip no BS dps

Enfim esse daria como? http://maisforum.forumeiros.com/

@GSCode

Olá,

Estava em viagem, perdão. Enfim, tente...

Código:


body.chatbox {
    background-color: #fff;
    background-image: none;
    margin: 0;
    padding: 0
}

#chatbox_header {
    height: 30px
}

#chatbox_header.main-head {
    background-color: #1f537b;
    color: #dedfdf;
    padding: 0 1.3em
}

.chatbox-title,.chatbox-title a.chat-title {
    color: #dedfdf;
    text-decoration: none
}

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

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

.chatbox-options li {
    display: inline
}

.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
    color: #dedfdf
}

#chatbox_members {
    border-right: 1px dashed #ccc;
    bottom: 30px;
    color: #333;
    overflow: auto;
    position: absolute;
    top: 30px;
    width: 180px
}

#chatbox_messenger_form {
    margin: 10px 0 0
}

#chatbox_members .member-title {
    background-color: #f4f9fd;
    background-image: none;
    color: #00569c;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: .5em .25em;
    text-align: center
}

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

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

#chatbox {
    bottom: 30px;
    left: 181px;
    line-height: 10px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 30px
}

#chatbox p {
    line-height: 1.2em
}

.chatbox_row_1 {
    background-color: #fbfbfb;
    padding: 4px
}

.chatbox_row_2 {
    background-color: #f4f4f4;
    padding: 4px
}

.chatbox_row_3 {
    background-color: #f4f9fd;
    padding: 4px
}

#chatbox .user {
    font-weight: 700
}

.memberlist_row_1 {
    background-color: #fbfbfb
}

#chatbox_footer {
    border-top: 1px dashed #ccc;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

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

.fontbutton {
    background: #E1E1E2 none repeat scroll 0;
    border: medium none;
    color: #000;
    cursor: pointer;
    float: left;
    margin-right: 10px;
    padding: 1px;
    text-align: left
}

.fontbutton_normal {
    background: #E1E1E2
}

.fontbutton_selected {
    background: #BBC7CE;
    border: 1px solid #22229C
}

.fontbutton_clicked {
    background: #959595;
    border: 1px solid #22229C
}

.fontbutton_hover {
    background: #E1E1E2;
    border: 1px solid #22229C
}

* html #chatbox-members {
    height: expression((document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px)
}

* html #chatbox {
    height: expression((document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px);
    width: expression((document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 1.3) ) + px)
}

* html #chatbox-footer {
    width: expression((document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px)
}

#chatbox_contextmenu {
    background-color: #f4f9fd;
    border: 2px solid #000
}

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

#chatbox_contextmenu p.hover {
    background: #f4f4f4
}

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

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

#chatbox_contextmenu a {
    color: #00569c;
    font-size: 95%;
    text-decoration: none
}

Até mais.

Olá, @GSCode sem problemas.

Resultou pórem não ficou como eu queria.
Olhe: https://i.imgur.com/wugveR6.png

Boas,

Peço desculpas pela demora, poderia me ceder uma conta teste?

Até mais.

Olá, @GSCode

Está aqui: LOGIN: Flash SENHA: slc123

Até mais.

#UP @GSCode

@GSCode #UP

Pode fechar.

Obrigado quem tentou me ajudar.