Código do Chatbox

4 participantes

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

Tópico resolvido Código do Chatbox

Mensagem por ShaDownS 30.06.14 4:38

  • Descrição:
Olá, queria que alguém organizasse o code desse tópico:
https://ajuda.forumeiros.com/t72342-tutorial-chatbox-personalizado

É que está tudo junto, e queria que alguém organizasse pra mim entender melhor.
~ Abraços, Kiri.

  • Informações:
Fórum:http://forumnarutoultimate.forumeiros.comVersão:PHPBB3
Tipo:Erros diversosTags:Código,Chatbox



Última edição por Kirisama em 01.07.14 17:03, editado 2 vez(es)
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Código do Chatbox

Mensagem por Shek 30.06.14 12:22

Bom dia!

Código:
Código:
#chatbox_footer.right div[class][id] {
    height: 20px;
    margin - right: 0;
    border: 0;
    border - right: 1px solid# CFCFCF;
    background - color: #f5f5f5;
    padding: 7px;
    cursor: default}
#chatbox_footer.right div[class][id]: first - child {
    border - left: 1px solid# CFCFCF
}

#chatbox_main_options span, #chatbox_main_options label, #chatbox_main_options a {
    height: 34px;
    margin - right: 0;
    border: 0;
    border - right: 1px solid# CFCFCF;
    background - color: #f5f5f5;
    padding: 7px;
    color: #000;padding-top:14px}# chatbox_main_options {
            position: absolute;
            bottom: 0;
            left: 0;
            z - index: 1;
            color: #818181!important;height:34px;font-size:0;margin:0;margin-bottom:-25px}# chatbox_main_options li a[onclick *= "ajax_refresh_chatbox"] {
                    font - size: 0;
                    background: url(http: //www.arecontvision.com/cool_captcha/icon-reload.gif) no-repeat center #f5f5f5;
                padding-top:25px;
                    padding-bottom:9px;
                                    padding-right:31px;
                                    border-top:1px solid #CFCFCF;
                                    cursor:defaul
}
#chatbox_main_options a[href =
    "/chatbox/index.forum?archives=1"], #
  chatbox_main_options a[href =
    "/chatbox/index.forum?archives"] {
    font - size: 0;
    background: url(http: //www.dreamtemplate.com/dreamcodes/web_icons/gray-archive-icon.png) no-repeat center whiteSmoke;
      padding - top: 25px; padding -
      bottom: 9px; padding - right:
      31px; border - top: 1px solid# CFCFCF; cursor:
      default
    }
#chatbox_main_options a[href ="/chatbox/index.forum?archives"] {
      background - color: #E6E6E6
    }
#chatbox_main_options li a[onclick ="CB_disconnect();"] {
      border - right: 0;
      padding: 0
    }
#chatbox_main_options li a[onclick ="CB_disconnect();"] span {
        font - size: 0;
        background: url(http: https://i.imgur.com/xXA8w.gif) no-repeat 50% 50% #f5f5f5;
                    padding-top:25px;
                    padding-bottom:9px;
                    padding-right:31px;
                    border-top:1px solid #CFCFCF;
                    cursor:default
}

#chatbox_footer{
                    padding:0;
                    background:url() #f5f5f5;
    border-top:1px solid #CFCFCF;
    display:block!important;border-radius:0
    }
#chatbox_messenger_form .right {padding:0;font-size:0}
#chatbox_messenger_form .right input#message{height:34px;
   font-weight:normal;
      background-color:white;
      background-image:url();
      border:0;height:34px;
      margin-bottom:0;font-size:16px;
      cursor:default;padding:0 0 0 5px;
      outline:none;width:304px
}
#chatbox_messenger_form .right input[name="submit_button"]{
height:33px;
font-size:15px;
border:0;
background-color:transparent;
padding-left:10px;
padding-right:11px;
margin-left:-4px;
cursor:default;font-weight:normal
}

#chatbox_messenger_form .right img[src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif"],#chatbox_members h4.member-title,#chatbox_main_options li#chatbox_option_autorefresh,#chatbox p.clearfix span.date-and-time,#chatbox p.clearfix:hover span.date-and-time{display:none}
#chatbox_header{height:0;font-size:0}
#chatbox{top:32px;left:0}
#chatbox p.clearfix:first-child{padding-top:8px}
#chatbox_members{position:absolute;
z-index:1;
height:31px;
left:0;
top:0;
width:100%;
background:url(http://www.addthis.com/forum/styles/addthis2/theme/images/whosonline.gif) 8px -3px no-repeat white;
overflow-y:hidden;
border-bottom:1px solid #CFCFCF
}
              #chatbox_members li{display:inline;margin-right:0}
              #chatbox_members a:last-child:after{content:', '}
              #chatbox_members li:last-child a:last-child:after{content:''}
              #chatbox_members ul{
              padding-top:8px;
              font-size:12px;
              margin:0;
              overflow-y:hidden;
              overflow-x:auto;
              margin-left:46px;
              padding-right:8px;
              padding-bottom:0;
              white-space:nowrap;
              height:23px;
              max-width:none
             
}
             
              #chatbox_footer #chatbox_messenger_form .right .fontbutton:hover,#chatbox_header #chatbox_main_options.chatbox-options a:hover,#chatbox_header #chatbox_main_options.chatbox-options span:hover,#chatbox_messenger_form .right input[name="submit_button"]:hover{
              background-color:#CFCFCF!important
              }
              #chatbox_footer #chatbox_messenger_form .right .fontbutton.fontbutton_selected{background-color:#E6E6E6}
              #chatbox p.clearfix{background-color:#EDEFF4;
              margin:0;
              padding:5px;
              padding-left:0;
              margin-left:7px;
              margin-right:7px
}
#chatbox p.clearfix span.user,#chatbox p.clearfix .msg,#chatbox_main_options li{font-size:0}
#chatbox p.clearfix .msg,#chatbox p.clearfix span.user *{font-family:Verdana;font-size:12px}
.user a[href*="/u"]{margin-right:8px}.user span:first-child strong{margin-right:4px}
.user span:last-child strong{margin-right:0}a[onclick*="ajax_refresh_chatbox"]:hover{
  background:url(http://www.arecontvision.com/cool_captcha/icon-reload.gif) 50% 50% no-repeat #000!important
}
#chatbox p.clearfix[class^="chatbox_row_1"] span[style="font-style:italic"]{
                font-size:15px;
                font-style:normal!important;
                margin-left:-66px;
                background-color:#EDEFF4;
                }
               
                #chatbox p.chatbox_row_1.clearfix:first-child span[style="font-style:italic"]:last-child{font-size:0px}#chatbox p.chatbox_row_1.clearfix:first-child span[title]:first-child{visibility:hidden}
                #chatbox p.chatbox_row_1.clearfix:first-child span[style="font-style:italic"]:last-child:before{
                margin-left:7px;
                background:url(http://i.imgur.com/xXA8w.gif) top left no-repeat;
                background-size:20px;
                padding-left:22px;
                content:'Entre para conversar';
                font-size:15px
                }
               
                #chatbox_contextmenu{z-index:1}
                #chatbox_messenger_form{margin-top:0px}
                .user-msg{
                display:inline-block;
                padding-left:38px;
                background:url(http://i.imgur.com/BMdww.gif) no-repeat top left;
                background-size:32px 32px;
                min-height:32px
                }
               
                .user-msg .msg{display:block}
                .user-msg .msg span{border-image-width:0px;border:0px;border-image-source:url(http://i.imgur.com/BMdww.gif)}

Tópico movido de 'Questões sobre JavaScript & jQuery' para 'Questões sobre a aparência do fórum'
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Código do Chatbox

Mensagem por ShaDownS 30.06.14 15:44

Obrigado Shek ^-^

Com base disto.
Poderia deixar ele como no original?
E assim, queria que ele ficasse como os quadros do meu fórum ^^
Só a parte escura deles.
E o texto "Chatbox" troca por "Naruto Ultimate Chat" oks?


P.S: Mostre uma imagem de como iria ficar, se puder.
~ Uma coloração escura combinaria com meu fórum. Abraços, Kiri.
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Código do Chatbox

Mensagem por Duel 30.06.14 20:08

@KiriSama:

Para trocar o nome e só criar um novo js:
Código:
$(function(){
/* Por Duel;
FdF;
Forumeiros */
$('.chat-title').text("Naruto Ultimate Chat");
});
Seta O resto, deixo pro @Shek. Piscada
avatar

Duel
****

Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446

https://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Ir para o topo Ir para baixo

Tópico resolvido Re: Código do Chatbox

Mensagem por ShaDownS 30.06.14 21:59

Não mudou Triste

~ Abraços, Kiri.
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Código do Chatbox

Mensagem por Duel 30.06.14 22:34

Olá!

Testei em seu fórum e funcionou perfeitamente. Veja:
http://prntscr.com/3y43qh
Seta Adicionou, em todas as páginas?

avatar

Duel
****

Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446

https://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Código do Chatbox

Mensagem por Sennior 01.07.14 16:30

Saudações,

Utilize este código CSS para alterar o nome:

Código:
.chatbox-title, .chatbox-title a.chat-title:before {content: "teste";}

O que mais senhor?

Abraços.
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