Código do Chatbox
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Código do Chatbox
- 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.com | Versão: | PHPBB3 |
Tipo: | Erros diversos | Tags: | Código,Chatbox |
Última edição por Kirisama em 01.07.14 17:03, editado 2 vez(es)
Re: Código do Chatbox
Bom dia!
Código:
Tópico movido de 'Questões sobre JavaScript & jQuery' para 'Questões sobre a aparência do fórum'
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'
Re: Código do Chatbox
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.
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.
Re: Código do Chatbox
@KiriSama:
Para trocar o nome e só criar um novo js:
Para trocar o nome e só criar um novo js:
- Código:
$(function(){
/* Por Duel;
FdF;
Forumeiros */
$('.chat-title').text("Naruto Ultimate Chat");
});
Re: Código do Chatbox
Não mudou
~ Abraços, Kiri.
~ Abraços, Kiri.
Re: Código do Chatbox
Olá!
Testei em seu fórum e funcionou perfeitamente. Veja:
http://prntscr.com/3y43qh
Adicionou, em todas as páginas?
Testei em seu fórum e funcionou perfeitamente. Veja:
http://prntscr.com/3y43qh
Adicionou, em todas as páginas?
Re: Código do Chatbox
Saudações,
Utilize este código CSS para alterar o nome:
O que mais senhor?
Abraços.
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.
Tópicos semelhantes
» Codigo ChatBox - cor das opções
» Código anti-css chatbox
» Codigo chatbox
» Código do chatbox
» Obter o codigo do chatbox?
» Código anti-css chatbox
» Codigo chatbox
» Código do chatbox
» Obter o codigo do chatbox?
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos