InícioPersonalizar com código
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
Personalizar com código
por Carlos Gramaxo 18.10.14 20:41
- Descrição:
Como obter isso, Por favor me expliquem, nao coloquem tutoriais.
- Informações:
| Fórum: | narutoptchallenge.forumeiros.com | Versão: | PHPBB2 |
| Tipo: | Erros diversos | Tags: | Personalizar,código |
Carlos Gramaxo- Novo Membro
- Membro desde : 26/06/2012
Mensagens : 13
Pontos : 25 -
Re: Personalizar com código
por Shek 18.10.14 20:45
Boa tarde!
Do que exatamente está a falar? Apenas me mostra uma imagem, mas, não consigo entender o que precisa, "exatamente". Por favor, seja mais claro e descreva melhor sua questão!
Atenciosamente,
Shek
Do que exatamente está a falar? Apenas me mostra uma imagem, mas, não consigo entender o que precisa, "exatamente". Por favor, seja mais claro e descreva melhor sua questão!
Atenciosamente,
Shek
Shek- Principal Contribuidor
- Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969 -
Carlos Gramaxo- Novo Membro
- Membro desde : 26/06/2012
Mensagens : 13
Pontos : 25 -
Re: Personalizar com código
por Carlos Gramaxo 18.10.14 20:58
http://rpgnewnaruto.forumeiros.com/ link do forum
Carlos Gramaxo- Novo Membro
- Membro desde : 26/06/2012
Mensagens : 13
Pontos : 25 -
Re: Personalizar com código
por Sennior 18.10.14 22:46
Saudações,
Meta o código abaixo na tua Home Page:
Painel de Controle
Visualização Página inicial Geral
Até mais.
Meta o código abaixo na tua Home Page:
Painel de Controle
Visualização Página inicial Geral- Código:
<html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script><script>
$(document).ready(function(){
$("#noti1").addClass("ativo");
$("a").attr("target","_blank");
$("#aviso1").click(function(){
$(".notificacoes:visible").css("display","none");
$("#noti1").fadeIn("fast");
});
$("#aviso2").click(function(){
$(".notificacoes:visible").css("display","none");
$("#noti2").fadeIn("fast");
});
$("#aviso3").click(function(){
$(".notificacoes:visible").css("display","none");
$("#noti3").fadeIn("fast");
});
$("#aviso4").click(function(){
$(".notificacoes:visible").css("display","none");
$("#noti4").fadeIn("fast");
});
setInterval(slide,3000);
function slide(){
if($(".ativo").next().size()){
$(".ativo").css("display","none").removeClass("ativo").next().fadeIn().addClass("ativo");
}else{
$(".ativo").css("display","none").removeClass("ativo");
$("#noti1").fadeIn().addClass("ativo");
}
}
$(".notificacoes:visible").addClass("ativo");
$(".notificacoes:hidden").removeClass("ativo");
});
</script><style>a {text-decoration: none !important; color: #666666;}
a:visited {color: #666666;}
a:hover {color: #B42000;
text-decoration: none !important;}
a:focus {color: #B42000;
text-decoration: none !important;}
#aviso1, #aviso2, #aviso3, #aviso4 {
background-color: darkred;
display: inline;
padding: 3px 27px;
cursor: pointer;
margin-left: 18px;}
#tituloaviso {font-size: 50px; font-weight: 100; color: whitesmoke; 200px;}
#caixaaviso{font-family: Open Sans, Segoe UI;
padding-bottom: 5px;
width: 804px;
height: 300px;
background-color: #3E0900;
background-image: url(http://fc06.deviantart.net/fs70/f/2011/325/1/7/naruto_sage_mode_render_2_by_xuzumaki-d4gv66r.png);
background-size: 200px;
background-repeat: no-repeat;
background-position: -9px 0px;
overflow: auto;}
#avisodiv1{width: 597px;background-color: #3E0900;margin-left:190px; position: absolute; z-index:99;}
#quadrodeaviso {background-color: #1d1d1d;
height: 190px;
width: 580px;
margin-top: 10px;
color: white;
position: absolute;}
.notificacoes {position: relative;
top:10;
padding:5px;
color:white;
display:none;
width: 568px;
text-align: justify;}
#embaixo{height:15px; background-color: #3E0900; width: 580px; z-index: 999; position: absolute; top:298;}
#emcima {height:10px; background-color: #3E0900; width: 580px; z-index: 999; position: absolute}
</style> <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300">
</head><body><div id="caixaaviso">
<div id="avisodiv1">
<span id="tituloaviso">Quadro de avisos</span>
</div>
<div style="margin-left:190px; height: 200px;">
<div style="margin-top:70px; position: absolute; background-color: #3E0900; top:6;padding-bottom: 5px; z-index: 99">
<div id="aviso1">
Off Game
</div>
<div id="aviso2">
On Game
</div>
<div id="aviso3">
Forum
</div>
<div id="aviso4">
Importante
</div>
</div>
<div style="padding-top: 90px;">
<div id="emcima">
</div>
<div id="quadrodeaviso">
</div>
<div id="noti1" class="notificacoes" style="display: none;">
<li>
Agora é possível ter bottons no perfil. Saiba mais <a href="http://rpgnewnaruto.forumeiros.com/t1058-novidade-mercado-de-bottons" target="_blank">nesse topico</a>.
</li>
<li>
<span style="text-shadow: 0px 0px 5px black;">M</span><span style="text-shadow: 0px 0px 5px red;">E</span><span style="text-shadow: 0px 0px 5px yellow;">R</span><span style="text-shadow: 0px 0px 5px green;">C</span><span style="text-shadow: 0px 0px 5px blue;">A</span><span style="text-shadow: 0px 0px 5px pink;">D</span><span style="text-shadow: 0px 0px 5px orange;">O</span> <span style="text-shadow: 0px 0px 5px purple;">D</span><span style="text-shadow: 0px 0px 5px lightblue;">E</span> <span style="text-shadow: 0px 0px 5px gray;">E</span><span style="text-shadow: 0px 0px 5px black;">F</span><span style="text-shadow: 0px 0px 5px red;">E</span><span style="text-shadow: 0px 0px 5px yellow;">I</span><span style="text-shadow: 0px 0px 5px green;">T</span><span style="text-shadow: 0px 0px 5px blue;">O</span><span style="text-shadow: 0px 0px 5px pink;">S</span>!!! Efeitos no nick como neon, ícone, cor e background estão a venda. Personalize-se. <a href="http://rpgnewnaruto.forumeiros.com/t1039-mercado-de-efeitos" target="_blank">Clique aqui e escolha!</a>
</li>
<li>
<span style="text-shadow: 0px 0px 15px green, 0px 0px 7px green">COPA</span> <span style="text-shadow: 0px 0px 15px yellow, 0px 0px 7px yellow">NINJA</span> ! Torneio no forum. Mais informações <a href="http://rpgnewnaruto.forumeiros.com/t1025-copa-ninja#5110" target="_blank">Neste tópico</a>.
</li>
<li>
Neste forum as fichas são criadas com formulários. <a href="/h5-" target="_blank">Clique aqui</a> para fazer sua ficha!
</li>
</div>
<div id="noti2" class="notificacoes ativo" style="display: block;">
<li>
Um Sannin tenta fugir da vila, alguns membros da vila, incluindo da ANBU Ne tentam impedi-lo; Acompanhe a batalha: <a href="http://rpgnewnaruto.forumeiros.com/t1054-new-history" target="_blank">New History</a>
</li>
<li>
Dois membros da ANBU Ne conseguem escapar de Konoha, agora são foragidos; Confira: <a href="http://rpgnewnaruto.forumeiros.com/t1048-deixando-meu-lar" target="_blank">Deixando meu lar</a>
</li>
<li>
Akatsuki foi fundada! <a href="/u208" target="_blank">Shadow</a> é o novo líder da organização Nukkenin
</li>
</div>
<div id="noti3" class="notificacoes">
<li>
Design do chatbox totalmente modificado, com a função avatar no chatbox. Botões estilizados. Confira logo abaixo.
</li>
<li>
Design do perfil também modificado, com opção de colocar uma capa, como as demais redes sociais..
</li>
</div>
<div id="noti4" class="notificacoes">
<li>
Nova regra! <a href="http://rpgnewnaruto.forumeiros.com/t1024-" target="_blank">Regra sobre velocidade de jutsus.</a>
</li>
<li>
Algumas regras foram alteradas. Segue este tópico: <a href="http://rpgnewnaruto.forumeiros.com/t902-" target="_blank">Anúncio importante - Regras alteradas.</a>
</li>
<li>
Antes de fazer a historia de sua personagem, leve em conta a historia do forum também. Segue este tópico: <a href="http://rpgnewnaruto.forumeiros.com/t453-" target="_blank">Historia do forum</a>.
</li>
</div>
</div>
<div id="embaixo">
</div>
</div>
</div></body></html>
Até mais.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Personalizar com código
por Carlos Gramaxo 19.10.14 10:05
Dár dá, mas não muda de imagem, preciso de novo codigo .
Carlos Gramaxo- Novo Membro
- Membro desde : 26/06/2012
Mensagens : 13
Pontos : 25 -
Re: Personalizar com código
por Alex Habilidade 19.10.14 15:17
Olá,
Remova o código passado pelo Sennior e coloque este no lugar:
Salve e em seguida vá em:
- Clique em Criar um novo javascript
- No titulo você coloque o que quiser...
- No investimento deixe marcado no indice...
- Agora coloque o código abaixo:
E salve.
Remova o código passado pelo Sennior e coloque este no lugar:
- Código:
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300" rel="stylesheet" type="text/css" /><style>a {text-decoration: none !important; color: #666666;}
a:visited {color: #666666;}
a:hover {color: #B42000;
text-decoration: none !important;}
a:focus {color: #B42000;
text-decoration: none !important;}
#aviso1, #aviso2, #aviso3, #aviso4 {
background-color: darkred;
display: inline;
padding: 3px 27px;
cursor: pointer;
margin-left: 18px;}
#tituloaviso {font-size: 50px; font-weight: 100; color: whitesmoke; 200px;}
#caixaaviso{font-family: Open Sans, Segoe UI;
padding-bottom: 5px;
width: 804px;
height: 300px;
background-color: #3E0900;
background-image: url(http://fc06.deviantart.net/fs70/f/2011/325/1/7/naruto_sage_mode_render_2_by_xuzumaki-d4gv66r.png);
background-size: 200px;
background-repeat: no-repeat;
background-position: -9px 0px;
overflow: auto;}
#avisodiv1{width: 597px;background-color: #3E0900;margin-left:190px; position: absolute; z-index:99;}
#quadrodeaviso {background-color: #1d1d1d;
height: 190px;
width: 580px;
margin-top: 10px;
color: white;
position: absolute;}
.notificacoes {position: relative;
top:10;
padding:5px;
color:white;
display:none;
width: 568px;
text-align: justify;}
#embaixo{height:15px; background-color: #3E0900; width: 580px; z-index: 999; position: absolute; top:298;}
#emcima {height:10px; background-color: #3E0900; width: 580px; z-index: 999; position: absolute}
</style>
<div id="caixaaviso">
<div id="avisodiv1">
<span id="tituloaviso">Quadro de avisos</span>
</div>
<div style="margin-left:190px; height: 200px;">
<div style="margin-top:70px; position: absolute; background-color: #3E0900; top:6;padding-bottom: 5px; z-index: 99">
<div id="aviso1">
Off Game
</div>
<div id="aviso2">
On Game
</div>
<div id="aviso3">
Forum
</div>
<div id="aviso4">
Importante
</div>
</div>
<div style="padding-top: 90px;">
<div id="emcima">
</div>
<div id="quadrodeaviso">
</div>
<div id="noti1" class="notificacoes" style="display: none;">
<li>
Agora é possível ter bottons no perfil. Saiba mais <a href="http://rpgnewnaruto.forumeiros.com/t1058-novidade-mercado-de-bottons" target="_blank">nesse topico</a>.
</li>
<li>
<span style="text-shadow: 0px 0px 5px black;">M</span><span style="text-shadow: 0px 0px 5px red;">E</span><span style="text-shadow: 0px 0px 5px yellow;">R</span><span style="text-shadow: 0px 0px 5px green;">C</span><span style="text-shadow: 0px 0px 5px blue;">A</span><span style="text-shadow: 0px 0px 5px pink;">D</span><span style="text-shadow: 0px 0px 5px orange;">O</span> <span style="text-shadow: 0px 0px 5px purple;">D</span><span style="text-shadow: 0px 0px 5px lightblue;">E</span> <span style="text-shadow: 0px 0px 5px gray;">E</span><span style="text-shadow: 0px 0px 5px black;">F</span><span style="text-shadow: 0px 0px 5px red;">E</span><span style="text-shadow: 0px 0px 5px yellow;">I</span><span style="text-shadow: 0px 0px 5px green;">T</span><span style="text-shadow: 0px 0px 5px blue;">O</span><span style="text-shadow: 0px 0px 5px pink;">S</span>!!! Efeitos no nick como neon, ícone, cor e background estão a venda. Personalize-se. <a href="http://rpgnewnaruto.forumeiros.com/t1039-mercado-de-efeitos" target="_blank">Clique aqui e escolha!</a>
</li>
<li>
<span style="text-shadow: 0px 0px 15px green, 0px 0px 7px green">COPA</span> <span style="text-shadow: 0px 0px 15px yellow, 0px 0px 7px yellow">NINJA</span> ! Torneio no forum. Mais informações <a href="http://rpgnewnaruto.forumeiros.com/t1025-copa-ninja#5110" target="_blank">Neste tópico</a>.
</li>
<li>
Neste forum as fichas são criadas com formulários. <a href="/h5-" target="_blank">Clique aqui</a> para fazer sua ficha!
</li>
</div>
<div id="noti2" class="notificacoes ativo" style="display: block;">
<li>
Um Sannin tenta fugir da vila, alguns membros da vila, incluindo da ANBU Ne tentam impedi-lo; Acompanhe a batalha: <a href="http://rpgnewnaruto.forumeiros.com/t1054-new-history" target="_blank">New History</a>
</li>
<li>
Dois membros da ANBU Ne conseguem escapar de Konoha, agora são foragidos; Confira: <a href="http://rpgnewnaruto.forumeiros.com/t1048-deixando-meu-lar" target="_blank">Deixando meu lar</a>
</li>
<li>
Akatsuki foi fundada! <a href="/u208" target="_blank">Shadow</a> é o novo líder da organização Nukkenin
</li>
</div>
<div id="noti3" class="notificacoes">
<li>
Design do chatbox totalmente modificado, com a função avatar no chatbox. Botões estilizados. Confira logo abaixo.
</li>
<li>
Design do perfil também modificado, com opção de colocar uma capa, como as demais redes sociais..
</li>
</div>
<div id="noti4" class="notificacoes">
<li>
Nova regra! <a href="http://rpgnewnaruto.forumeiros.com/t1024-" target="_blank">Regra sobre velocidade de jutsus.</a>
</li>
<li>
Algumas regras foram alteradas. Segue este tópico: <a href="http://rpgnewnaruto.forumeiros.com/t902-" target="_blank">Anúncio importante - Regras alteradas.</a>
</li>
<li>
Antes de fazer a historia de sua personagem, leve em conta a historia do forum também. Segue este tópico: <a href="http://rpgnewnaruto.forumeiros.com/t453-" target="_blank">Historia do forum</a>.
</li>
</div>
</div>
<div id="embaixo">
</div>
</div>
</div>
Salve e em seguida vá em:
Painel de Control -> Modulos -> Gestão dos códigos JavaScript
- Clique em Criar um novo javascript
- No titulo você coloque o que quiser...
- No investimento deixe marcado no indice...
- Agora coloque o código abaixo:
- Código:
$(document).ready(function(){
$("#noti1").addClass("ativo");
$("a").attr("target","_blank");
$("#aviso1").click(function(){
$(".notificacoes:visible").css("display","none");
$("#noti1").fadeIn("fast");
});
$("#aviso2").click(function(){
$(".notificacoes:visible").css("display","none");
$("#noti2").fadeIn("fast");
});
$("#aviso3").click(function(){
$(".notificacoes:visible").css("display","none");
$("#noti3").fadeIn("fast");
});
$("#aviso4").click(function(){
$(".notificacoes:visible").css("display","none");
$("#noti4").fadeIn("fast");
});
setInterval(slide,3000);
function slide(){
if($(".ativo").next().size()){
$(".ativo").css("display","none").removeClass("ativo").next().fadeIn().addClass("ativo");
}else{
$(".ativo").css("display","none").removeClass("ativo");
$("#noti1").fadeIn().addClass("ativo");
}
}
$(".notificacoes:visible").addClass("ativo");
$(".notificacoes:hidden").removeClass("ativo");
});
E salve.
Alex Habilidade- Hiper Membro
- Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774 -
Re: Personalizar com código
por Sennior 26.10.14 21:03
 | Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Tópicos semelhantes» Como personalizar o código ?
» Personalizar caixa de código nas mensagens
» Personalizar código de parceiros
» Como personalizar caixa de citação, spoiler e codigo
» Como personalizar caixa de citação, spoiler e codigo
» Personalizar caixa de código nas mensagens
» Personalizar código de parceiros
» Como personalizar caixa de citação, spoiler e codigo
» Como personalizar caixa de citação, spoiler e codigo
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