Personalizar com código

Item: Personalizar com código
Rating: 1

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

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

por Carlos Gramaxo 18.10.14 20:52

Do slide

por Carlos Gramaxo 18.10.14 20:58

http://rpgnewnaruto.forumeiros.com/ link do forum

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

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.

por Carlos Gramaxo 19.10.14 10:05

Dár dá, mas não muda de imagem, preciso de novo codigo .

por Alex Habilidade 19.10.14 15:17

Olá,

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"); });