Fórum iBlue
[TUTORIAL] Mudar a chatbox de sítio Buddy_Group

Bem Vindos ao iBlue GAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!





Fórum iBlue
[TUTORIAL] Mudar a chatbox de sítio Buddy_Group

Bem Vindos ao iBlue GAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!





Somos ÚNICOS, somos o SEU fórum


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

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

T-Lord

1[TUTORIAL] Mudar a chatbox de sítio Empty [TUTORIAL] Mudar a chatbox de sítio Sex 18 Jan 2013 - 9:00

T-Lord
Administrador
[TUTORIAL] Mudar a chatbox de sítio Portail Mudar a chatbox de sítio


que temos possibilidades quase infinitas de personalização veremos como
podemos personalizar ainda mais nossa chatbox com um recurso
maravilhoso! O recurso simplesmente mudará sua chatbox de lugar. Assim
criando uma pequena caixa em seu fórum para que assim a pessoa possa
clicar na mesma e abrir e fechar o chat.



--> Tutoriais e Astúcias<--
Mudar a chatbox de sítio


PunBB e PhpBB2

1° - Acessar a template
Terá de acessar a gestão dos templates para efetuar as mudanças. Aceda à:
Painel de Controle -> Visualização --> Templates -> Geral -> viewtopic_body



Expandir esta imagem Ver em tamanho real
[TUTORIAL] Mudar a chatbox de sítio Painel11

2° - Modificando o código
Para
podermos fazer a mudança temos, em primeiro lugar, que perceber o que
se deve modificar. Para encontrar o código a ser modificado, clique nas
teclas CTRL+F.
Localize a seguinte tag :



Já encontrado, podemos começar a implementação do código. Acima da tag acrescente este código :



id="chatbox_ret_cont" onmouseout="stopINT()" onclick="stopINT()"
onmousever="stopINT()" style="border-top: 7px solid rgb(148, 11, 11);
border-left: 7px solid rgb(148, 11, 11); z-index: 10000;
-moz-border-radius: 20px 0pt 0pt 0pt; background-color: #ffffff ; position: fixed; bottom: 0pt; right: 0pt; border-color: #ffffff;">
onclick="(document.getElementById('chatbox_ret').style.display=='block')?my_setcookie('chatbox_ret','0',0,0):my_setcookie('chatbox_ret','1',1,0);
$('#chatbox_ret').toggle('normal');" style="font-size: 12px;
font-family: 'trebuchet ms',serif; cursor: pointer; padding:
3px;">Chatstyle="color: black;">Box

Vermelho : Acrescente na parte vermelha a cor da caixa da chatbox.
Laranja : Acrescente na parte em laranja a cor da borda.

PunBB3 e Invision

[TUTORIAL] Mudar a chatbox de sítio WarningPara que possamos prosseguir com o tutorial é preciso que tenha noção da Gestão de anúncios rotativos.

1° - Aceder ao painel de controle
Iremos aceder há :
Painel de controle --> Geral --> Anúncios --> Ativar os anúncios.
Marque a opção sim.



Expandir esta imagem Ver em tamanho real
[TUTORIAL] Mudar a chatbox de sítio Painel12

Logo após desative a opção : Scroll.

2° - Aplicando o código
Agora, teremos de criar um novo anúncio clicando no ícone : [TUTORIAL] Mudar a chatbox de sítio Ajouter
Em seu conteúdo iremos colocar tal código :


id="chatbox_ret_cont" onmouseout="stopINT()" onclick="stopINT()"
onmousever="stopINT()" style="border-top: 7px solid rgb(148, 11, 11);
border-left: 7px solid rgb(148, 11, 11); z-index: 10000;
-moz-border-radius: 20px 0pt 0pt 0pt; background-color: #ffffff; position: fixed; bottom: 0pt; right: 0pt; border-color: #ffffff;">
onclick="(document.getElementById('chatbox_ret').style.display=='block')?my_setcookie('chatbox_ret','0',0,0):my_setcookie('chatbox_ret','1',1,0);
$('#chatbox_ret').toggle('normal');" style="font-size: 12px;
font-family: 'trebuchet ms',serif; cursor: pointer; padding:
3px;">Chatstyle="color: black;">Box

Vermelho : Acrescente na parte vermelha a cor da caixa da chatbox.
Laranja : Acrescente na parte em laranja a cor da borda.
Agora clique no botão salvar.

http://www.zonetoony.net/
MakyBory

2[TUTORIAL] Mudar a chatbox de sítio Empty Re: [TUTORIAL] Mudar a chatbox de sítio Dom 24 Fev 2013 - 13:00

MakyBory
Membro Lendário
Excelente Tutorial!

http://toon.forumfacil.net/

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

Permissões neste sub-fórum
Não podes responder a tópicos