InícioPagina inicial
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 • Compartilhe
Pagina inicial
por Connor R. 06.10.12 12:08
Qual é minha questão:
Quero fazer uma pagina inicial igual a deste link ai embaixo.
http://forum.academianinjakonoha.com/
Links e imagens do meu problema:
Http://forum.academianinjakonoha.com/
Endereço do meu fórum:
http://onepiecerpggl.forumeiros.com
Versão do meu fórum:
PHPBB2
Quero fazer uma pagina inicial igual a deste link ai embaixo.
http://forum.academianinjakonoha.com/
Links e imagens do meu problema:
Http://forum.academianinjakonoha.com/
Endereço do meu fórum:
http://onepiecerpggl.forumeiros.com
Versão do meu fórum:
PHPBB2
Connor R.- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021 -
Re: Pagina inicial
por Ace 06.10.12 12:10
Olá,
Aceda à:
Painel >> Módulos >> HTML & JAVASCRIPT >> Nova página HTML >> Utilizar como inicial >> Sim >> Conteúdo:
Cordialmente!
Aceda à:
Painel >> Módulos >> HTML & JAVASCRIPT >> Nova página HTML >> Utilizar como inicial >> Sim >> Conteúdo:
- Código:
<html lang="en" class="no-js">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Academia Ninja Konoha 2.0</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='http://fonts.googleapis.com/css?family=Fredoka+One|Open+Sans:400,700' rel='stylesheet' type='text/css'>
<script src="http://huddletogether.com/js/libs/modernizr-2.0.6.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="http://use.typekit.com/bdq7cdj.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<link rel="stylesheet" href="http://huddletogether.com/css/base.css">
<script type="text/javascript">
$(document).ready(function() {
$("#widget-content").hide();
$(".og").click(function() {
$("#widget-content").slideToggle(400);
$(".one").css('display', 'block');
$(".two").css('display', 'none');
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$("#widget-content").hover(function() {
$(".titulo").css('opacity', '25').css('-webkit-transition-duration', '.8s');
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$("#widget-content").mouseout(function() {
$(".titulo").css('opacity', '2').css('-webkit-transition-duration', '.8s');
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$(".og").dblclick(function() {
$(".og img").attr('src', 'http://www.purevb.com/demo/images/styles/elegance/buttons/collapse_tcat_collapsed.png');
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$(".titulo").mouseout(function() {
$(".titulo").css('opacity', '.2').css('-webkit-transition-duration', '.8s');
});
});
</script>
<style>
body {
background-image: url('http://i46.tinypic.com/2z9mn1d.png');
background-position: fixed;
}
.ctn {
font-family: Fredoka One, lucida grande, tahoma, sans-serif;
font-weight: 400;
letter-spacing: 0.03em;
line-height: 1.625em;
margin: 0;
font-size: 18px;
}
a {
text-decoration: none;
}
.footer {
margin-top: 210px;
background-color: #09A1EC;
bottom: 0px !important;
position: absolute;
color: white;
font-height: 500px;
width: 100%;
opacity: .3;
font-family: "Fredoka One", "lucida grande", tahoma, sans-serif;
}
.footer:hover {
opacity: 25 !important;
-webkit-transition-duration: .8s;
}
.footer a{
color: darkblue;
}
nav li a:hover {
-webkit-box-shadow: 0 0 26px #33CCFF;
moz-box-shadow: 0 0 26px #33CCFF;
box-shadow: 0 0 26px #33CCFF;
-webkit-transition-duration: .8s;
}
.widget {
top: 30px !important;
position: absolute;
left: -30px !important;
}
.titulo {
z-index: 999 !important;
position: absolute;
width: 155px;
opacity: .2;
text-decoration: none;
font-size: 20px;
font-weight: 600;
color: white;
text-shadow: 0 -1px #0779b1;
background-color: #09A1EC;
border-bottom: 4px solid #0091CC;
line-height: 1.2em;
padding: 10px;
font-size: 20px;
margin: 0 1em .85em 1em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
padding-left: 40px !important;
padding-right: 40px !important;
}
.widget a:hover {
color: orange;
}
.og {
padding-left: 5px;
margin-top: 00px !important;
position: absolute;
z-index: 999;
}
.titulo:hover {
opacity: 20 !important;
-webkit-transition-duration: .8s;
}
.one {
display: none;
}
a {
font-height: 400px;
color: #09A1EC;
}
nav li a {
background-color: orange;
border-bottom: 4px solid red;
border-radius: 8px 8px 8px 8px;
color: white;
float: left;
font-size: 20px;
font-weight: 600;
height: 100px;
line-height: 1.2em;
margin: 0 1em 0.85em;
padding: 2px;
position: relative;
text-decoration: none;
text-shadow: 0 -1px #0779B1;
width: 115px;
}
nav li a:hover {
background: none repeat scroll 0 0 darkred;
}
.overlay{
background: #666;
opacity: 0.4;
position:fixed;
top:0px;
bottom:0px;
left:0px;
right:0px;
boder::100;
}
/* widget */
#widget-content {
opacity: .8;
margin-top: -5px !important;
z-index: 1;
position: absolute;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px !important;
font-family: "Fredoka One", "lucida grande", tahoma, sans-serif;
}
#widget-content a.first {
border-bottom-color: rgba(0, 0, 0, 0.5);
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-ms-border-top-left-radius: 4px;
-o-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
-ms-border-top-right-radius: 4px;
-o-border-top-right-radius: 4px;
border-top-right-radius: 4px;
border-top-color: transparent;
}
#widget-content a {
margin-left: 5px !important;
display: block;
height: 2em;
padding: 0.6em 0.2em 0.3em 20px;
background: #505050;
border-top: 1px solid rgba(255, 255, 255, 0.15);
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font-weight: bold;
}
#widget-content a:hover {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
background-color: #09A1EC;
color: white !important;
}
#widget-content a.first {
border-bottom-color: rgba(0, 0, 0, 0.5);
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-ms-border-top-left-radius: 4px;
-o-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
-ms-border-top-right-radius: 4px;
-o-border-top-right-radius: 4px;
border-top-right-radius: 4px;
border-top-color: transparent;
}
#widget-content a.last {
border-top-color: rgba(255, 255, 255, 0.25);
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
-ms-border-bottom-left-radius: 4px;
-o-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
-ms-border-bottom-right-radius: 4px;
-o-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
/* fim do widget*/
h1, h2 {
font-family: "Fredoka One", "lucida grande", tahoma, sans-serif;
}
h2 {
color: orange;
font-size: 22px;
line-height: 1.2em;
width: 800px
}
</style>
</head>
<body><div class="overlay" id="overlay" ></div>
<div id="page">
<h1>Academia<font color="#09A1EC">NINJA</font>konoha<font class="ctn">.com</font></h1>
<h2>
Todo Ninja tem seu destino, só depende de suas escolhas! Venha fazer parte do universo Shinobi! Batalhe, descubra e fique forte. Junte-se a nós! E antes de começar sua jornada, umas dicas para te ajudar:
</h3>
<nav>
<ul>
<li class="blog">
<a href="http://forum.academianinjakonoha.com/register">
Registre-se
</a>
</li>
<li class="script">
<a href="http://forum.academianinjakonoha.com/f43-avisos">Novidades do RPG</a>
</li>
<li class="origScript">
<a href="http://forum.academianinjakonoha.com/f1-regras-geral">Regras Gerais</a>
</li>
<li class="forums">
<a href="http://forum.academianinjakonoha.com/portal">
Portal <br>RPG</br>
</a>
</li>
<li class="forums">
<a href="https://www.facebook.com/academianinjakonoha2.0">
Facebook <br>Fan Page</br>
</a>
</li>
<li class="forums">
<a href="https://groups.live.com/ank20/">
Msn<br>Groups</br>
</a>
</li>
<li class="forums">
<a href="https://www.facebook.com/groups/299068056859210/">
Facebook<br>Groups</br>
</a>
</li>
<li class="forums">
<a href="https://twitter.com/@ankforever">
Twitter<br>Page</br>
</a>
</li>
</ul>
</nav>
</div>
</div>
<script src="http://huddletogether.com/js/libs/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2196019-4']);
_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>
<footer class="footer"><b>
Desenvolvido por MateusV. <font style="color: red;">Copyright
2012 Academia Ninja Konoha Inc. All rights reserved.</font> Hospedado por <a href="http://www.forumeiros.com/">Forumeiros</a></b>
</footer>
</body>
</html>
Cordialmente!
Ace- Membro Entusiasta
- Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607 -
Re: Pagina inicial
por Connor R. 06.10.12 12:12
Humrum e como eu configuro este código, como o personalizo com meus Links e imagens?
Connor R.- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021 -
Re: Pagina inicial
por KidoLegends 06.10.12 12:14
- Código:
<div id="page">
<h1>Academia<font color="#09A1EC">NINJA</font>konoha<font class="ctn">.com</font></h1>
<h2>
Todo Ninja tem seu destino, só depende de suas escolhas! Venha fazer parte do universo Shinobi! Batalhe, descubra e fique forte. Junte-se a nós! E antes de começar sua jornada, umas dicas para te ajudar:
</h3>
<nav>
<ul>
<li class="blog">
<a href="http://forum.academianinjakonoha.com/register">
Registre-se
</a>
</li>
<li class="script">
<a href="http://forum.academianinjakonoha.com/f43-avisos">Novidades do RPG</a>
</li>
<li class="origScript">
<a href="http://forum.academianinjakonoha.com/f1-regras-geral">Regras Gerais</a>
</li>
<li class="forums">
<a href="http://forum.academianinjakonoha.com/portal">
Portal <br>RPG</br>
</a>
</li>
<li class="forums">
<a href="https://www.facebook.com/academianinjakonoha2.0">
Facebook <br>Fan Page</br>
</a>
</li>
<li class="forums">
<a href="https://groups.live.com/ank20/">
Msn<br>Groups</br>
</a>
</li>
<li class="forums">
<a href="https://www.facebook.com/groups/299068056859210/">
Facebook<br>Groups</br>
</a>
</li>
<li class="forums">
<a href="https://twitter.com/@ankforever">
Twitter<br>Page</br>
</a>
</li>
</ul>
</nav>
</div>
</div>
<script src="http://huddletogether.com/js/libs/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2196019-4']);
_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>
<footer class="footer"><b>
Desenvolvido por MateusV. <font style="color: red;">Copyright © 2012 Academia Ninja Konoha Inc. All rights reserved.</font> Hospedado por <a href="http://www.forumeiros.com/">Forumeiros</a></b>
</footer>
</body>
</html>
Cole isto na sua folha de HTML no módulos do seu fórum.ae você vai em HTML e Javascript e vai no Gestão das Páginas em HTML e cria uma página em HTML e cole isto. E só
Caso não funcione peço desculpas.
Atenciosamente: KidoLegends
KidoLegends- ***
- Membro desde : 21/06/2012
Mensagens : 114
Pontos : 193 -
Re: Pagina inicial
por Ace 06.10.12 12:14
Olá,
Procure pelo seguinte:
<div id="page">
Quando achar, verá abaixo os textos e afins da página! O resto acima é personalização.
Cordialmente.
Procure pelo seguinte:
<div id="page">
Quando achar, verá abaixo os textos e afins da página! O resto acima é personalização.
Cordialmente.
Ace- Membro Entusiasta
- Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607 -
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
Facebook
Twitter
Youtube
