Página inicial HTML personalizada
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Página inicial HTML personalizada
Qual é minha questão:
Gostaria de saber como criar uma entrada para meu forum da seguinte forma: http://clamaster.forumbrasil.net/
Gostaria de saber oque eh preciso e como fasso para criá-la.
Obrigado
Endereço do meu fórum:
http://saw-nwd.forumeiros.com
Versão do fórum:
PHPBB3
Gostaria de saber como criar uma entrada para meu forum da seguinte forma: http://clamaster.forumbrasil.net/
Gostaria de saber oque eh preciso e como fasso para criá-la.
Obrigado
Endereço do meu fórum:
http://saw-nwd.forumeiros.com
Versão do fórum:
PHPBB3
Re: Página inicial HTML personalizada
Olá!
Aqui está o código:
[FAQ] Criar uma página inicial HTML personalizada
[FAQ] Configurar a página inicial do fórum
Melhores cumprimentos.
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
Aqui está o código:
- Código:
<html>
<head>
<title>Master [NWD] </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/2uQNy.png" />
<link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen">
<script type="text/css">
<!--////////////////////////////////////////////////////////////////////////////////-->
<!--/ ///-->
<!--/ ///-->
<!--/ Portal Versão 1.0 ///-->
<!--/ Criado por Bruno Tavares e editado por JUFASA ///-->
<!--/ ///-->
<!--////////////////////////////////////////////////////////////////////////////////-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-28009881-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://espions.webs.com/cufon-yui.js" type="text/javascript"></script>
<script src="http://espions.webs.com/BabelSans_500.font.js" type="text/javascript"></script>
<script src="http://espions.webs.com/jquery.easing.1.3.js" type="text/javascript"></script>
<script>
function click() {
if (event.button==2||event.button==3) {
oncontextmenu='return false';
}
}
document.onmousedown=click
document.oncontextmenu = new Function("return false;")
</script>
<script type="text/javascript">
$(function() {
Cufon.replace('a, span').CSS.ready(function() {
var $menu = $("#slidingMenu");
var $selected = $menu.find('li:first');
var $moving = $('<li />',{
className : 'move',
top : $selected[0].offsetTop + 'px',
width : $selected[0].offsetWidth + 'px'
});
$('#slidingMenuDesc > div').each(function(i){
var $this = $(this);
$this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px');
});
$menu.bind('mouseleave',function(){
moveTo($selected,400);
})
.append($moving)
.find('li')
.not('.move')
.bind('mouseenter',function(){
var $this = $(this);
var offsetLeft = $this.offset().left - 20;
//slide in the description
$('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo');
//move the absolute div to this item
moveTo($this,400);
})
.bind('mouseleave',function(){
var $this = $(this);
var offsetLeft = $this.offset().left - 20;
//slide out the description
$('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo');
});;
function moveTo($elem,speed){
$moving.stop(true).animate({
top : $elem[0].offsetTop + 'px',
width : $elem[0].offsetWidth + 'px'
}, speed, 'easeOutExpo');
}
}) ;
});
</script>
<style>
span.reference{
position:fixed;
left:10px;
bottom:10px;
font-size:14px;
}
span.reference a{
color:#aaa;
text-decoration:underline;
}
body {
background-image: url('http://i.imgur.com/xU7tV.jpg') !important;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div>
<span class="reference">
<a href="http://www.dix-forum.forumeiros.com" target="_Blank" alt="Web Designer JUFASA"></a> <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros"></a>
</span>
</div>
<div id="slidingMenuDesc" class="slidingMenuDesc">
<div><span>Logue-se no forum</span></div>
<div><span>Registre-se</span></div>
<div><span>Site da NWD</span></div>
<div><span>Cheats | Downloads | Tutoriais | Dicas</span></div>
<div><span>Sistemas Operativos | Programacao | Suporte</span></div>
<div><span>Competicoes | Offtopic | Informacoes Gerais | Area dos Visitantes</span></div>
</div>
<ul id="slidingMenu" class="slidingMenu">
<li><a href="/forum">FORUM</a></li>
<li><a href="/login" title="">Login</a></li>
<li><a href="/register" title="">Registre-se</a></li>
<li><a href="http://nwdgames.forumbrasil.net/" title="">NWD Games</a></li>
<li><a href="/c2-zona-dos-jogos" title=""></a></li>
<li><a href="/c5-informatica" title=""></a></li>
<li><a href="http://nwdgames.forumbrasil.net/" title=""></a></li>
</ul>
</body>
</html>
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
Melhores cumprimentos.
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Página inicial HTML personalizada
Fiz isso funcionou blz, porem fikou com isso: https://i.imgur.com/wtJJ0.jpg
Queria saber como tira isso,
Como muda a cor da escrita q fika em: FORUM, LOGIN, REGISTRE-SE, NWD GAMES, q no caso está cinza, keria saber onde no codigo q muda a cor delas.
Outra coisa, queria mudar cor da "caixa" azul q se movimenta quando passa o mouse em cima de um dos titulos....
Conseguiu intender minhas palavras? eu acho q eu complikei um pouco.
Obrigado.
Queria saber como tira isso,
Como muda a cor da escrita q fika em: FORUM, LOGIN, REGISTRE-SE, NWD GAMES, q no caso está cinza, keria saber onde no codigo q muda a cor delas.
Outra coisa, queria mudar cor da "caixa" azul q se movimenta quando passa o mouse em cima de um dos titulos....
Conseguiu intender minhas palavras? eu acho q eu complikei um pouco.
Obrigado.
Re: Página inicial HTML personalizada
Saudações,
Use esse HTML:
Em relação a cor da letra e o que você quer modificar, voc6e deve ser mais especifico sobre qual a cor que você quer colocar.
Assombrosamente.
Use esse HTML:
Em negrito o que você deve modificar.<html>
<head>
<title>Master [NWD] </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/2uQNy.png" />
<link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen">
<script type="text/css">
<!--////////////////////////////////////////////////////////////////////////////////-->
<!--/ ///-->
<!--/ ///-->
<!--/ Portal Versão 1.0 ///-->
<!--/ Criado por Bruno Tavares e editado por JUFASA ///-->
<!--/ ///-->
<!--////////////////////////////////////////////////////////////////////////////////-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-28009881-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://espions.webs.com/cufon-yui.js" type="text/javascript"></script>
<script src="http://espions.webs.com/BabelSans_500.font.js" type="text/javascript"></script>
<script src="http://espions.webs.com/jquery.easing.1.3.js" type="text/javascript"></script>
<script>
function click() {
if (event.button==2||event.button==3) {
oncontextmenu='return false';
}
}
document.onmousedown=click
document.oncontextmenu = new Function("return false;")
</script>
<script type="text/javascript">
$(function() {
Cufon.replace('a, span').CSS.ready(function() {
var $menu = $("#slidingMenu");
var $selected = $menu.find('li:first');
var $moving = $('<li />',{
className : 'move',
top : $selected[0].offsetTop + 'px',
width : $selected[0].offsetWidth + 'px'
});
$('#slidingMenuDesc > div').each(function(i){
var $this = $(this);
$this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px');
});
$menu.bind('mouseleave',function(){
moveTo($selected,400);
})
.append($moving)
.find('li')
.not('.move')
.bind('mouseenter',function(){
var $this = $(this);
var offsetLeft = $this.offset().left - 20;
//slide in the description
$('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo');
//move the absolute div to this item
moveTo($this,400);
})
.bind('mouseleave',function(){
var $this = $(this);
var offsetLeft = $this.offset().left - 20;
//slide out the description
$('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo');
});;
function moveTo($elem,speed){
$moving.stop(true).animate({
top : $elem[0].offsetTop + 'px',
width : $elem[0].offsetWidth + 'px'
}, speed, 'easeOutExpo');
}
}) ;
});
</script>
<style>
span.reference{
position:fixed;
left:10px;
bottom:10px;
font-size:14px;
}
span.reference a{
color:#aaa;
text-decoration:underline;
}
body {
background-image: url('https://i.imgur.com/xU7tV.jpg') !important;
background-repeat: no-repeat;
}
</style>
</head>
<body style="background-image:url(IMAGEM)">
<div>
<span class="reference">
<a href="http://www.dix-forum.forumeiros.com" target="_Blank" alt="Web Designer JUFASA"></a> <a href="https://www.forumeiros.com" target="_Blank" alt="Forumeiros"></a>
</span>
</div>
<div id="slidingMenuDesc" class="slidingMenuDesc">
<div><span>Logue-se no forum</span></div>
<div><span>Registre-se</span></div>
<div><span>Site da NWD</span></div>
<div><span>Cheats | Downloads | Tutoriais | Dicas</span></div>
<div><span>Sistemas Operativos | Programacao | Suporte</span></div>
<div><span>Competicoes | Offtopic | Informacoes Gerais | Area dos Visitantes</span></div>
</div>
<ul id="slidingMenu" class="slidingMenu">
<li><a href="/forum">FORUM</a></li>
<li><a href="/login" title="">Login</a></li>
<li><a href="/register" title="">Registre-se</a></li>
<li><a href="http://nwdgames.forumbrasil.net/" title="">NWD Games</a></li>
<li><a href="/c2-zona-dos-jogos" title=""></a></li>
<li><a href="/c5-informatica" title=""></a></li>
<li><a href="http://nwdgames.forumbrasil.net/" title=""></a></li>
</ul>
</body>
</html>
Em relação a cor da letra e o que você quer modificar, voc6e deve ser mais especifico sobre qual a cor que você quer colocar.
Assombrosamente.
Holmes- ****
- Membro desde : 11/11/2012
Mensagens : 303
Pontos : 413
Re: Página inicial HTML personalizada
Ele qh pekinin ... neh
vou testálo
Edit
Continua com akela parte cinza escuro em baixo da imagem... igualzinho na print do meu post acima...
vou testálo
Edit
Continua com akela parte cinza escuro em baixo da imagem... igualzinho na print do meu post acima...
Re: Página inicial HTML personalizada
Ola Amigos Poderia Utilizar esse Code Obrigado
- Código:
<html>
<head>
<title>» SaW [NWD] </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://img850.imageshack.us/img850/6184/novou.png" />
<link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen">
<script type="text/css">
<!--////////////////////////////////////////////////////////////////////////////////-->
<!--/ ///-->
<!--/ ///-->
<!--/ Portal Versão 1.0 ///-->
<!--/ Criado por Bruno Tavares e editado por JUFASA ///-->
<!--/ ///-->
<!--////////////////////////////////////////////////////////////////////////////////-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-28009881-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://espions.webs.com/cufon-yui.js" type="text/javascript"></script>
<script src="http://espions.webs.com/BabelSans_500.font.js" type="text/javascript"></script>
<script src="http://espions.webs.com/jquery.easing.1.3.js" type="text/javascript"></script>
<script>
function click() {
if (event.button==2||event.button==3) {
oncontextmenu='return false';
}
}
document.onmousedown=click
document.oncontextmenu = new Function("return false;")
</script>
<script type="text/javascript">
$(function() {
Cufon.replace('a, span').CSS.ready(function() {
var $menu = $("#slidingMenu");
var $selected = $menu.find('li:first');
var $moving = $('<li />',{
className : 'move',
top : $selected[0].offsetTop + 'px',
width : $selected[0].offsetWidth + 'px'
});
$('#slidingMenuDesc > div').each(function(i){
var $this = $(this);
$this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px');
});
$menu.bind('mouseleave',function(){
moveTo($selected,400);
})
.append($moving)
.find('li')
.not('.move')
.bind('mouseenter',function(){
var $this = $(this);
var offsetLeft = $this.offset().left - 20;
//slide in the description
$('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo');
//move the absolute div to this item
moveTo($this,400);
})
.bind('mouseleave',function(){
var $this = $(this);
var offsetLeft = $this.offset().left - 20;
//slide out the description
$('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo');
});;
function moveTo($elem,speed){
$moving.stop(true).animate({
top : $elem[0].offsetTop + 'px',
width : $elem[0].offsetWidth + 'px'
}, speed, 'easeOutExpo');
}
}) ;
});
</script>
<style>
span.reference{
position:fixed;
left:10px;
bottom:10px;
font-size:14px;
}
span.reference a{
color:#FF0000;
text-decoration:underline;
}
body {
background-image: url('http://i14.servimg.com/u/f14/17/49/91/24/sem_ta12.jpg') !important;
background-repeat: no-repeat;
}
</style>
</head>
<body style="background-image:url(http://i.imgur.com/IQ450.png)">
<div>
<span class="reference">
<a href="http://www.dix-forum.forumeiros.com" target="_Blank" alt="Web Designer JUFASA"></a> <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros"></a>
</span>
</div>
<div id="slidingMenuDesc" class="slidingMenuDesc">
<div><span>Logue-se no forum</span></div>
<div><span>Registre-se</span></div>
<div><span>Site da NWD</span></div>
<div><span>Cheats | Downloads | Tutoriais | Dicas</span></div>
<div><span>Sistemas Operativos | Programacao | Suporte</span></div>
<div><span>Competicoes | Offtopic | Informacoes Gerais | Area dos Visitantes</span></div>
</div>
<ul id="slidingMenu" class="slidingMenu">
<li><a href="/forum">FORUM</a></li>
<li><a href="/login" title="">Login</a></li>
<li><a href="/register" title="">Registre-se</a></li>
<li><a href="http://nwdgames.forumbrasil.net/" title="">NWD Games</a></li>
<li><a href="/c2-zona-dos-jogos" title=""></a></li>
<li><a href="/c5-informatica" title=""></a></li>
<li><a href="http://nwdgames.forumbrasil.net/" title=""></a></li>
</ul>
</body>
</html>
Re: Página inicial HTML personalizada
Olá!
A seguinte pagina não contem este erro:
Eu visualizei e não vi erro algum.
Até mais!
A seguinte pagina não contem este erro:
- Código:
<html>
<head>
<title>Master [NWD] </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/2uQNy.png" />
<link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen">
<script type="text/css">
<!--////////////////////////////////////////////////////////////////////////////////-->
<!--/ ///-->
<!--/ ///-->
<!--/ Portal Versão 1.0 ///-->
<!--/ Criado por Bruno Tavares e editado por JUFASA ///-->
<!--/ ///-->
<!--////////////////////////////////////////////////////////////////////////////////-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-28009881-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://espions.webs.com/cufon-yui.js" type="text/javascript"></script>
<script src="http://espions.webs.com/BabelSans_500.font.js" type="text/javascript"></script>
<script src="http://espions.webs.com/jquery.easing.1.3.js" type="text/javascript"></script>
<script>
function click() {
if (event.button==2||event.button==3) {
oncontextmenu='return false';
}
}
document.onmousedown=click
document.oncontextmenu = new Function("return false;")
</script>
<script type="text/javascript">
$(function() {
Cufon.replace('a, span').CSS.ready(function() {
var $menu = $("#slidingMenu");
var $selected = $menu.find('li:first');
var $moving = $('<li />',{
className : 'move',
top : $selected[0].offsetTop + 'px',
width : $selected[0].offsetWidth + 'px'
});
$('#slidingMenuDesc > div').each(function(i){
var $this = $(this);
$this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px');
});
$menu.bind('mouseleave',function(){
moveTo($selected,400);
})
.append($moving)
.find('li')
.not('.move')
.bind('mouseenter',function(){
var $this = $(this);
var offsetLeft = $this.offset().left - 20;
//slide in the description
$('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo');
//move the absolute div to this item
moveTo($this,400);
})
.bind('mouseleave',function(){
var $this = $(this);
var offsetLeft = $this.offset().left - 20;
//slide out the description
$('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo');
});;
function moveTo($elem,speed){
$moving.stop(true).animate({
top : $elem[0].offsetTop + 'px',
width : $elem[0].offsetWidth + 'px'
}, speed, 'easeOutExpo');
}
}) ;
});
</script>
<style>
span.reference{
position:fixed;
left:10px;
bottom:10px;
font-size:14px;
}
span.reference a{
color:#aaa;
text-decoration:underline;
}
body {
background-image: url('http://i.imgur.com/xU7tV.jpg') !important;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div>
<span class="reference">
<a href="http://www.dix-forum.forumeiros.com" target="_Blank" alt="Web Designer JUFASA"></a> <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros"></a>
</span>
</div>
<div id="slidingMenuDesc" class="slidingMenuDesc">
<div><span>Logue-se no forum</span></div>
<div><span>Registre-se</span></div>
<div><span>Site da NWD</span></div>
<div><span>Cheats | Downloads | Tutoriais | Dicas</span></div>
<div><span>Sistemas Operativos | Programacao | Suporte</span></div>
<div><span>Competicoes | Offtopic | Informacoes Gerais | Area dos Visitantes</span></div>
</div>
<ul id="slidingMenu" class="slidingMenu">
<li><a href="/forum">FORUM</a></li>
<li><a href="/login" title="">Login</a></li>
<li><a href="/register" title="">Registre-se</a></li>
<li><a href="http://nwdgames.forumbrasil.net/" title="">NWD Games</a></li>
<li><a href="/c2-zona-dos-jogos" title=""></a></li>
<li><a href="/c5-informatica" title=""></a></li>
<li><a href="http://nwdgames.forumbrasil.net/" title=""></a></li>
</ul>
</body>
</html>
Eu visualizei e não vi erro algum.
Até mais!
![-](https://2img.net/i/empty.gif)
» Definir página HTML personalizada como página inicial
» Criar uma página inicial HTML personalizada
» Página Inicial Personalizada HTML
» Criar uma página inicial HTML personalizada
» [Dúvida] Criar uma página inicial HTML personalizada
» Criar uma página inicial HTML personalizada
» Página Inicial Personalizada HTML
» Criar uma página inicial HTML personalizada
» [Dúvida] Criar uma página inicial HTML personalizada
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