Página inicial em html

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

Resolvido Página inicial em html

Mensagem por Ngw_PedroC em 31/12/12, 03:42 pm

Qual é minha questão:
Eu queria centralizar as letras do menu da minha página HTML. Como podem ver as letras estão voando ela está acima do [center] e eu queria dar um center nelas rsrs.

Minha página:
Código:
<html>
<head>
<title>NightWolf [NGW] </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://favicon.domainsigma.com/gtavkeys.com.ico" />
<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 ///-->




<!--/ Criado por Forumeiros e editado por PedroCosta ///-->




<!--/ ///-->




<!--////////////////////////////////////////////////////////////////////////////////-->
<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 {
background-image: url('http://www.wallpapersshop.net/wp-content/uploads/2012/10/Gta-4-Hd-Wallpapers.jpg') !important;
background-repeat: no-repeat;
}
</style>
</head>
<body style="background-image:url(IMAGEM)">
<div>
<span class="reference">
<a href="http://www.dix-forum.forumeiros.com" target="_Blank" alt="Web Designer JUFASA"></a> <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros"></a>
</span>
</div>
<div id="slidingMenuDesc" class="slidingMenuDesc">
<div><span>Logue-se no forum</span></div><div><span>Registre-se</span></div><div><span>Site do Night Wolf</span></div><div><span>Cheats | Downloads | Tutoriais | Dicas</span></div><div><span>Sistemas Operativos | Programacao | Suporte</span></div><div><span>Competicoes | Offtopic | Informacoes Gerais | Area dos Visitantes</span></div>
</div>








<ul id="slidingMenu" class="slidingMenu">
<li><a href="/forum">FORUM</a></li>
<li><a href="/login" title="">Login</a></li>
<li><a href="/register" title="">Registre-se</a></li>
<li><a href="http://nightwolfserver.forumeiros.com/" title="">SAMP Night Wolf</a></li>
<li><a href="/c2-zona-dos-jogos" title=""></a></li>
<li><a href="/c5-informatica" title=""></a></li>




<li><a href="http://nightwolfserver.forumeiros.com/" title=""></a></li>




</ul>




</body>
</html>

Print: http://i45.tinypic.com/b6orgw.png

Endereço do meu fórum:
http://nightwolfserver.forumeiros.com

Versão do fórum:
INVISION


Última edição por Ngw_PedroC em 31/12/12, 08:11 pm, editado 1 vez(es)
avatar

Ngw_PedroC
Nível 9

Masculino
Inscrito dia : 25/12/2012
Mensagens : 179
Pontos Ativos : 267

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

Resolvido Re: Página inicial em html

Mensagem por MateusV. em 31/12/12, 05:27 pm

Olá,

Substitua o código por este:
Código:
<html>
<head>
<title>NightWolf [NGW] </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://favicon.domainsigma.com/gtavkeys.com.ico" />
<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 ///-->




<!--/ Criado por Forumeiros e editado por PedroCosta ///-->




<!--/ ///-->




<!--////////////////////////////////////////////////////////////////////////////////-->
<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>
<style>.slidingmenudesc div span {
top: 10px!important;
}</style>

<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 {
background-image: url('http://www.wallpapersshop.net/wp-content/uploads/2012/10/Gta-4-Hd-Wallpapers.jpg') !important;
background-repeat: no-repeat;
}
</style>
</head>
<body style="background-image:url(IMAGEM)">
<div>
<span class="reference">
<a href="http://www.dix-forum.forumeiros.com" target="_Blank" alt="Web Designer JUFASA"></a> <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros"></a>
</span>
</div>
<div id="slidingMenuDesc" class="slidingMenuDesc">
<div><span>Logue-se no forum</span></div><div><span>Registre-se</span></div><div><span>Site do Night Wolf</span></div><div><span>Cheats | Downloads | Tutoriais | Dicas</span></div><div><span>Sistemas Operativos | Programacao | Suporte</span></div><div><span>Competicoes | Offtopic | Informacoes Gerais | Area dos Visitantes</span></div>
</div>








<ul id="slidingMenu" class="slidingMenu">
<li><a href="/forum">FORUM</a></li>
<li><a href="/login" title="">Login</a></li>
<li><a href="/register" title="">Registre-se</a></li>
<li><a href="http://nightwolfserver.forumeiros.com/" title="">SAMP Night Wolf</a></li>
<li><a href="/c2-zona-dos-jogos" title=""></a></li>
<li><a href="/c5-informatica" title=""></a></li>




<li><a href="http://nightwolfserver.forumeiros.com/" title=""></a></li>




</ul>




</body>
</html>

Abraços.


Última edição por MateusV. em 31/12/12, 06:06 pm, editado 1 vez(es)
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Página inicial em html

Mensagem por Ngw_PedroC em 31/12/12, 05:56 pm

Nem centralizo .-.
avatar

Ngw_PedroC
Nível 9

Masculino
Inscrito dia : 25/12/2012
Mensagens : 179
Pontos Ativos : 267

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

Resolvido Re: Página inicial em html

Mensagem por MateusV. em 31/12/12, 06:11 pm

Olá,

Substitua por este:
Código:
<html>
<head>
<title>NightWolf [NGW] </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://favicon.domainsigma.com/gtavkeys.com.ico" />
<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 ///-->




<!--/ Criado por Forumeiros e editado por PedroCosta ///-->




<!--/ ///-->




<!--////////////////////////////////////////////////////////////////////////////////-->
<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>
<style>.slidingmenudesc div span {
top: 10px!important;
}</style>

<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 {
background-image: url('http://www.wallpapersshop.net/wp-content/uploads/2012/10/Gta-4-Hd-Wallpapers.jpg') !important;
background-repeat: no-repeat;
}
</style>
</head>
<body style="background-image:url(IMAGEM)">
<div>
<span class="reference">
<a href="http://www.dix-forum.forumeiros.com" target="_Blank" alt="Web Designer JUFASA"></a> <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros"></a>
</span>
</div>
<div id="slidingMenuDesc" class="slidingMenuDesc">
<div><span>Logue-se no forum</span></div><div><span>Registre-se</span></div><div><span>Site do Night Wolf</span></div><div><span>Cheats | Downloads | Tutoriais | Dicas</span></div><div><span>Sistemas Operativos | Programacao | Suporte</span></div><div><span>Competicoes | Offtopic | Informacoes Gerais | Area dos Visitantes</span></div>
</div>








<ul id="slidingMenu" class="slidingMenu">
<li><a href="/forum">FORUM</a></li>
<li><a href="/login" title="">Login</a></li>
<li><a href="/register" title="">Registre-se</a></li>
<li><a href="http://nightwolfserver.forumeiros.com/" title="">SAMP Night Wolf</a></li>
<li><a href="/c2-zona-dos-jogos" title=""></a></li>
<li><a href="/c5-informatica" title=""></a></li>




<li><a href="http://nightwolfserver.forumeiros.com/" title=""></a></li>




</ul>




</body>
</html>

Abraços.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Página inicial em html

Mensagem por Ngw_PedroC em 31/12/12, 07:22 pm

Nada cara :/
avatar

Ngw_PedroC
Nível 9

Masculino
Inscrito dia : 25/12/2012
Mensagens : 179
Pontos Ativos : 267

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

Resolvido Re: Página inicial em html

Mensagem por seender em 31/12/12, 07:43 pm

Olá!

Troque tudo por este código somente:
Código:
<html>
<head>
<title>NightWolf [NGW] </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://favicon.domainsigma.com/gtavkeys.com.ico" />
<link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen">
<script type="text/css">
<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;
}
#slidingMenuDesc.slidingMenuDesc div span{
padding-top:21px !important;
}
body {
background-image: url('http://www.wallpapersshop.net/wp-content/uploads/2012/10/Gta-4-Hd-Wallpapers.jpg') !important;
background-repeat: no-repeat;
text-align:center !important;
}
#slidingMenu.slidingMenu li a{
padding-top:7px !important;
}
</style>
</head>
<div>
<span class="reference">
<a href="http://www.dix-forum.forumeiros.com" target="_Blank" alt="Web Designer JUFASA"></a> <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros"></a>
</span>
</div>
<div id="slidingMenuDesc" class="slidingMenuDesc">
<div><span>Logue-se no forum</span></div><div><span>Registre-se</span></div><div><span>Site do Night Wolf</span></div><div><span>Cheats | Downloads | Tutoriais | Dicas</span></div><div><span>Sistemas Operativos | Programacao | Suporte</span></div><div><span>Competicoes | Offtopic | Informacoes Gerais | Area dos Visitantes</span></div>
</div>

<ul id="slidingMenu" class="slidingMenu">
<li><a href="/forum">FORUM</a></li>
<li><a href="/login" title="">Login</a></li>
<li><a href="/register" title="">Registre-se</a></li>
<li><a href="http://nightwolfserver.forumeiros.com/" title="">SAMP Night Wolf</a></li>
<li><a href="/c2-zona-dos-jogos" title=""></a></li>
<li><a href="/c5-informatica" title=""></a></li>

<li><a href="http://nightwolfserver.forumeiros.com/" title=""></a></li>
</ul>
</body>
</html>
Tópico movido de "Questões sobre a aparência do fórum" para "Questões sobre códigos"
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Página inicial em html

Mensagem por Ngw_PedroC em 31/12/12, 08:10 pm

Resulto, obrigado.
avatar

Ngw_PedroC
Nível 9

Masculino
Inscrito dia : 25/12/2012
Mensagens : 179
Pontos Ativos : 267

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

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