ArtigosTrocar fonte: pagina html
3 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
Trocar fonte: pagina html
por psicovk 29.12.12 18:18
Qual é minha questão:
Queria trocar a fonte das palavras do menu nesta pagina html para Martel Regular:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>LadBlood Servidor de Tibia</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="https://i.imgur.com/cadVD.png" />
<style>
@charset "utf-8";
@font-face {
font-family: "martel";
src: url("http://brunoseender.host22.com/martel.ttf") format("truetype");
}
body, ul, li, h1, h2, span{
margin:0;
padding:0;
}
ul{
list-style:none;
}
body{
color: #D4D4D4;
background-color: #292929;
background-repeat: no-repeat;
background-image: url(../images/background-ggames.jpg);
background-position: left top;
}
.slidingMenu {
position: absolute;
height:800px;
width: 710px;
top:40px;
overflow:hidden;
right:1px;
}
.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(#0771b8),
to(#2183c4)
);
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 #000000;
font-size:66px;
text-transform:uppercase;
text-decoration: none;
color: #ddd;
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: #2183c4;
background:
-webkit-gradient(
linear,
left top,
left bottom,
from(#0771b8),
to(#2183c4)
);
background:
-moz-linear-gradient(
top,
#0771b8,
#2183c4
);
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: #f0f0f0;
text-indent:5px;
z-index: 10;
display: block;
height: 66px;
line-height: 66px;
position:absolute;
right:10px;
margin-left:5px;
top:-3px;
}
</style>
<script>
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;
}
.slidingMenu li a {color: #b4c2b6!important;}
body {
background-image: url('https://i.imgur.com/E61I2.jpg') !important;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div>
<span class="reference">
Ladblood Otserv Copyright 2012 | Web Designer por <a href="http://ladblood.forumeiro.com/forum" target="_Blank" alt="Web Designer zXTeRRoRiStXz">zXTeRRoRiStXz</a> | Hospedado por <a href="https://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
</span>
</div>
<div id="slidingMenuDesc" class="slidingMenuDesc">
<div><span>Uma nova era chegou!</span></div>
<div><span>Fique por dentro de todas as novidades!</span></div>
<div><span>Denuncias!</span></div>
<div><span>Para manter a ordem no jogo!</span></div>
<div><span>Para manter a ordem no forum!</span></div>
<div><span>Visite Nosso Parceiro l Radio: Kollybriweb!</span></div>
<div><span>Venha ser nosso parceiro!</span></div>
</div>
<ul id="slidingMenu" class="slidingMenu">
<li><a href="http://ladblood.forumeiro.com/forum">Portal</a></li>
<li><a href="http://ladblood.forumeiro.com/forum" title="">Forum</a></li>
<li><a href="http://ladblood.forumeiro.com/f1-novidades" title="">Novidades</a></li>
<li><a href="http://ladblood.forumeiro.com/f6-denuncias" title="">Denuncias</a></li>
<li><a href="http://ladblood.forumeiro.com/t3-regras-do-jogo" title="">Regras do Jogo</a></li>
<li><a href="http://ladblood.forumeiro.com/t7-regras-do-forum"">Regras do Forum</a></li>
<li><a href="http://radiokollybriweb.net/" title="">Radio</a></li>
<li><a href="http://https://ajuda.forumeiros.com/" title="">Parceria</a></li>
</ul>
</body>
</html>
Endereço do meu fórum:
http://ladblood.forumeiro.com
Versão do fórum:
PHPBB3
Queria trocar a fonte das palavras do menu nesta pagina html para Martel Regular:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>LadBlood Servidor de Tibia</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="https://i.imgur.com/cadVD.png" />
<style>
@charset "utf-8";
@font-face {
font-family: "martel";
src: url("http://brunoseender.host22.com/martel.ttf") format("truetype");
}
body, ul, li, h1, h2, span{
margin:0;
padding:0;
}
ul{
list-style:none;
}
body{
color: #D4D4D4;
background-color: #292929;
background-repeat: no-repeat;
background-image: url(../images/background-ggames.jpg);
background-position: left top;
}
.slidingMenu {
position: absolute;
height:800px;
width: 710px;
top:40px;
overflow:hidden;
right:1px;
}
.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(#0771b8),
to(#2183c4)
);
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 #000000;
font-size:66px;
text-transform:uppercase;
text-decoration: none;
color: #ddd;
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: #2183c4;
background:
-webkit-gradient(
linear,
left top,
left bottom,
from(#0771b8),
to(#2183c4)
);
background:
-moz-linear-gradient(
top,
#0771b8,
#2183c4
);
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: #f0f0f0;
text-indent:5px;
z-index: 10;
display: block;
height: 66px;
line-height: 66px;
position:absolute;
right:10px;
margin-left:5px;
top:-3px;
}
</style>
<script>
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;
}
.slidingMenu li a {color: #b4c2b6!important;}
body {
background-image: url('https://i.imgur.com/E61I2.jpg') !important;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div>
<span class="reference">
Ladblood Otserv Copyright 2012 | Web Designer por <a href="http://ladblood.forumeiro.com/forum" target="_Blank" alt="Web Designer zXTeRRoRiStXz">zXTeRRoRiStXz</a> | Hospedado por <a href="https://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
</span>
</div>
<div id="slidingMenuDesc" class="slidingMenuDesc">
<div><span>Uma nova era chegou!</span></div>
<div><span>Fique por dentro de todas as novidades!</span></div>
<div><span>Denuncias!</span></div>
<div><span>Para manter a ordem no jogo!</span></div>
<div><span>Para manter a ordem no forum!</span></div>
<div><span>Visite Nosso Parceiro l Radio: Kollybriweb!</span></div>
<div><span>Venha ser nosso parceiro!</span></div>
</div>
<ul id="slidingMenu" class="slidingMenu">
<li><a href="http://ladblood.forumeiro.com/forum">Portal</a></li>
<li><a href="http://ladblood.forumeiro.com/forum" title="">Forum</a></li>
<li><a href="http://ladblood.forumeiro.com/f1-novidades" title="">Novidades</a></li>
<li><a href="http://ladblood.forumeiro.com/f6-denuncias" title="">Denuncias</a></li>
<li><a href="http://ladblood.forumeiro.com/t3-regras-do-jogo" title="">Regras do Jogo</a></li>
<li><a href="http://ladblood.forumeiro.com/t7-regras-do-forum"">Regras do Forum</a></li>
<li><a href="http://radiokollybriweb.net/" title="">Radio</a></li>
<li><a href="http://https://ajuda.forumeiros.com/" title="">Parceria</a></li>
</ul>
</body>
</html>
Endereço do meu fórum:
http://ladblood.forumeiro.com
Versão do fórum:
PHPBB3
psicovk- ****
- Membro desde : 01/07/2012
Mensagens : 372
Pontos : 644 -
Re: Trocar fonte: pagina html
por Holmes 29.12.12 18:31
Saudações,
Use esse HTML:
Assombrosamente.
Use esse HTML:
- Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>LadBlood Servidor de Tibia</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://i.imgur.com/cadVD.png" />
<style>
@charset "utf-8";
@font-face {
font-family: 'Martel Regular';
src: url("http://brunoseender.host22.com/martel.ttf") format("truetype");
}
body, ul, li, h1, h2, span{
margin:0;
padding:0;
}
ul{
list-style:none;
}
body{
color: #D4D4D4;
background-color: #292929;
background-repeat: no-repeat;
background-image: url(../images/background-ggames.jpg);
background-position: left top;
}
.slidingMenu {
position: absolute;
height:800px;
width: 710px;
top:40px;
overflow:hidden;
right:1px;
}
.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(#0771b8),
to(#2183c4)
);
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 #000000;
font-size:66px;
text-transform:uppercase;
text-decoration: none;
color: #ddd;
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: #2183c4;
background:
-webkit-gradient(
linear,
left top,
left bottom,
from(#0771b8),
to(#2183c4)
);
background:
-moz-linear-gradient(
top,
#0771b8,
#2183c4
);
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: #f0f0f0;
text-indent:5px;
z-index: 10;
display: block;
height: 66px;
line-height: 66px;
position:absolute;
right:10px;
margin-left:5px;
top:-3px;
}
</style>
<script>
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;
}
.slidingMenu li a {color: #b4c2b6!important;}
body {
background-image: url('http://i.imgur.com/E61I2.jpg') !important;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div>
<span class="reference">
Ladblood Otserv Copyright 2012 | Web Designer por <a href="http://ladblood.forumeiro.com/forum" target="_Blank" alt="Web Designer zXTeRRoRiStXz">zXTeRRoRiStXz</a> | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
</span>
</div>
<div id="slidingMenuDesc" class="slidingMenuDesc">
<div><span>Uma nova era chegou!</span></div>
<div><span>Fique por dentro de todas as novidades!</span></div>
<div><span>Denuncias!</span></div>
<div><span>Para manter a ordem no jogo!</span></div>
<div><span>Para manter a ordem no forum!</span></div>
<div><span>Visite Nosso Parceiro l Radio: Kollybriweb!</span></div>
<div><span>Venha ser nosso parceiro!</span></div>
</div>
<ul id="slidingMenu" class="slidingMenu">
<li><a href="http://ladblood.forumeiro.com/forum">Portal</a></li>
<li><a href="http://ladblood.forumeiro.com/forum" title="">Forum</a></li>
<li><a href="http://ladblood.forumeiro.com/f1-novidades" title="">Novidades</a></li>
<li><a href="http://ladblood.forumeiro.com/f6-denuncias" title="">Denuncias</a></li>
<li><a href="http://ladblood.forumeiro.com/t3-regras-do-jogo" title="">Regras do Jogo</a></li>
<li><a href="http://ladblood.forumeiro.com/t7-regras-do-forum"">Regras do Forum</a></li>
<li><a href="http://radiokollybriweb.net/" title="">Radio</a></li>
<li><a href="http://http://ajuda.forumeiros.com/" title="">Parceria</a></li>
</ul>
</body>
</html>
Assombrosamente.
Holmes- ****
- Membro desde : 11/11/2012
Mensagens : 303
Pontos : 413
psicovk- ****
- Membro desde : 01/07/2012
Mensagens : 372
Pontos : 644 -
Re: Trocar fonte: pagina html
por Holmes 29.12.12 18:43
Saudações,
Use esse HTML:
Assombrosamente.
Use esse HTML:
- Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>LadBlood Servidor de Tibia</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://i.imgur.com/cadVD.png" />
<style>
@charset "utf-8";
@font-face {
font-family: 'Martel Regular';
src: url("http://brunoseender.host22.com/martel.ttf") format("truetype");
}
body, ul, li, h1, h2, span{
margin:0;
padding:0;
font-family: 'Martel Regular';
}
body *{font-family: 'Martel Regular';}
ul{
list-style:none;
}
body{
color: #D4D4D4;
background-color: #292929;
background-repeat: no-repeat;
background-image: url(../images/background-ggames.jpg);
background-position: left top;
}
.slidingMenu {
position: absolute;
height:800px;
width: 710px;
top:40px;
overflow:hidden;
right:1px;
}
.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(#0771b8),
to(#2183c4)
);
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 #000000;
font-size:66px;
text-transform:uppercase;
text-decoration: none;
color: #ddd;
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: #2183c4;
background:
-webkit-gradient(
linear,
left top,
left bottom,
from(#0771b8),
to(#2183c4)
);
background:
-moz-linear-gradient(
top,
#0771b8,
#2183c4
);
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: #f0f0f0;
text-indent:5px;
z-index: 10;
display: block;
height: 66px;
line-height: 66px;
position:absolute;
right:10px;
margin-left:5px;
top:-3px;
}
</style>
<script>
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;
}
.slidingMenu li a {color: #b4c2b6!important;}
body {
background-image: url('http://i.imgur.com/E61I2.jpg') !important;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div>
<span class="reference">
Ladblood Otserv Copyright 2012 | Web Designer por <a href="http://ladblood.forumeiro.com/forum" target="_Blank" alt="Web Designer zXTeRRoRiStXz">zXTeRRoRiStXz</a> | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
</span>
</div>
<div id="slidingMenuDesc" class="slidingMenuDesc">
<div><span>Uma nova era chegou!</span></div>
<div><span>Fique por dentro de todas as novidades!</span></div>
<div><span>Denuncias!</span></div>
<div><span>Para manter a ordem no jogo!</span></div>
<div><span>Para manter a ordem no forum!</span></div>
<div><span>Visite Nosso Parceiro l Radio: Kollybriweb!</span></div>
<div><span>Venha ser nosso parceiro!</span></div>
</div>
<ul id="slidingMenu" class="slidingMenu">
<li><a href="http://ladblood.forumeiro.com/forum">Portal</a></li>
<li><a href="http://ladblood.forumeiro.com/forum" title="">Forum</a></li>
<li><a href="http://ladblood.forumeiro.com/f1-novidades" title="">Novidades</a></li>
<li><a href="http://ladblood.forumeiro.com/f6-denuncias" title="">Denuncias</a></li>
<li><a href="http://ladblood.forumeiro.com/t3-regras-do-jogo" title="">Regras do Jogo</a></li>
<li><a href="http://ladblood.forumeiro.com/t7-regras-do-forum"">Regras do Forum</a></li>
<li><a href="http://radiokollybriweb.net/" title="">Radio</a></li>
<li><a href="http://http://ajuda.forumeiros.com/" title="">Parceria</a></li>
</ul>
</body>
</html>
Assombrosamente.
Holmes- ****
- Membro desde : 11/11/2012
Mensagens : 303
Pontos : 413
psicovk- ****
- Membro desde : 01/07/2012
Mensagens : 372
Pontos : 644 -
Re: Trocar fonte: pagina html
por Holmes 29.12.12 18:50
Saudações,
Tem certeza que o nome da fonte é esse?
Tem certeza que está configurado corretamente?
Eu mudei o único local que havia para mudar a fonte.
Assombrosamente.
Tem certeza que o nome da fonte é esse?
Tem certeza que está configurado corretamente?
Eu mudei o único local que havia para mudar a fonte.
Assombrosamente.
Holmes- ****
- Membro desde : 11/11/2012
Mensagens : 303
Pontos : 413
Re: Trocar fonte: pagina html
por psicovk 29.12.12 18:52
O nome da fonte é Martel, estou configurando corretamente.
psicovk- ****
- Membro desde : 01/07/2012
Mensagens : 372
Pontos : 644 -
Re: Trocar fonte: pagina html
por Holmes 29.12.12 18:53
Mas eu devo utilizar o nome "Martel" ou "Martel Regular"? Eu utilizei no código "Martel Regular" como foi dito no tópico.psicovk escreveu:O nome da fonte é Martel, estou configurando corretamente.
Assombrosamente.
Holmes- ****
- Membro desde : 11/11/2012
Mensagens : 303
Pontos : 413
psicovk- ****
- Membro desde : 01/07/2012
Mensagens : 372
Pontos : 644 -
Re: Trocar fonte: pagina html
por Holmes 29.12.12 18:58
Saudações,
Use esse HTML:
Se não funcionar:
Assombrosamente.
Use esse HTML:
- Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>LadBlood Servidor de Tibia</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://i.imgur.com/cadVD.png" />
<style>
@charset "utf-8";
@font-face {
font-family: 'Martel';
src: url("http://brunoseender.host22.com/martel.ttf") format("truetype");
}
body, ul, li, h1, h2, span{
margin:0;
padding:0;
font-family: 'Martel';
}
body *{font-family: 'Martel';}
ul{
list-style:none;
}
body{
color: #D4D4D4;
background-color: #292929;
background-repeat: no-repeat;
background-image: url(../images/background-ggames.jpg);
background-position: left top;
}
.slidingMenu {
position: absolute;
height:800px;
width: 710px;
top:40px;
overflow:hidden;
right:1px;
}
.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(#0771b8),
to(#2183c4)
);
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 #000000;
font-size:66px;
text-transform:uppercase;
text-decoration: none;
color: #ddd;
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: #2183c4;
background:
-webkit-gradient(
linear,
left top,
left bottom,
from(#0771b8),
to(#2183c4)
);
background:
-moz-linear-gradient(
top,
#0771b8,
#2183c4
);
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: #f0f0f0;
text-indent:5px;
z-index: 10;
display: block;
height: 66px;
line-height: 66px;
position:absolute;
right:10px;
margin-left:5px;
top:-3px;
}
</style>
<script>
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;
}
.slidingMenu li a {color: #b4c2b6!important;}
body {
background-image: url('http://i.imgur.com/E61I2.jpg') !important;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div>
<span class="reference">
Ladblood Otserv Copyright 2012 | Web Designer por <a href="http://ladblood.forumeiro.com/forum" target="_Blank" alt="Web Designer zXTeRRoRiStXz">zXTeRRoRiStXz</a> | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
</span>
</div>
<div id="slidingMenuDesc" class="slidingMenuDesc">
<div><span>Uma nova era chegou!</span></div>
<div><span>Fique por dentro de todas as novidades!</span></div>
<div><span>Denuncias!</span></div>
<div><span>Para manter a ordem no jogo!</span></div>
<div><span>Para manter a ordem no forum!</span></div>
<div><span>Visite Nosso Parceiro l Radio: Kollybriweb!</span></div>
<div><span>Venha ser nosso parceiro!</span></div>
</div>
<ul id="slidingMenu" class="slidingMenu">
<li><a href="http://ladblood.forumeiro.com/forum">Portal</a></li>
<li><a href="http://ladblood.forumeiro.com/forum" title="">Forum</a></li>
<li><a href="http://ladblood.forumeiro.com/f1-novidades" title="">Novidades</a></li>
<li><a href="http://ladblood.forumeiro.com/f6-denuncias" title="">Denuncias</a></li>
<li><a href="http://ladblood.forumeiro.com/t3-regras-do-jogo" title="">Regras do Jogo</a></li>
<li><a href="http://ladblood.forumeiro.com/t7-regras-do-forum"">Regras do Forum</a></li>
<li><a href="http://radiokollybriweb.net/" title="">Radio</a></li>
<li><a href="http://http://ajuda.forumeiros.com/" title="">Parceria</a></li>
</ul>
</body>
</html>
Se não funcionar:
- Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>LadBlood Servidor de Tibia</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://i.imgur.com/cadVD.png" />
<style>
@charset "utf-8";
@font-face {
font-family: 'Martel';
src: url('http://brunoseender.host22.com/martel.ttf');
}
body, ul, li, h1, h2, span{
margin:0;
padding:0;
font-family: 'Martel';
}
body *{font-family: 'Martel';}
ul{
list-style:none;
}
body{
color: #D4D4D4;
background-color: #292929;
background-repeat: no-repeat;
background-image: url(../images/background-ggames.jpg);
background-position: left top;
}
.slidingMenu {
position: absolute;
height:800px;
width: 710px;
top:40px;
overflow:hidden;
right:1px;
}
.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(#0771b8),
to(#2183c4)
);
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 #000000;
font-size:66px;
text-transform:uppercase;
text-decoration: none;
color: #ddd;
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: #2183c4;
background:
-webkit-gradient(
linear,
left top,
left bottom,
from(#0771b8),
to(#2183c4)
);
background:
-moz-linear-gradient(
top,
#0771b8,
#2183c4
);
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: #f0f0f0;
text-indent:5px;
z-index: 10;
display: block;
height: 66px;
line-height: 66px;
position:absolute;
right:10px;
margin-left:5px;
top:-3px;
}
</style>
<script>
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;
}
.slidingMenu li a {color: #b4c2b6!important;}
body {
background-image: url('http://i.imgur.com/E61I2.jpg') !important;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div>
<span class="reference">
Ladblood Otserv Copyright 2012 | Web Designer por <a href="http://ladblood.forumeiro.com/forum" target="_Blank" alt="Web Designer zXTeRRoRiStXz">zXTeRRoRiStXz</a> | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
</span>
</div>
<div id="slidingMenuDesc" class="slidingMenuDesc">
<div><span>Uma nova era chegou!</span></div>
<div><span>Fique por dentro de todas as novidades!</span></div>
<div><span>Denuncias!</span></div>
<div><span>Para manter a ordem no jogo!</span></div>
<div><span>Para manter a ordem no forum!</span></div>
<div><span>Visite Nosso Parceiro l Radio: Kollybriweb!</span></div>
<div><span>Venha ser nosso parceiro!</span></div>
</div>
<ul id="slidingMenu" class="slidingMenu">
<li><a href="http://ladblood.forumeiro.com/forum">Portal</a></li>
<li><a href="http://ladblood.forumeiro.com/forum" title="">Forum</a></li>
<li><a href="http://ladblood.forumeiro.com/f1-novidades" title="">Novidades</a></li>
<li><a href="http://ladblood.forumeiro.com/f6-denuncias" title="">Denuncias</a></li>
<li><a href="http://ladblood.forumeiro.com/t3-regras-do-jogo" title="">Regras do Jogo</a></li>
<li><a href="http://ladblood.forumeiro.com/t7-regras-do-forum"">Regras do Forum</a></li>
<li><a href="http://radiokollybriweb.net/" title="">Radio</a></li>
<li><a href="http://http://ajuda.forumeiros.com/" title="">Parceria</a></li>
</ul>
</body>
</html>
Assombrosamente.
Holmes- ****
- Membro desde : 11/11/2012
Mensagens : 303
Pontos : 413
Re: Trocar fonte: pagina html
por psicovk 29.12.12 19:04
Ambos não funcionaram, está é uma questão que eu considero dificil, pois varios ajudeiros tentaram e não obtiveram exito, para testar se o problema é realmente a propria fonte, escolha outra aleatoriamente somente para ver se funciona.
psicovk- ****
- Membro desde : 01/07/2012
Mensagens : 372
Pontos : 644 -
Re: Trocar fonte: pagina html
por Holmes 29.12.12 19:08
Saudações,
Usei a fonte Comic Sans.
Use esse HTML:
Assombrosamente.
Usei a fonte Comic Sans.
Use esse HTML:
- Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>LadBlood Servidor de Tibia</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://i.imgur.com/cadVD.png" />
<style>
@charset "utf-8";
@font-face {
font-family: 'Comic Sans';
src: url("http://brunoseender.host22.com/martel.ttf") format("truetype");
}
body, ul, li, h1, h2, span{
margin:0;
padding:0;
font-family: 'Comic Sans';
}
body *{font-family: 'Comic Sans';}
ul{
list-style:none;
}
body{
color: #D4D4D4;
background-color: #292929;
background-repeat: no-repeat;
background-image: url(../images/background-ggames.jpg);
background-position: left top;
}
.slidingMenu {
position: absolute;
height:800px;
width: 710px;
top:40px;
overflow:hidden;
right:1px;
}
.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(#0771b8),
to(#2183c4)
);
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 #000000;
font-size:66px;
text-transform:uppercase;
text-decoration: none;
color: #ddd;
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: #2183c4;
background:
-webkit-gradient(
linear,
left top,
left bottom,
from(#0771b8),
to(#2183c4)
);
background:
-moz-linear-gradient(
top,
#0771b8,
#2183c4
);
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: #f0f0f0;
text-indent:5px;
z-index: 10;
display: block;
height: 66px;
line-height: 66px;
position:absolute;
right:10px;
margin-left:5px;
top:-3px;
}
</style>
<script>
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;
}
.slidingMenu li a {color: #b4c2b6!important;}
body {
background-image: url('http://i.imgur.com/E61I2.jpg') !important;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div>
<span class="reference">
Ladblood Otserv Copyright 2012 | Web Designer por <a href="http://ladblood.forumeiro.com/forum" target="_Blank" alt="Web Designer zXTeRRoRiStXz">zXTeRRoRiStXz</a> | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
</span>
</div>
<div id="slidingMenuDesc" class="slidingMenuDesc">
<div><span>Uma nova era chegou!</span></div>
<div><span>Fique por dentro de todas as novidades!</span></div>
<div><span>Denuncias!</span></div>
<div><span>Para manter a ordem no jogo!</span></div>
<div><span>Para manter a ordem no forum!</span></div>
<div><span>Visite Nosso Parceiro l Radio: Kollybriweb!</span></div>
<div><span>Venha ser nosso parceiro!</span></div>
</div>
<ul id="slidingMenu" class="slidingMenu">
<li><a href="http://ladblood.forumeiro.com/forum">Portal</a></li>
<li><a href="http://ladblood.forumeiro.com/forum" title="">Forum</a></li>
<li><a href="http://ladblood.forumeiro.com/f1-novidades" title="">Novidades</a></li>
<li><a href="http://ladblood.forumeiro.com/f6-denuncias" title="">Denuncias</a></li>
<li><a href="http://ladblood.forumeiro.com/t3-regras-do-jogo" title="">Regras do Jogo</a></li>
<li><a href="http://ladblood.forumeiro.com/t7-regras-do-forum"">Regras do Forum</a></li>
<li><a href="http://radiokollybriweb.net/" title="">Radio</a></li>
<li><a href="http://http://ajuda.forumeiros.com/" title="">Parceria</a></li>
</ul>
</body>
</html>
Assombrosamente.
Holmes- ****
- Membro desde : 11/11/2012
Mensagens : 303
Pontos : 413
Re: Trocar fonte: pagina html
por psicovk 29.12.12 19:10
Não funcionou, veja se estou fazendo de forma correta:
Modulos > Html e Javascript > Gestão das paginas HTML
Modulos > Html e Javascript > Gestão das paginas HTML
psicovk- ****
- Membro desde : 01/07/2012
Mensagens : 372
Pontos : 644 -
Re: Trocar fonte: pagina html
por Holmes 29.12.12 19:11
Sim, está.psicovk escreveu:Não funcionou, veja se estou fazendo de forma correta:
Modulos > Html e Javascript > Gestão das paginas HTML
Poderia passar o link da página HTML no seu site?
Holmes- ****
- Membro desde : 11/11/2012
Mensagens : 303
Pontos : 413
psicovk- ****
- Membro desde : 01/07/2012
Mensagens : 372
Pontos : 644 -
Re: Trocar fonte: pagina html
por Holmes 29.12.12 19:27
Não, o link da página HTML no seu fórum.psicovk escreveu:http://ladblood.forumeiro.com/
Exemplo:
http://ladblood.forumeiro.com/h1-
Assombrosamente.
Holmes- ****
- Membro desde : 11/11/2012
Mensagens : 303
Pontos : 413
Re: Trocar fonte: pagina html
por psicovk 29.12.12 19:28
URL do link : http://ladblood.forumeiro.com/
Está assim na gestão de paginas HTML, ela está de paginal inicial.
Está assim na gestão de paginas HTML, ela está de paginal inicial.
psicovk- ****
- Membro desde : 01/07/2012
Mensagens : 372
Pontos : 644 -
Re: Trocar fonte: pagina html
por Sennior 29.12.12 22:01
Boa Noite!
Altere as partes em vermelho no código abaixo para o mesmo nome das fontes que o senhor deseja:
Abraço!
Altere as partes em vermelho no código abaixo para o mesmo nome das fontes que o senhor deseja:
- Código:
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>LadBlood Servidor de Tibia</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="https://i.imgur.com/cadVD.png" />
<style>
@charset "utf-8";
@font-face {
font-family: 'arial';
src: url("http://brunoseender.host22.com/martel.ttf") format("truetype");
}
body, ul, li, h1, h2, span{
margin:0;
padding:0;
font-family: 'arial';
}
body *{font-family: 'arial';}
ul{
list-style:none;
}
body{
color: #D4D4D4;
background-color: #292929;
background-repeat: no-repeat;
background-image: url(../images/background-ggames.jpg);
background-position: left top;
}
.slidingMenu {
position: absolute;
height:800px;
width: 710px;
top:40px;
overflow:hidden;
right:1px;
}
.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(#0771b8),
to(#2183c4)
);
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 #000000;
font-size:66px;
text-transform:uppercase;
text-decoration: none;
color: #ddd;
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: #2183c4;
background:
-webkit-gradient(
linear,
left top,
left bottom,
from(#0771b8),
to(#2183c4)
);
background:
-moz-linear-gradient(
top,
#0771b8,
#2183c4
);
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: #f0f0f0;
text-indent:5px;
z-index: 10;
display: block;
height: 66px;
line-height: 66px;
position:absolute;
right:10px;
margin-left:5px;
top:-3px;
}
</style>
<script>
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;
}
.slidingMenu li a {color: #b4c2b6!important;}
body {
background-image: url('https://i.imgur.com/E61I2.jpg') !important;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div>
<span class="reference">
Ladblood Otserv Copyright 2012 | Web Designer por <a href="http://ladblood.forumeiro.com/forum" target="_Blank" alt="Web Designer zXTeRRoRiStXz">zXTeRRoRiStXz</a> | Hospedado por <a href="https://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
</span>
</div>
<div id="slidingMenuDesc" class="slidingMenuDesc">
<div><span>Uma nova era chegou!</span></div>
<div><span>Fique por dentro de todas as novidades!</span></div>
<div><span>Denuncias!</span></div>
<div><span>Para manter a ordem no jogo!</span></div>
<div><span>Para manter a ordem no forum!</span></div>
<div><span>Visite Nosso Parceiro l Radio: Kollybriweb!</span></div>
<div><span>Venha ser nosso parceiro!</span></div>
</div>
<ul id="slidingMenu" class="slidingMenu">
<li><a href="http://ladblood.forumeiro.com/forum">Portal</a></li>
<li><a href="http://ladblood.forumeiro.com/forum" title="">Forum</a></li>
<li><a href="http://ladblood.forumeiro.com/f1-novidades" title="">Novidades</a></li>
<li><a href="http://ladblood.forumeiro.com/f6-denuncias" title="">Denuncias</a></li>
<li><a href="http://ladblood.forumeiro.com/t3-regras-do-jogo" title="">Regras do Jogo</a></li>
<li><a href="http://ladblood.forumeiro.com/t7-regras-do-forum"">Regras do Forum</a></li>
<li><a href="http://radiokollybriweb.net/" title="">Radio</a></li>
<li><a href="http://https://ajuda.forumeiros.com/" title="">Parceria</a></li>
</ul>
</body>
</html>
Abraço!
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
psicovk- ****
- Membro desde : 01/07/2012
Mensagens : 372
Pontos : 644 -
Re: Trocar fonte: pagina html
por Sennior 29.12.12 22:12
Olá amigo,
Mande para mim a fonte que deseja colocar.
Abraços!
Mande para mim a fonte que deseja colocar.
Abraços!
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
psicovk- ****
- Membro desde : 01/07/2012
Mensagens : 372
Pontos : 644 -
Re: Trocar fonte: pagina html
por Sennior 29.12.12 22:23
Olá amigo!
Troque por este:
Até mais!
Troque por este:
- Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>LadBlood Servidor de Tibia</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://i.imgur.com/cadVD.png" />
<style>
@charset "utf-8";
@font-face {
font-family: 'Martel Regular' !important;
src: url("http://brunoseender.host22.com/martel.ttf") format("truetype");
}
body, ul, li, h1, h2, span{
margin:0;
padding:0;
}
ul{
list-style:none;
}
body{
color: #D4D4D4;
background-color: #292929;
background-repeat: no-repeat;
background-image: url(../images/background-ggames.jpg);
background-position: left top;
}
.slidingMenu {
position: absolute;
height:800px;
width: 710px;
top:40px;
overflow:hidden;
right:1px;
}
.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(#0771b8),
to(#2183c4)
);
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 #000000;
font-size:66px;
text-transform:uppercase;
text-decoration: none;
color: #ddd;
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: #2183c4;
background:
-webkit-gradient(
linear,
left top,
left bottom,
from(#0771b8),
to(#2183c4)
);
background:
-moz-linear-gradient(
top,
#0771b8,
#2183c4
);
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: #f0f0f0;
text-indent:5px;
z-index: 10;
display: block;
height: 66px;
line-height: 66px;
position:absolute;
right:10px;
margin-left:5px;
top:-3px;
}
</style>
<script>
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="" 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;
}
.slidingMenu li a {color: #b4c2b6!important;}
body {
background-image: url('http://i.imgur.com/E61I2.jpg') !important;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div>
<span class="reference">
Ladblood Otserv Copyright 2012 | Web Designer por <a href="http://ladblood.forumeiro.com/forum" target="_Blank" alt="Web Designer zXTeRRoRiStXz">zXTeRRoRiStXz</a> | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
</span>
</div>
<div id="slidingMenuDesc" class="slidingMenuDesc">
<div><span>Uma nova era chegou!</span></div>
<div><span>Fique por dentro de todas as novidades!</span></div>
<div><span>Denuncias!</span></div>
<div><span>Para manter a ordem no jogo!</span></div>
<div><span>Para manter a ordem no forum!</span></div>
<div><span>Visite Nosso Parceiro l Radio: Kollybriweb!</span></div>
<div><span>Venha ser nosso parceiro!</span></div>
</div>
<ul id="slidingMenu" class="slidingMenu">
<li><a href="http://ladblood.forumeiro.com/forum">Portal</a></li>
<li><a href="http://ladblood.forumeiro.com/forum" title="">Forum</a></li>
<li><a href="http://ladblood.forumeiro.com/f1-novidades" title="">Novidades</a></li>
<li><a href="http://ladblood.forumeiro.com/f6-denuncias" title="">Denuncias</a></li>
<li><a href="http://ladblood.forumeiro.com/t3-regras-do-jogo" title="">Regras do Jogo</a></li>
<li><a href="http://ladblood.forumeiro.com/t7-regras-do-forum"">Regras do Forum</a></li>
<li><a href="http://radiokollybriweb.net/" title="">Radio</a></li>
<li><a href="http://http://ajuda.forumeiros.com/" title="">Parceria</a></li>
</ul>
</body>
</html>
Até mais!
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
psicovk- ****
- Membro desde : 01/07/2012
Mensagens : 372
Pontos : 644 -
Tópicos semelhantes» Trocar página do facebook dessa página HTML
» Cor de fonte pagina html
» Código fonte de uma página HTML
» Como ajustar o tamanho da fonte na página HTML?
» Declaro Urgência Help HTML ( Colocar vídeo para tocar automaticamente quando abrir a página de entrada do fórum em HTML Preciso do códico em HTML
» Cor de fonte pagina html
» Código fonte de uma página HTML
» Como ajustar o tamanho da fonte na página HTML?
» Declaro Urgência Help HTML ( Colocar vídeo para tocar automaticamente quando abrir a página de entrada do fórum em HTML Preciso do códico em HTML
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