ArtigosEdição código
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Edição código
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.
Grata
Endereço do meu fórum:
http://fw-defiant.forumais.com
Versão do fórum:
PHPBB3
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
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- **
- Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122 -
Re: Edição código
por Ace 04.12.12 13:21
Olá,
O que deseja exatamente editar?
As partes do menu estão coligadas à:
Até Mais!
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- Membro Entusiasta
- Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608 -
Re: Edição código
por V Giacobbo 04.12.12 13:23
É o estilo dele que quero editar, tamanho de fonte, cor. O "design" dele.
V Giacobbo- **
- Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122 -
Re: Edição código
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.
Basta procurar pelas propriedades aplicadas na ID e classe: ''slidingMenu''
Até Mais!
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.
Basta procurar pelas propriedades aplicadas na ID e classe: ''slidingMenu''
Até Mais!
Ace- Membro Entusiasta
- Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608 -
Re: Edição código
por V Giacobbo 04.12.12 13:48
Você saberia me passar um exemplo de código para a edição?
V Giacobbo- **
- Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122 -
Re: Edição código
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.
Seria mais fácil se o senhor explicasse como deseja que editemos. Nós diga como quer que editaremos para você.
Até mais.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Edição código
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- **
- Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122 -
V Giacobbo- **
- Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122 -
Re: Edição código
por SrAndy 09.12.12 23:24
Óla Amigo
Menu :
nas configurações
<script type="text/css"> e </style>
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>
SrAndy- ***
- Membro desde : 24/10/2012
Mensagens : 124
Pontos : 175 -
Re: Edição código
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...
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- **
- Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122 -
Re: Edição código
por Consolado 10.12.12 17:51
Olá!
Utilize esse código no início do código da página:
#COR2 = Cor da parte superior.
#COR3 = Cor da parte inferior.
Carregue em Salvar.
Melhores cumprimentos.
Utilize esse código no início do código da página:
#COR1 = Cor de fundo da caixa.<style>.slidingMenuDesc div{background: #COR1; background: -webkit-gradient( linear, left top, left bottom, from(#COR2), to(#COR3) )!important}</style>
#COR2 = Cor da parte superior.
#COR3 = Cor da parte inferior.
Carregue em Salvar.
Melhores cumprimentos.
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Edição código
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- **
- Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122 -
Re: Edição código
por Consolado 10.12.12 19:35
Olá!
Entre as tags <head></head>. Aconselho logo no final do mesmo.
Melhores cumprimentos.
Entre as tags <head></head>. Aconselho logo no final do mesmo.
Melhores cumprimentos.
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Edição código
por V Giacobbo 10.12.12 19:39
Editei a duvida >-< porque consegui descobrir sozinha :3
V Giacobbo- **
- Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122 -
Re: Edição código
por V Giacobbo 10.12.12 21:27
Today escreveu:Olá!
Utilize esse código no início do código da página:#COR1 = Cor de fundo da caixa.<style>.slidingMenuDesc div{background: #COR1; background: -webkit-gradient( linear, left top, left bottom, from(#COR2), to(#COR3) )!important}</style>
#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- **
- Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122 -
V Giacobbo- **
- Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122 -
V Giacobbo- **
- Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122 -
V Giacobbo- **
- Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122 -
V Giacobbo- **
- Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122 -
Re: Edição código
por V Giacobbo 15.12.12 18:04
Gente :/ nao é tao dificil eu acho, o que eu pedi.. ninguem sabe?
V Giacobbo- **
- Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122 -
V Giacobbo- **
- Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122 -
V Giacobbo- **
- Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122 -
V Giacobbo- **
- Membro desde : 21/07/2012
Mensagens : 88
Pontos : 122 -
Tópicos semelhantes» Edição de um código
» Edição do código gerado pelo formulário
» Edição do código
» Edição de código
» Edição de código
» Edição do código gerado pelo formulário
» Edição do código
» Edição de código
» Edição de código
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos