Trocar fonte: pagina html

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

Resolvido Trocar fonte: pagina html

Mensagem por psicovk em 29/12/12, 04:18 pm

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="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;
}
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>

Endereço do meu fórum:
http://ladblood.forumeiro.com

Versão do fórum:
PHPBB3
avatar

psicovk
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 372
Pontos Ativos : 644

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

Resolvido Re: Trocar fonte: pagina html

Mensagem por Holmes em 29/12/12, 04:31 pm

Saudações,

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

Holmes
Usuário avançado

Inscrito dia : 11/11/2012
Mensagens : 303
Pontos Ativos : 413

Ver perfil do usuário

Resolvido Re: Trocar fonte: pagina html

Mensagem por psicovk em 29/12/12, 04:35 pm

Não funcionou.
avatar

psicovk
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 372
Pontos Ativos : 644

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

Resolvido Re: Trocar fonte: pagina html

Mensagem por Holmes em 29/12/12, 04:43 pm

Saudações,

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

Holmes
Usuário avançado

Inscrito dia : 11/11/2012
Mensagens : 303
Pontos Ativos : 413

Ver perfil do usuário

Resolvido Re: Trocar fonte: pagina html

Mensagem por psicovk em 29/12/12, 04:46 pm

Não funcionou.
avatar

psicovk
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 372
Pontos Ativos : 644

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

Resolvido Re: Trocar fonte: pagina html

Mensagem por Holmes em 29/12/12, 04:50 pm

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

Holmes
Usuário avançado

Inscrito dia : 11/11/2012
Mensagens : 303
Pontos Ativos : 413

Ver perfil do usuário

Resolvido Re: Trocar fonte: pagina html

Mensagem por psicovk em 29/12/12, 04:52 pm

O nome da fonte é Martel, estou configurando corretamente.
avatar

psicovk
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 372
Pontos Ativos : 644

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

Resolvido Re: Trocar fonte: pagina html

Mensagem por Holmes em 29/12/12, 04:53 pm

@psicovk escreveu:O nome da fonte é Martel, estou configurando corretamente.
Mas eu devo utilizar o nome "Martel" ou "Martel Regular"? Eu utilizei no código "Martel Regular" como foi dito no tópico.

Assombrosamente.
avatar

Holmes
Usuário avançado

Inscrito dia : 11/11/2012
Mensagens : 303
Pontos Ativos : 413

Ver perfil do usuário

Resolvido Re: Trocar fonte: pagina html

Mensagem por psicovk em 29/12/12, 04:55 pm

Tente "Martel".
avatar

psicovk
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 372
Pontos Ativos : 644

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

Resolvido Re: Trocar fonte: pagina html

Mensagem por Holmes em 29/12/12, 04:58 pm

Saudações,

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

Holmes
Usuário avançado

Inscrito dia : 11/11/2012
Mensagens : 303
Pontos Ativos : 413

Ver perfil do usuário

Resolvido Re: Trocar fonte: pagina html

Mensagem por psicovk em 29/12/12, 05:04 pm

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

psicovk
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 372
Pontos Ativos : 644

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

Resolvido Re: Trocar fonte: pagina html

Mensagem por Holmes em 29/12/12, 05:08 pm

Saudações,

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

Holmes
Usuário avançado

Inscrito dia : 11/11/2012
Mensagens : 303
Pontos Ativos : 413

Ver perfil do usuário

Resolvido Re: Trocar fonte: pagina html

Mensagem por psicovk em 29/12/12, 05:10 pm

Não funcionou, veja se estou fazendo de forma correta:

Modulos > Html e Javascript > Gestão das paginas HTML
avatar

psicovk
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 372
Pontos Ativos : 644

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

Resolvido Re: Trocar fonte: pagina html

Mensagem por Holmes em 29/12/12, 05:11 pm

@psicovk escreveu:Não funcionou, veja se estou fazendo de forma correta:

Modulos > Html e Javascript > Gestão das paginas HTML
Sim, está.

Poderia passar o link da página HTML no seu site?
avatar

Holmes
Usuário avançado

Inscrito dia : 11/11/2012
Mensagens : 303
Pontos Ativos : 413

Ver perfil do usuário

Resolvido Re: Trocar fonte: pagina html

Mensagem por psicovk em 29/12/12, 05:13 pm

avatar

psicovk
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 372
Pontos Ativos : 644

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

Resolvido Re: Trocar fonte: pagina html

Mensagem por Holmes em 29/12/12, 05:27 pm

Não, o link da página HTML no seu fórum.

Exemplo:
http://ladblood.forumeiro.com/h1-

Assombrosamente.
avatar

Holmes
Usuário avançado

Inscrito dia : 11/11/2012
Mensagens : 303
Pontos Ativos : 413

Ver perfil do usuário

Resolvido Re: Trocar fonte: pagina html

Mensagem por psicovk em 29/12/12, 05:28 pm

URL do link : http://ladblood.forumeiro.com/

Está assim na gestão de paginas HTML, ela está de paginal inicial.
avatar

psicovk
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 372
Pontos Ativos : 644

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

Resolvido Re: Trocar fonte: pagina html

Mensagem por Sennior em 29/12/12, 08:01 pm

Boa Noite!

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="http://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('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>

Abraço!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Trocar fonte: pagina html

Mensagem por psicovk em 29/12/12, 08:10 pm

Não funcionou mike
avatar

psicovk
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 372
Pontos Ativos : 644

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

Resolvido Re: Trocar fonte: pagina html

Mensagem por Sennior em 29/12/12, 08:12 pm

Olá amigo,

Mande para mim a fonte que deseja colocar.

Abraços!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Trocar fonte: pagina html

Mensagem por psicovk em 29/12/12, 08:13 pm

Martel
avatar

psicovk
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 372
Pontos Ativos : 644

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

Resolvido Re: Trocar fonte: pagina html

Mensagem por Sennior em 29/12/12, 08:23 pm

Olá amigo!

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Trocar fonte: pagina html

Mensagem por psicovk em 29/12/12, 08:28 pm

Deu certo, vlw brigadao mike.
avatar

psicovk
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 372
Pontos Ativos : 644

Ver perfil do usuário http://ajuda.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