Edição código

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

Resolvido Edição código

Mensagem por V Giacobbo em 04/12/12, 11:11 am

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, 07:35 pm, editado 1 vez(es)
avatar

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

Resolvido Re: Edição código

Mensagem por Ace em 04/12/12, 11:21 am

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!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Edição código

Mensagem por V Giacobbo em 04/12/12, 11:23 am

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

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

Resolvido Re: Edição código

Mensagem por Ace em 04/12/12, 11:27 am

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!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Edição código

Mensagem por V Giacobbo em 04/12/12, 11:48 am

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

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

Resolvido Re: Edição código

Mensagem por Sennior em 05/12/12, 11:04 am

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.
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: Edição código

Mensagem por V Giacobbo em 05/12/12, 11:30 am

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

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

Resolvido Re: Edição código

Mensagem por V Giacobbo em 06/12/12, 01:37 pm

Up
avatar

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

Resolvido Re: Edição código

Mensagem por SrAndy em 09/12/12, 09:24 pm

Óla Amigo
Menu :

Spoiler:
<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>


nas configurações

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

avatar

SrAndy
Nível 8

Masculino
Inscrito dia : 23/10/2012
Mensagens : 124
Pontos Ativos : 175

Ver perfil do usuário http://newscheats.forumbrasil.net/

Resolvido Re: Edição código

Mensagem por V Giacobbo em 10/12/12, 03:31 pm

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...
avatar

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

Resolvido Re: Edição código

Mensagem por Consolado em 10/12/12, 03:51 pm

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.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Edição código

Mensagem por V Giacobbo em 10/12/12, 05:30 pm

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, 05:37 pm, editado 1 vez(es)
avatar

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum
  • 0

Resolvido Re: Edição código

Mensagem por Consolado em 10/12/12, 05:35 pm

Olá!

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

Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Edição código

Mensagem por V Giacobbo em 10/12/12, 05:39 pm

Editei a duvida >-< porque consegui descobrir sozinha :3
avatar

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

Resolvido Re: Edição código

Mensagem por V Giacobbo em 10/12/12, 07:27 pm

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?
avatar

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

Resolvido Re: Edição código

Mensagem por V Giacobbo em 11/12/12, 03:41 pm

Up
avatar

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

Resolvido Re: Edição código

Mensagem por V Giacobbo em 12/12/12, 02:35 pm

UP
avatar

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

Resolvido Re: Edição código

Mensagem por V Giacobbo em 13/12/12, 01:01 pm

UP
avatar

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

Resolvido Re: Edição código

Mensagem por V Giacobbo em 14/12/12, 11:09 am

up
avatar

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

Resolvido Re: Edição código

Mensagem por V Giacobbo em 15/12/12, 04:04 pm

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

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

Resolvido Re: Edição código

Mensagem por V Giacobbo em 16/12/12, 03:24 pm

UP :/
avatar

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

Resolvido Re: Edição código

Mensagem por V Giacobbo em 17/12/12, 01:24 pm

Up D:
avatar

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

Resolvido Re: Edição código

Mensagem por V Giacobbo em 19/12/12, 01:04 pm

Último UP
avatar

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

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