Edição código

5 participantes

Ir para baixo

Tópico resolvido Edição código

Mensagem por V Giacobbo 04.12.12 13:11

Qual é minha questão:
Oi oi.. agora na área certa, vamos fazer certo.

Eu gostaria de saber onde nesse código eu posso editar as características do menu.

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
   <head>
           <title>Defiant</title>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
      <link rel="shortcut icon" type="image/x-icon" href="http://www.skilledsoldiers.com/MMO/e107_plugins/aacgc_gamelist/icons/forsaken.png" />
      <link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen">
      <script type="text/css">
      
<!--///////////////////////////////////////////////////////////////////////////////////////-->
 
<!--/                                                                                   ///-->
    
<!--/                    Portal Versão 1.0                                ///-->
 
<!--/                    Editado por V Giacobbo                    ///-->
 
<!--/                                                                                   ///-->
 
<!--///////////////////////////////////////////////////////////////////////////////////////-->




      <script type="text/javascript">
 
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-28009881-1']);
      _gaq.push(['_trackPageview']);
 
      (function() {
         var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
         ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
 
      </script>
    
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
      <script src="http://espions.webs.com/cufon-yui.js" type="text/javascript"></script>
       <script src="http://espions.webs.com/BabelSans_500.font.js" type="text/javascript"></script>
      <script src="http://espions.webs.com/jquery.easing.1.3.js" type="text/javascript"></script>
      <script>var banner= new Array()
         banner[0]="http://images3.alphacoders.com/239/239537.jpg"
         banner[1]="http://bestgamewallpapers.com/files/forsaken-world/servants-of-the-goddess-illyfue_wide.jpg"
         banner[2]="http://img.wallpaperstock.net:81/forsaken-world-wallpapers_29579_1920x1200.jpg"
         banner[3]="http://www.fanpop.com/clubs/forsaken-world/images/31110484/title/forsaken-world-wallpaper?ir=true"
         banner[4]="http://forsaken-world.mmowallpapers.com/wallpaper-forsaken-world-775-1920-1200.jpg"
         banner[5]="http://forsaken-world.mmowallpapers.com/wallpaper-forsaken-world-773-1920-1200.jpg"
         banner[6]="http://wallpaperstock.net/forsaken-world_wallpapers_29581_1920x1200.jpg"
         var random=Math.floor(4*Math.random());
         document.write("<style>");
         document.write("body {");
         document.write(' background:url("' + banner[random] + '") no-repeat top center; background-attachment:fixed;');
         document.write(" }");
         document.write("</style>");</script>
         <script>
            function click() {
               if (event.button==2||event.button==3) {
                  oncontextmenu='return false';
                  }
               }
            document.onmousedown=click
            document.oncontextmenu = new Function("return false;")
         </script>
         <script type="text/javascript">
         $(function() {
            Cufon.replace('a, span').CSS.ready(function() {
               var $menu      = $("#slidingMenu");
            
               var $selected  = $menu.find('li:first');
            
               var $moving      = $('<li />',{
                  className  : 'move',
                  top        : $selected[0].offsetTop + 'px',
                  width      : $selected[0].offsetWidth + 'px'
                  });
            
               $('#slidingMenuDesc > div').each(function(i){
                  var $this = $(this);
                  $this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px');
                  });
            
               $menu.bind('mouseleave',function(){
                  moveTo($selected,400);
                  })
               .append($moving)
               .find('li')
               .not('.move')
               .bind('mouseenter',function(){
                  var $this = $(this);
                  var offsetLeft = $this.offset().left - 20;
                  //slide in the description
                  $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo');
                  //move the absolute div to this item
                  moveTo($this,400);
                  })
               .bind('mouseleave',function(){
                  var $this = $(this);
                  var offsetLeft = $this.offset().left - 20;
                  //slide out the description
                  $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo');
                  });;
            
               function moveTo($elem,speed){
                  $moving.stop(true).animate({
                  top      : $elem[0].offsetTop + 'px',
                  width  : $elem[0].offsetWidth + 'px'
                  }, speed, 'easeOutExpo');
               }
            }) ;
         });
      </script>
   <style>
      span.reference{
      position:fixed;
      left:10px;
      bottom:10px;
      font-size:14px;
      }
      span.reference a{
      color:#aaa;
      text-decoration:underline;
      }
   </style>
   </head>




   <body>
      
   <div>
      <span class="reference">
      Deviant 2012 | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
                </span>
   </div>
    
   <div id="slidingMenuDesc" class="slidingMenuDesc">
 
   <div><span>Acesse nossa base</span></div>
      <div><span>Regras do Forum e da Guild</span></div>
      <div><span>Saiba como se unir a nos!</span></div>
      <div><span>Acesse o site do Forsaken</span></div>
      <div><span>Logue-se no forum</span></div>
   </div>
 
 
   <ul id="slidingMenu" class="slidingMenu">
      <li><a href="/portal" title="">Portal</a></li>
      <li><a href="/forum">Forum</a></li>
      <li><a href="/t1-regras-do-forum" title="">Regras</a></li>
      <li><a href="/f33-download" title="">Una-se a Guild</a></li>
      <li><a href="http://levelupgames.uol.com.br/forsaken/" title="">O Jogo</a></li>
      <li><a href="/login" title="">Login</a></li>
   </ul>
 
   </body>
</html>

Grata Muito feliz

Endereço do meu fórum:
http://fw-defiant.forumais.com

Versão do fórum:
PHPBB3


Última edição por V Giacobbo em 20.12.12 21:35, editado 1 vez(es)
V Giacobbo
V Giacobbo
**

Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122

http://atlantiscityrpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição código

Mensagem por Ace 04.12.12 13:21

Olá,

O que deseja exatamente editar?

As partes do menu estão coligadas à:

Código:
  <ul id="slidingMenu" class="slidingMenu">
      <li><a href="/portal" title="">Portal</a></li>
      <li><a href="/forum">Forum</a></li>
      <li><a href="/t1-regras-do-forum" title="">Regras</a></li>
      <li><a href="/f33-download" title="">Una-se a Guild</a></li>
      <li><a href="http://levelupgames.uol.com.br/forsaken/" title="">O Jogo</a></li>
      <li><a href="/login" title="">Login</a></li>

Até Mais!
Ace
Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição código

Mensagem por V Giacobbo 04.12.12 13:23

É o estilo dele que quero editar, tamanho de fonte, cor. O "design" dele.
V Giacobbo
V Giacobbo
**

Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122

http://atlantiscityrpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição código

Mensagem por Ace 04.12.12 13:27

Olá,

Está entre as tags: <script type="text/css"> e </style>.

Ou seja, tens de saber CSS para editar o estilo da página em si. Piscada

Basta procurar pelas propriedades aplicadas na ID e classe: ''slidingMenu'' Piscada

Até Mais!
Ace
Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição código

Mensagem por V Giacobbo 04.12.12 13:48

Você saberia me passar um exemplo de código para a edição?
V Giacobbo
V Giacobbo
**

Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122

http://atlantiscityrpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição código

Mensagem por Sennior 05.12.12 13:04

Olá senhor,

Seria mais fácil se o senhor explicasse como deseja que editemos. Nós diga como quer que editaremos para você.

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição código

Mensagem por V Giacobbo 05.12.12 13:30

Eu queria diminuir um pouco o tamanho da fonte do menu e deixá-lo na cor preta. =)
V Giacobbo
V Giacobbo
**

Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122

http://atlantiscityrpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição código

Mensagem por V Giacobbo 06.12.12 15:37

Up
V Giacobbo
V Giacobbo
**

Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122

http://atlantiscityrpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição código

Mensagem por SrAndy 09.12.12 23:24

Óla Amigo
Menu :

Spoiler:


nas configurações

<script type="text/css"> e </style>

SrAndy
SrAndy
***

Membro desde : 24/10/2012
Mensagens : 124
Pontos : 175

http://newscheats.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição código

Mensagem por V Giacobbo 10.12.12 17:31

Certo.. consegui arrumar isso no chute.

Será que eu poderia levantar a questão da cor das "caixas" que aparecem envolvendo o menu e a descriçao? Gostaria de deixar meio alaranjadas...
V Giacobbo
V Giacobbo
**

Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122

http://atlantiscityrpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição código

Mensagem por Consolado 10.12.12 17:51

Olá!

Utilize esse código no início do código da página:
<style>.slidingMenuDesc div{background: #COR1; background: -webkit-gradient( linear, left top, left bottom, from(#COR2), to(#COR3) )!important}</style>
#COR1 = Cor de fundo da caixa.
#COR2 = Cor da parte superior.
#COR3 = Cor da parte inferior.

Carregue em Salvar.

Melhores cumprimentos.
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição código

Mensagem por V Giacobbo 10.12.12 19:30

E o background do menu? Porque esse dai só altera o da descriçao :3


Última edição por V Giacobbo em 10.12.12 19:37, editado 1 vez(es)
V Giacobbo
V Giacobbo
**

Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122

http://atlantiscityrpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição código

Mensagem por Consolado 10.12.12 19:35

Olá!

Entre as tags <head></head>. Aconselho logo no final do mesmo.

Melhores cumprimentos.
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição código

Mensagem por V Giacobbo 10.12.12 19:39

Editei a duvida >-< porque consegui descobrir sozinha :3
V Giacobbo
V Giacobbo
**

Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122

http://atlantiscityrpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição código

Mensagem por V Giacobbo 10.12.12 21:27

Today escreveu:Olá!

Utilize esse código no início do código da página:
<style>.slidingMenuDesc div{background: #COR1; background: -webkit-gradient( linear, left top, left bottom, from(#COR2), to(#COR3) )!important}</style>
#COR1 = Cor de fundo da caixa.
#COR2 = Cor da parte superior.
#COR3 = Cor da parte inferior.

Carregue em Salvar.

Melhores cumprimentos.

Pra mudar o fundo do menu eu substitui .slidingMenuDesc por .slidingMenu, mas nao resultou. O que faço?
V Giacobbo
V Giacobbo
**

Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122

http://atlantiscityrpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição código

Mensagem por V Giacobbo 11.12.12 17:41

Up
V Giacobbo
V Giacobbo
**

Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122

http://atlantiscityrpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição código

Mensagem por V Giacobbo 12.12.12 16:35

UP
V Giacobbo
V Giacobbo
**

Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122

http://atlantiscityrpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição código

Mensagem por V Giacobbo 13.12.12 15:01

UP
V Giacobbo
V Giacobbo
**

Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122

http://atlantiscityrpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição código

Mensagem por V Giacobbo 14.12.12 13:09

up
V Giacobbo
V Giacobbo
**

Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122

http://atlantiscityrpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição código

Mensagem por V Giacobbo 15.12.12 18:04

Gente :/ nao é tao dificil eu acho, o que eu pedi.. ninguem sabe?
V Giacobbo
V Giacobbo
**

Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122

http://atlantiscityrpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição código

Mensagem por V Giacobbo 16.12.12 17:24

UP :/
V Giacobbo
V Giacobbo
**

Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122

http://atlantiscityrpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição código

Mensagem por V Giacobbo 17.12.12 15:24

Up D:
V Giacobbo
V Giacobbo
**

Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122

http://atlantiscityrpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição código

Mensagem por V Giacobbo 19.12.12 15:04

Último UP
V Giacobbo
V Giacobbo
**

Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122

http://atlantiscityrpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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