InícioComo eu coloco um menu grande no portal?
2 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 • Compartilhe
Como eu coloco um menu grande no portal?
por ~Mator~ 19.12.12 18:25
Qual é minha questão:
Olá,
Bem, eu gostaria de um menu um pouco alto quando a pessoa digitar o endereço do meu fórum sem o /forum no final.
Exemplo de um fórum não Forumeiros: http://ggames.com.br/
Então, quando a pessoa abre o fórum sem o /forum no final lá, tem um menu, um abaixo do outro por exemplo:
__________________
Portal
Fórum
Tutoriais
Downloads
Nossa Equipe
___________________
Eu já vi esse menu em alguns fóruns da Forumeiros mas eu não sei como coloca-lo, podem me ajudar? Obrigado.
Endereço do meu fórum:
http://portalgamer.forum-pro.net
Versão do fórum:
INVISION
Olá,
Bem, eu gostaria de um menu um pouco alto quando a pessoa digitar o endereço do meu fórum sem o /forum no final.
Exemplo de um fórum não Forumeiros: http://ggames.com.br/
Então, quando a pessoa abre o fórum sem o /forum no final lá, tem um menu, um abaixo do outro por exemplo:
__________________
Portal
Fórum
Tutoriais
Downloads
Nossa Equipe
___________________
Eu já vi esse menu em alguns fóruns da Forumeiros mas eu não sei como coloca-lo, podem me ajudar? Obrigado.
Endereço do meu fórum:
http://portalgamer.forum-pro.net
Versão do fórum:
INVISION
~Mator~- Novo Membro
- Membro desde : 13/12/2012
Mensagens : 12
Pontos : 20 -
Re: Como eu coloco um menu grande no portal?
por BrunoH. 19.12.12 18:27
Olá!
Não pude compreender sua dúvida muito bem, poderia ser mais especifico?
Entendi +/-, veja se é isto que o senhor deseja:
[FAQ] Gerir os botões do "Menu de Navegação"
Até mais.
Não pude compreender sua dúvida muito bem, poderia ser mais especifico?
Entendi +/-, veja se é isto que o senhor deseja:
[FAQ] Gerir os botões do "Menu de Navegação"Até mais.
BrunoH.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
Re: Como eu coloco um menu grande no portal?
por ~Mator~ 19.12.12 18:30
Olá,
É assim, eu já vi em alguns fóruns, que quando a pessoa abre a página Inicial dele, tem apenas um menu, um abaixo do outro, por exemplo:
_____Menu______
Portal
Fórum
Downloads
Tutoriais
Nossa Equipe
Contatos
________________
Então eu queria um menu assim na página inicial, entendeu?
É assim, eu já vi em alguns fóruns, que quando a pessoa abre a página Inicial dele, tem apenas um menu, um abaixo do outro, por exemplo:
_____Menu______
Portal
Fórum
Downloads
Tutoriais
Nossa Equipe
Contatos
________________
Então eu queria um menu assim na página inicial, entendeu?
~Mator~- Novo Membro
- Membro desde : 13/12/2012
Mensagens : 12
Pontos : 20 -
Re: Como eu coloco um menu grande no portal?
por BrunoH. 19.12.12 18:35
Olá!
A sim, agora sim pude entender oque o senhor desejas!
Aceda a Gestão das páginas HTML:
Título
Escolha um título qualquer.
Você deseja utilizar o início e o final da página do seu fórum ? Marque não
Usar esta página como página inicial? Marque sim
Código HTML:
Até mais.
A sim, agora sim pude entender oque o senhor desejas!
Aceda a Gestão das páginas HTML:
Painel de Controle
Título
Escolha um título qualquer.Você deseja utilizar o início e o final da página do seu fórum ?
Marque nãoUsar esta página como página inicial?
Marque simCódigo HTML:
- Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>» Sky Games</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://i47.tinypic.com/11uyhy0.png" />
<link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://skygames.sampforum.net/29180.js" type="text/javascript"></script>
<script src="http://skygames.sampforum.net/31265.js" type="text/javascript"></script>
<script src="http://skygames.sampforum.net/33299.js" type="text/javascript"></script>
<script type="text/css">
<!--////////////////////////////////////////////////////////////////////////////////-->
<!--/ TODOS OS DIREITOS RESERVADOS ///-->
<!--/ Portal Versão 1.5 ///-->
<!--/ Criado por Bruno Henrique Web Designer ///-->
<!--/ http://creativecommons.org/licenses/by-nc-nd/3.0/br/ ///-->
<!--////////////////////////////////////////////////////////////////////////////////-->
<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>
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;
}
body, ul, li, h1, h2, span{
margin:0;
padding:0;
}
ul{
list-style:none;
}
body{
color: #D4D4D4;
background-color: #FFFFFF;
background-repeat: no-repeat;
background: url("http://i.imgur.com/eajO7.png");
}
.slidingMenu {
position: absolute;
height:800px;
width: 710px;
top:40px;
overflow:hidden;
right:1px;
font-family: Arial, Helvetica, sans-serif;
color: #B8860B;
}
.slidingMenu li {
display:block;
float:right;
clear:both;
position:relative;
overflow:hidden;
}
.slidingMenu li.move {
width: 9px;
height: 68px;
right:0px;
padding-right:10px;
margin-top:2px;
z-index: 8;
position: absolute;
background: #2183c4;
background:
-webkit-gradient(
linear,
left top,
left bottom,
from(#0099FF),
to(#0048FF)
);
background:
-moz-linear-gradient(
top,
#0771b8,
#2183c4
);
-moz-border-radius: 8px 0px 0px 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
-moz-box-shadow:1px 1px 5px #000;
-webkit-box-shadow:1px 1px 5px #000;
box-shadow:1px 1px 5px #000;
}
.slidingMenu li a {
text-shadow:0px 5px 9px #1E90FF;
font-size:66px;
text-transform:uppercase;
text-decoration: none;
color: #000000;
outline: none;
text-indent:5px;
z-index: 10;
display: block;
float: right;
height: 66px;
line-height: 66px;
position: relative;
overflow: hidden;
padding-right:10px;
}
/* Descriptions */
.slidingMenuDesc{
margin-top:40px;
position:relative;
}
.slidingMenuDesc div{
background: #0099FF;
background:
-webkit-gradient(
linear,
left top,
left bottom,
from(#0099FF),
to(#0900FF)
);
background:
-moz-linear-gradient(
top,
#0099FF,
#0099FF
);
height: 68px;
padding-right:5px;
left:-5px;
width:0px;
margin-top:2px;
overflow:hidden;
position:absolute;
-moz-box-shadow:1px 1px 5px #000;
-webkit-box-shadow:1px 1px 5px #000;
box-shadow:1px 1px 5px #000;
-moz-border-radius: 0px 8px 8px 0px;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.slidingMenuDesc div span {
font-size:36px;
color: #FFFFFF;
text-indent:5px;
z-index: 10;
display: block;
height: 66px;
line-height: 66px;
position:absolute;
right:10px;
margin-left:5px;
top:-3px;
}
#ultimas {
height: 120px;
position: absolute;
padding-top: 600px;
width: 950px;
padding-left: 300px;
padding-bottom: 30px;
}
</style>
</head>
<body>
<div>
<span class="reference">
Sky Games 2012 | Criado por <a href="http://skygames.sampforum.net/u155" target="_Blank" alt="Bruno Henrique Web Designer">Bruno Henrique</a>
</span>
</div>
<div id="slidingMenuDesc" class="slidingMenuDesc">
<div><span>Logue-se ao Portal</span></div>
<div><span>Leia as regras do Servidor e Forum</span></div>
<div><span>Visite a area de banidos</span></div>
<div><span>Realize comprar aqui</span></div>
<div><span>Design | Bate-Papo | Games Flash | Tirinhas</span></div>
<div><span>Logue-se no forum</span></div>
</div>
<ul id="slidingMenu" class="slidingMenu">
<li><a href="/forum">Forum</a></li>
<li><a href="/portal" title="">Portal</a></li>
<li><a href="/f3-regras-em-geral" title="">Regras</a></li>
<li><a href="/f4-revisao-de-bans" title="">Banidos</a></li>
<li><a href="/f10-shopping" title="">Shopping</a></li>
<li><a href="/c3-miscelanea" title="">Miscelanea</a></li>
<li><a href="/login" title="">Login</a></li>
</ul>
<a href="http://www.forumeiros.com" target="_blank"><font color="black"></font></a>
</body>
</html>
Até mais.
BrunoH.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
Re: Como eu coloco um menu grande no portal?
por ~Mator~ 19.12.12 18:45
Olá,
Bem, esse mesmo, mas eu quero em outros menus e com outro nome Hehê.
Deixe que eu faço. Por enquanto, esse tópico está finalizado e Obrigado.
Bem, esse mesmo, mas eu quero em outros menus e com outro nome Hehê.
Deixe que eu faço. Por enquanto, esse tópico está finalizado e Obrigado.
~Mator~- Novo Membro
- Membro desde : 13/12/2012
Mensagens : 12
Pontos : 20 -
Tópicos semelhantes» Como coloco menu no topo ?
» Como coloco portal no meu forum ?
» [Portal] como coloco isso no meu forum
» Como coloco esse efeito aqui no portal
» Como coloco meu menu assim?
» Como coloco portal no meu forum ?
» [Portal] como coloco isso no meu forum
» Como coloco esse efeito aqui no portal
» Como coloco meu menu assim?
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
Facebook
Twitter
Youtube
