Personalizar com código

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

Resolvido Personalizar com código

Mensagem por Carlos Gramaxo em 18/10/14, 04:41 pm

  • Descrição:


Como obter isso, Por favor me expliquem, nao coloquem tutoriais.

  • Informações:
Fórum:narutoptchallenge.forumeiros.comVersão:PHPBB2
Tipo:Erros diversosTags:Personalizar,código

avatar

Carlos Gramaxo
Nível 2

Masculino
Inscrito dia : 26/06/2012
Mensagens : 13
Pontos Ativos : 25

Ver perfil do usuário http://naruto-superfans.lolbb.com

Resolvido Re: Personalizar com código

Mensagem por Shek em 18/10/14, 04:45 pm

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


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17159
Pontos Ativos : 21417

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Personalizar com código

Mensagem por Carlos Gramaxo em 18/10/14, 04:52 pm

Do slide
avatar

Carlos Gramaxo
Nível 2

Masculino
Inscrito dia : 26/06/2012
Mensagens : 13
Pontos Ativos : 25

Ver perfil do usuário http://naruto-superfans.lolbb.com

Resolvido Re: Personalizar com código

Mensagem por Carlos Gramaxo em 18/10/14, 04:58 pm

avatar

Carlos Gramaxo
Nível 2

Masculino
Inscrito dia : 26/06/2012
Mensagens : 13
Pontos Ativos : 25

Ver perfil do usuário http://naruto-superfans.lolbb.com

Resolvido Re: Personalizar com código

Mensagem por Sennior em 18/10/14, 06:46 pm

Saudações,

Meta o código abaixo na tua Home Page:
Painel de Controle Seta Visualização Seta Página inicial Seta 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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar com código

Mensagem por Carlos Gramaxo em 19/10/14, 07:05 am

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

Carlos Gramaxo
Nível 2

Masculino
Inscrito dia : 26/06/2012
Mensagens : 13
Pontos Ativos : 25

Ver perfil do usuário http://naruto-superfans.lolbb.com

Resolvido Re: Personalizar com código

Mensagem por Alex Habilidade em 19/10/14, 12:17 pm

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

E salve.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Personalizar com código

Mensagem por Sennior em 26/10/14, 07:03 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum