Personalizar a página inicial

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

Resolvido Personalizar a página inicial

Mensagem por A Fofa ♔ em 16/07/12, 01:11 pm

Qual é minha questão:
Olá! Eu queria criar uma nova página inicial, estive a ver outro tópico, mas eu queria mudar os códigos e para isso vou precisar de uma ajudinha...
Eu adorei esta página inicial:
http://escolademagiapt.portugueseforum.net/

Mas em vez daquela imagem do fundo, eu queria o fundo todo azul e depois só mesmo escrever eu as mensagens na placa.

Se der muito trabalho, digam que eu penso noutra coisa para fazer como página inicial Envergonhado

Links e imagens do meu problema:
Http://escolademagiapt.portugueseforum.net/

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

Versão do meu fórum:
PHPBB3


Última edição por *A Fofa* em 18/07/12, 06:05 am, editado 2 vez(es)
avatar

A Fofa ♔
Nível 9

Feminino
Inscrito dia : 05/04/2012
Mensagens : 153
Pontos Ativos : 217

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

Resolvido Re: Personalizar a página inicial

Mensagem por MateusV. em 16/07/12, 01:13 pm

Olá!

Peço que cheque este tutorial:

Lembre-se que, para construir páginas para usar em seu fórum deve ter um conhecimento minimo de HTML.

Abraços. Piscada

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre o painel de controle do fórum'
avatar

MateusV.
Principal contribuidor
Principal contribuidor

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

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

Resolvido Re: Personalizar a página inicial

Mensagem por A Fofa ♔ em 16/07/12, 01:17 pm

@MateusV. escreveu:Olá!

Peço que cheque este tutorial:

Lembre-se que, para construir páginas para usar em seu fórum deve ter um conhecimento minimo de HTML.

Abraços. Piscada

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre o painel de controle do fórum'

Sim, eu já sabia desse tutorial, mas eu quero saber como mudar o fundo, se não for possível ter aquela placa também Triste
Eu já vi outro fórum que podia dar também para ser a página inicial e daria menos trabalho, mas só me faltava mudar o fundo...
avatar

A Fofa ♔
Nível 9

Feminino
Inscrito dia : 05/04/2012
Mensagens : 153
Pontos Ativos : 217

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

Resolvido Re: Personalizar a página inicial

Mensagem por MateusV. em 16/07/12, 01:20 pm

Olá!

Use este código para a página HTML seguindo as recomendações da FAQ:
Código:

´<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>« EMPT »</title>
<style type="text/css">
* { margin:0; padding:0; list-style:none; }

body {
font-family: Times New Roman, Arial, sans-serif;
font-size: 12px;
background-color:#000000;
}

a:link,a:active,a:visited{
text-decoration: none;
outline: none;
color: #568d8c;
text-shadow: 0px 0px 3px #568d8c;
text-transform: uppercase;
letter-spacing: 0px;
-webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;
font-size: 8px;
font-weight: bold;}

a:hover, a:focus{
text-decoration: none !important;
color: #c9ae5c;
text-shadow: 0px 0px 3px #c9ae5c;
letter-spacing: 1px;
cursor: pointer;}

.staffpseudo {
text-decoration: none;
outline: none;
color: #568d8c;
text-shadow: 0px 0px 3px #568d8c;
text-transform:lowercase;
letter-spacing: -2px;
font-family: times new roman;
-webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;
font-size: 22px;
font-weight: bold;}

.staffpseudo:hover, .staffpseudo:focus{
text-decoration: none !important;
color: #c9ae5c;
text-shadow: 0px 0px 3px #c9ae5c;
letter-spacing: 0px;
cursor: pointer;}



img{
border: none;
outline: none;}

#fond_principal{             
width:800px;
height:000px;                   
position:relative;
z-index:2;}

.bouton{   
background-position: top left;                         
padding:5px;
margin : 8px;}

.bouton_container{     
width: 150px;
height: 230px;
float: left;
padding-top: 10px;
text-align: center;
text-align: right;}

.contenu_accordeon{ 
margin-top: 25px;   
padding:8px;
height: 220px;
width: 320px;
overflow:auto;
text-align:justify;
font-family: Arial;
font-size: 11px;
color: #d2c28a;
text-shadow: 1px 1px 1px black;}

.tout_accordeon{
margin-top: 120px;             
width: 700px;}

.im_bout{
float: left;}
.im_bout:hover{
margin-left: 3px;}

a.matvei span{
 
 
 line-height: normal;
  font-size: 10px;
  color: #b4b472;
  font-family: Arial;
  text-align: justify;
 
position:absolute;
  z-index: 1;
  padding: 5px;
margin-top:67px;
margin-left:-224px;
opacity:0;
/*transition*/
-webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;}

a.matvei:hover span, a.matvei:focus span{
opacity:1;
  position:abosulute;
  z-index:5;}

a.mischa span{
 
 
 line-height: normal;
  font-size: 10px;
  color: #b4b472;
  font-family: Arial;
  text-align: justify;
 
position:absolute;
  z-index: 1;
  padding: 5px;
margin-top:-77px;
margin-left:-292px;
opacity:0;
/*transition*/
-webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;}

a.mischa:hover span, a.mischa:focus span{
opacity:1;
  position:abosulute;
  z-index:5;}

a.solo span{
 
 
 line-height: normal;
  font-size: 10px;
  color: #b4b472;
  font-family: Arial;
  text-align: justify;
 
position:absolute;
  z-index: 1;
  padding: 5px;
margin-top:18px;
margin-left:-189px;
opacity:0;
/*transition*/
-webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;}

a.solo:hover span, a.solo:focus span{
opacity:1;
  position:abosulute;
  z-index:5;}

.entrarbotao {
text-decoration: none;
outline: none;
color: #568d8c;
text-shadow: 0px 0px 3px #568d8c;
text-transform:uppercase;
letter-spacing: -8px;
font-family: times new roman;
-webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;
font-size: 45px;
font-weight: bold;}

.entrarbotao:hover, .entrarbotao:focus{
text-decoration: none !important;
color: #c9ae5c;
text-shadow: 0px 0px 3px #c9ae5c;
letter-spacing: 20px;
cursor: pointer;}


</style>
<script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/accordeon_effet.js"></script>
</head>


<body onload="new Accordian('fond_principal',6,'bouton_actif');">


<center><div style="background-image:url('http://img827.imageshack.us/img827/2880/olham.jpg'); width:1400px; height: 756px;">
<table border="0"><tr><td><div style="margin-top: -15px; margin-left: 220px;"><div id="fond_principal" ><div class="bouton_container"><div id="ouvrir1-selection" class="bouton bouton_actif"><img src="http://img11.hostingpics.net/pics/283537blancpa.png" style="width: 105px; height: 30px;"></div><div id="ouvrir2-selection" class="bouton" ><img src="http://img11.hostingpics.net/pics/283537blancpa.png"  style="width: 105px;"></div><div id="ouvrir3-selection" class="bouton" ><img src="http://img11.hostingpics.net/pics/283537blancpa.png"  style="width: 105px; height: 30px; margin-top: 5px;"></div><div id="ouvrir4-selection" class="bouton" ><img src="http://img11.hostingpics.net/pics/283537blancpa.png"  style="width: 105px;"></div><div id="ouvrir5-selection" class="bouton" ><img src="http://img11.hostingpics.net/pics/283537blancpa.png"  style="width: 105px; height: 30px; margin-top: 5px;"></div><div id="ouvrir6-selection" class="bouton" ><img src="http://img11.hostingpics.net/pics/283537blancpa.png"  style="width: 105px;"></div></div><div class="tout_accordeon"> <div id="ouvrir1-content"><div class="contenu_accordeon">
<center><iframe src="http://files.podsnack.com/iframe/embed.html?hash=au3eofs3&wmode=window&bgcolor=FFFFFF&t=1341751575" width="200" height="27" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe><param name="bgcolor" value="#262b2a"><param name="allowScriptAccess" value="always"></object></center><br><br>
<p>Caro Visitante,<br><br><br>

Bem Vindo! Bem Vindo à Escola de Magia Portuguesa. <br><br>

Um RPG inspirado na saga Harry Potter, da grande J.K Rowling.<br><br>

Estamos no ano de 2036, e o mundo bruxo parece em paz, um local agradavel onde tudo corre bem. Mentira. Alguns preferem fechar os olhos a pequenos acontecimentos que estão a ocorrer por todo o lado mas principalmente, em Portugal e no Reino Unido. Há quem diga que não é anda, há quem diga que é o inicio do julgamento final e há quem diga que a guerra vai voltar. Que novamente iremos ver os nossos ente-queridos desaparecer do mundo pelas mãos de um grande Mal.<br><br>
</p>

</div></div><div id="ouvrir2-content"><div class="contenu_accordeon">


<strong><b>1997</b>
<br>Harry Potter Matou Lord Voldemort.
<b><br>2003</b>
<br>Uma nova profecia for criada.
<b><br>2004</b>
<br>James Sirius Potter e Joana Black Soares nascem.
<br>Claire Black é morta e Joana é criada como filha dos Potter.
<b><br>2014</b>
<br>A nova geração Entra em Hogwarts.
<br>Joana e James descobrem os poderes de Brilhantes.
<b><br>2019</b>
<br>Começa a 3ª Guerra Bruxa.
<b><br>2020</b>
<br>James e Joana matam o Lord das Trevas.
<b><br>2025</b>
<br>Rapto de Tomás Potter Malfoy, filho de Joana Black Potter Mafloy, pelas mãos dos devoradores da <br>morte.
<b><br>2029</b>
<br>Voldemort volta á vida.
<br>Joana e voldemort Duelam, acabando os dois por morrer.
<b><br>2031</b>
<br>Joana faz um pacto com deus e Volta á vida.
<b><br>2035</b>
<br>Voldemort volta á vida, sendo uma forma imaterial.
<b><br>2036</b>
<br>Boa pergunta….
<br><br>
<b><a href="#"><a href="http://escolademagiapt.portugueseforum.net/t393-trama">Ler mais...</a><br></a></b> <br><br>

</div></div><div id="ouvrir3-content"><div class="contenu_accordeon">
<a href="http://escolademagiapt.portugueseforum.net/h8-profecta-14" target="_blank"><img src="http://illiweb.com/fa/pbucket.gif" border="0" alt="Photobucket"></a>

</div></div><div id="ouvrir4-content"><div class="contenu_accordeon"><div style="color:#b48d4a; font-family: Trebuchet MS; font-size: 12px; font-variant: small-caps;"><strong>EMPT 2010-2012</strong></div><br>
Todo o conteúdo presente neste forum, pertence exclusivamente á EMPT.
<br>Imagens retiradas da Potterpédia, Pottermore, DevinArt.
<br>Códigos de Joana Duarte, Nikka LaMote e do forum OSC.
<br>
Textos baseados na informação dada nos livros de Harry Potter, no site Pottermore e na Wikipédia.
<br>
Agradecimentos especialmente á foroactivo pelos seus magníficos tutorias que deixaram o nosso RPG muito melhor.</div>
</div></div><div id="ouvrir5-content"><div class="contenu_accordeon">



<a href="http://escolademagiapt.portugueseforum.net/t389-regras-do-rpg">As Regras ♣</a> é obrigatório a leitura da mesma para se compreender o RPG..<br><a href="http://escolademagiapt.portugueseforum.net/t393-trama">A Trama ♣</a> Importante para não se perder no RPG...
<br><a href="http://escolademagiapt.portugueseforum.net/t415-manual-do-novato">Manual Do Novato ♣</a> Onde têm tudo o que vais precisar de fazer para criares a tua personagem...
<br><a href="http://escolademagiapt.portugueseforum.net/f136-regras-manuais">Outros tópicos importantes  ♣</a> Existem alguns tópicos que são importantes para compreender o RPG e que facilitam muito a tua estadia no nosso RPG...
<br><a href="http://escolademagiapt.portugueseforum.net/f122-parcerias">Parcerias ♣</a> Aceitamos Parcerias...


</div></div><div id="ouvrir6-content"><div class="contenu_accordeon">
<table align="center"><tr><td><div style="background:  70% 30% url('http://img202.imageshack.us/img202/9275/vanessahudgens5.jpg'); border: 1px solid #25231d; box-shadow: 0px 0px 5px #25231d; height: 220px; width: 70px; border-radius: 30px 0px 0px 30px;"></div></td><td><div style="width: 200px; margin-left: 20px;"><div class="staffpseudo" style="margin-top: -17px;"><center>Joana Potter W.</center></div><div style="font-family: arial; font-size: 7px; letter-spacing: 3px; color: #c3b77c; text-transform: uppercase; margin-top: -5px;"><center>Fundadora & Diretora da EMPT</center></div><div style="border-top: 1px solid #c3b77c; width: 210px; margin-left: -5px;"></div><div style="width: 200px; font-size: 10px; line-height: 10px;" align="justify">Uma rapariga que, aos 11 anos, conheceu o mundo do Harry Potter e ficou logo viciada. Descobriu um pequeno fórum Português de Harry Potter e fez lá algumas amizades que se manteram até hoje. Mas passado um tempo, fartou-se de tantos pormenores e criou o seu próprio mundo, com as suas regras e as suas personagens. Hoje, com 15 anos, tem o sonho de conseguir demonstrar o que o seu fórum lhe fez de bem na vida, tentar passá-lo por todo o mundo e vê-lo crescer dia após dia.</div></div></td></tr></table>

<br><br>

<table align="center"><tr><td><div style="background:  40% 10% url('http://i37.tinypic.com/35idriq.jpg'); border: 1px solid #25231d; box-shadow: 0px 0px 5px #25231d; height: 200px; width: 70px; border-radius: 30px 0px 0px 30px;"></div></td><td><br><div style="width: 200px; margin-left: 20px;"><div class="staffpseudo" style="margin-top: -17px;"><center>Angelina Rose Stewart</center></div><div style="font-family: arial; font-size: 7px; letter-spacing: 3px; color: #c3b77c; text-transform: uppercase; margin-top: -5px;"><center>Directora da EMPT</center></div><div style="border-top: 1px solid #c3b77c; width: 210px; margin-left: -5px;"></div><div style="width: 200px; font-size: 10px; line-height: 10px;" align="justify">Aos 18 anos, encontrou no fórum uma maneira de dar asas à sua imaginação e criatividade, e também de se aliar a uma das suas paixões: a representação. Agora, com 20, é através das suas personagens que experimenta novas personalidades e novas maneiras de pensar, tendo aprendido bastante com isso.</div></div></td></tr></table>

<br><br>
<table align="center"><tr><td><div style="background:  80% 30% url('http://i22.servimg.com/u/f22/11/62/24/12/greeen11.png'); border: 1px solid #25231d; box-shadow: 0px 0px 5px #25231d; height: 200px; width: 70px; border-radius: 30px 0px 0px 30px;"></div></td><td><br><div style="width: 200px; margin-left: 20px;"><div class="staffpseudo" style="margin-top: -17px;"><center>Ashley Gilbert</center></div><div style="font-family: arial; font-size: 7px; letter-spacing: 3px; color: #c3b77c; text-transform: uppercase; margin-top: -5px;"><center>Moderadora</center></div><div style="border-top: 1px solid #c3b77c; width: 210px; margin-left: -5px;"></div><div style="width: 200px; font-size: 10px; line-height: 10px;" align="justify">O que mais lhe atrai no mundo virtual é o facto de aprender muitas coisas através das suas personagens. A diversão também ajuda e a exploração a diversas personalidades e diferentes formas de ver as coisas.</div></div></td></tr></table>

<br><br>
<table align="center"><tr><td><div style="background:  50% 0% url('http://i.imgur.com/JEMkA.gif'); border: 1px solid #25231d; box-shadow: 0px 0px 5px #25231d; height: 200px; width: 70px; border-radius: 30px 0px 0px 30px;"></div></td><td><br><div style="width: 200px; margin-left: 20px;"><div class="staffpseudo" style="margin-top: -17px;"><center>Julia Leferee</center></div><div style="font-family: arial; font-size: 7px; letter-spacing: 3px; color: #c3b77c; text-transform: uppercase; margin-top: -5px;"><center>Moderadora</center></div><div style="border-top: 1px solid #c3b77c; width: 210px; margin-left: -5px;"></div><div style="width: 200px; font-size: 10px; line-height: 10px;" align="justify">Gosta do mundo da imaginação, onde não se pode distinguir realidade de fantasia, onde tudo é possível e onde podemos escolher nosso próprio caminho!</div></div></td></tr></table>
<br><br>
<table align="center"><tr><td><div style="background:  80% 30% url('http://i.imgur.com/lmJ8Z.png'); border: 1px solid #25231d; box-shadow: 0px 0px 5px #25231d; height: 200px; width: 70px; border-radius: 30px 0px 0px 30px;"></div></td><td><br><div style="width: 200px; margin-left: 20px;"><div class="staffpseudo" style="margin-top: -17px;"><center>Nika laMote</center></div><div style="font-family: arial; font-size: 7px; letter-spacing: 3px; color: #c3b77c; text-transform: uppercase; margin-top: -5px;"><center>Moderadora e Designer</center></div><div style="border-top: 1px solid #c3b77c; width: 210px; margin-left: -5px;"></div><div style="width: 200px; font-size: 10px; line-height: 10px;" align="justify">Uma alma perdida no mundo virtual cujo pequenas ideias saem disparadas da sua cabeça e vão-se transformando ao longo do tempo por imagens, umas mais belas do que outras. Quando viu este projeto, não resisitiu e ofereceu-se para integrar a equipa. No momento que teve autorização para mexer em todos os cantos do fórum, não conseguiu parar e ainda hoje os trabalhos continuam.</div></div></td></tr></table>



 </div></div></td></tr></table>


</div></div>
<table border="0"><tr><td><div style="margin-top: -180px; margin-left: 200px;">
<a href="http://escolademagiapt.portugueseforum.net/forum" target="_blank"><div class="entrarbotao ">Entrar!!</div></a>

</div>
</td></tr></table>
</div>
</div>
</div>
</td></tr></table>

<center><a href="http://www.forumeiros.com/" target="_blank">forumeiros.com</a></center>
<!-- PAGINA CRIADA POR escolademagiapt.portugueseforum.net TODOS OS DIREITOS RESERVADOS -->

</body>
</html>

Caso queira mudar o fundo, poderia me mandar uma imagem que queira por no lugar da original?

Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

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

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

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