Início
Últimas imagens
Procurar
Registrar
Entrar
QuakelineAdministrador
- Inscrito dia: : 09/01/2013
Mensagens : 89
![[TUTORIAL]Criando um PORTAL PERSONALIZADO em HTML V² Empty](https://2img.net/i/empty.gif)
[TUTORIAL]Criando um PORTAL PERSONALIZADO em HTML V²
Qua Jan 09, 2013 6:48 pm
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]Criando um PORTAL PERSONALIZADO em HTML V²
Olá, vi que as pessoas estavam aderindo muito ele, então decidi criar e editar um novo portal, pra que não fique a mesma coisa em todos os fóruns, a prévia:
- Spoiler:
- [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]NÃO RETIRAR OS CRÉDITOS NO FINAL DA PÁGINA, VC PODE ALTERAR O CORPORITY MAS O RESTO NÃO!
--> Tutoriais, dicas e astúcias <--
Criando um PORTAL PERSONALIZADO em HTML V²
--> Tutoriais, dicas e astúcias <--
Criando um PORTAL PERSONALIZADO em HTML V²
1º - Código HTML
Aceda em :
Painel de ControleMódulos
Cole o seguinte código:
- Código:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
@charset "UTF-8";
* {
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
color: #333333;
}
body {
width: 790px;
margin: 0 auto;
background: #0099CC url(http://i36.servimg.com/u/f36/16/96/02/41/88610.png) no-repeat top;
margin-bottom: 16px;
position:relative;
}
.clear{
clear:both;
}
a:link, a:visited {
text-decoration: none;
}
a:hover, a:active {
text-decoration: underline;
}
h2 {
font-size: 1.2em;
font-variant: small-caps;
color: #6cc606;
}
h1 {
font-variant: small-caps;
color: #0099CC;
}
p {
font-size: 0.8em;
}
em {
font-weight: bold;
font-style: normal;
color: #6cc606;
}
strong {
padding-left: 15px;
color: #333333;
}
/* HEADER */
#header {
padding: 15px 0px 15px 20px;
}
#header a img {
border: none;
}
/* END HEADER */
#shadow {
background: url(http://i49.servimg.com/u/f49/16/79/58/45/aa12210.png) repeat-y;
height: auto;
padding: 0 5px 1px 5px;
}
/* MENU */
#menu {
height: 30px;
background: url(http://i49.servimg.com/u/f49/16/79/58/45/menu10.gif) repeat-x;
}
#menu li {
float: left;
list-style-type: none;
padding-top: 5px;
color: #666666;
}
#menu li a:link, #menu li a:visited {
color: #FFFFFF;
font-size: 1.1em;
padding: 5px 43px 0 43px;
font-variant: small-caps;
font-weight: bold;
}
#menu li a:hover, #menu li a:active {
text-decoration: none;
color: #99CC00;
font-size: 1.1em;
padding: 5px 43px 0 43px;
font-variant: small-caps;
font-weight: bold;
}
/* END MENU */
/* CONTENT */
/* EDITO */
#edito {
background: top right no-repeat;
background-color: #E6E6E6 ;
}
#edito h2, #edito p {
padding-top: 20px;
padding-right: 100px;
padding-left: 20px;
}
#edito p {
width: 500px;
}
#edito a:link, #edito a:visited {
color: #FFFFFF;
font-size: 16px;
}
#edito a:hover, #edito a:active {
text-decoration: none;
color: #333333;
font-size: 16px;
}
#button_edito {
display: block;
height: 25px;
width: 150px;
background: url(http://i49.servimg.com/u/f49/16/79/58/45/large_10.gif) no-repeat;
text-align: center;
padding-top: 3px;
margin-left: 290px;
font-weight: bold;
margin-top:10px;
padding-bottom:10px;
}
/* END EDITO */
#toal {
height: 20px;
background: url(http://i49.servimg.com/u/f49/16/79/58/45/toal10.gif) repeat-x;
}
/* CONTENT */
#content {
padding: 20px 0;
}
#vertical_barr {
border-left: #0099CC solid 1px;
border-right: #0099CC solid 1px;
}
#content div {
float:left;
width: 215px;
padding: 0 10px 0 30px;
}
#content div p {
padding-top: 10px;
}
#content div p a:link, #content div p a:visited, #content div p a:hover, #content div p a:active {
color: #333333;
}
#content div li a:link, #content div li a:visited, #content div li a:active, #content div li a:hover {
color: #6cc606;
font-weight: bold;
}
a.content_button:link, a.content_button:visited {
color: #FFFFFF;
}
a.content_button:hover, a.content_button:active {
text-decoration: none;
color: #333333;
}
.content_button {
display: block;
height: 15px;
width: 75px;
background: url(http://i49.servimg.com/u/f49/16/79/58/45/little10.gif) no-repeat;
margin: 15px 0;
text-align: center;
font-weight: bold;
font-size: 0.7em;
}
#content div ul {
font-size: 0.8em;
margin-left: 20px;
}
#content div li {
padding: 8px 0 0 0;
}
#resol {
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
position:fixed;
-position:absolute;
font-size: 10px;
width:230px;
top:0px;
left:1280px;
margin:0 auto;
background:#bfc6d9;
text-align:center;
}
#resol h1 {
background:none;
font-size: 15px;
letter-spacing:3px;
padding:0px;
margin:0px;
border: 0px;
}
#resol h2 {
font-size:10px;
letter-spacing:3px;
padding:0px;
margin:0px;
border:0px;
background:none;
}
/* END CONTENT */
/* FOOTER */
#footer {
height: 70px;
background: url(http://i49.servimg.com/u/f49/16/79/58/45/botton10.gif) no-repeat;
padding: 0 5px;
margin-bottom: 20px;
}
#footer p {
color: #FFFFFF;
padding-top: 30px;
text-align: center;
}
#footer p a {
color: #FFFFFF;
}
#footer_terms {
width: 100%; bottom: 0px; left: 0px; position: absolute; height: 40px;
}
#footer_terms h1 {
padding: 60px 0px 0px 0px; color: #7aaec6;
text-align:right;
border:0px;
font-variant:normal;font-size: 0.8em;font-weight: normal;
text-decoration:none;background: none;
}
#footer_terms a { text-decoration: underline;}
#footer_terms strong,#footer_terms a {
color: #7aaec6;
font-weight: normal;
background: none;
}
#holder {
min-height: 100%; position: relative; margin:0 auto;
-position:absolute;
-background: #0099CC url(http://i49.servimg.com/u/f49/16/79/58/45/bg_gra11.gif) repeat-x top;
-overflow-x :hidden;
}
/* END FOOTER */
/*dix-forum.forumeiros.com! Criado por dexter*/
div#forumeiros/Vuksrb06eb9n6feeni8td5603ldml8.feedburnerFeedBlock { right: 11%; }
</style>
<title>RMBR - Inicio</title>
</head>
<body>
<div id="holder"> <div id="resol"><h1></h1> <h2>Optimizado para 1024 x 768 </h2> <a href="http://rmbr.forumeiros.com/u17">Página criada por DexTer</a></div>
<!--BEGIN OF TERMS OF USE. DO NOT EDIT OR DELETE THESE LINES. IF YOU EDIT OR DELETE THESE LINES AN ALERT MESSAGE MAY APPEAR WHEN TEMPLATE WILL BE ONLINE-->
<div id="footer_terms">
<h1><a href="http://rmbr.forumeiros.com/u17"><strong><color=white>Página criada por DexTer.</color></strong></a></h1>
</div>
<!--END OF TERMS OF USE-->
<!-- HEADER --><div id="header"> <a href="#"> <img src="http://2img.net/i/fa/empty.gif" alt="" width="1" height="120"/> </a> </div>
<!-- END HEADER --><div id="shadow">
<!-- MENU -->
<ul id="menu">
<li> <a href="/forum">Fórum</a> </li>
<li> | </li>
<li> <a href="/register">Registrar</a> </li>
<li> | </li>
<li> <a href="/login">Logue-se</a> </li>
<li> | </li>
<li> <a href="/groups">Contatos</a> </li>
<li> | </li>
<li> <a href="/memberlist">Membros</a> </li>
<li> | </li>
</ul>
<div class="clear"></div>
<!-- END MENU -->
<!-- EDITO -->
<div id="edito">
<h2>Seja bem - vindo ao <b>RMBR</b> !</h2>
<p>Sejam bem vindos ao nosso fórum, contendo sobre vários assuntos sobre o Rpg Maker e o Game Maker como:<br>Engines, Tutoriais, Scripts, Gráficos......E muito mais!</p>
<a href="/forum" id="button_edito">RMBR</a>
</div>
<!-- END EDITO -->
<div id="toal"> </div>
<!-- CONTENT -->
<div id="content">
<!-- ABOUT ME -->
<div>
<h1>Sobre o Forum</h1>
<p> <em> Informações </em></p>
<p>Fórum criado por RMBR, muito conhecido por ter vários assuntos de Rpg Maker e Game Maker, nome certo séria Henrique Gonçalves Brito, e contendo vários assuntos!
<b>Rpg Maker BRasil</b> <br> Venha conhecer - nos!<a href="http://rmbr.forumeiros.com/forum" class="content_button">FÓRUM</a>
Para mais informações:</em><br>henriqueacb@hotmail.com</p>
</div>
<!-- END ABOUT ME -->
<!-- NEWS -->
<div id="vertical_barr">
<h1>Notícias</h1>
<p><em>29/05/2011</em><strong>Inauguração!</strong></p>
<p>Neste dia foi nossa inauguração, bem sucedida, com vários elogios dos membros!</p>
<a href="http://www.facebook.com/henrique.goncalvesbrito.5" class="content_button">FACEBOOK</a>
<p><em>»</em><strong> Comunicados // Anúncios </strong></p>
<p>Divulguem nosso fórum, vagas abertas para divulgador e parceiros, só contatar-me!</p>
<a href="http://rmbr.forumeiros.com/t265-divulgue-nosso-forum#789" class="content_button">Divulgação</a>
</div>
<!-- END NEWS -->
<!-- MEMBRO DO MÊS -->
<div>
<h1>Seja nosso parceiro!</h1>
<p><center><div align="center"><img src="http://img855.imageshack.us/img855/3518/logormbrparceria.png" border="0" /><br><textarea onFocus="this.select()" onMouseOver="this.focus()" rows="3" cols="15" name="textarea"><center>
<a href='www.rmbr.forumeiros.com' target='_blank'>
<img src='http://img855.imageshack.us/img855/3518/logormbrparceria.png' border='1'width='160px' height='40px'></a></center><div align="center"></a></textarea></div></center>
<p>Coloque em seu fórum o nosso banner.</p>
<br>Depois mande um mp para a staff que nós colocaremos o seu!.</br>
<p><center>Contato msn: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]</center></p>
</div>
<!-- FIM MEMBRO DO MÊS -->
</div>
<!-- END CONTENT -->
<div class="clear"></div>
<!-- END SHADOW -->
</div>
<!-- FOOTER --><div id="footer">
<p>RMBR Copyright
2011 - 2012 | Criado pela equipe RMBR | RMBR <a href="http://www.forumeiros.com" target="_blank">sempre com você!</a></p>
</div>
<!-- END FOOTER -->
</div>
<!-- END HOLDER -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://dl.dropbox.com/u/19426320/Swords.png" />
</body>
</html>
EM:
"Você deseja utilizar o início e o final da página do seu fórum ?": Marque NÃO
"Usar esta página como página inicial?": Marque SIM
Pronto Membros , esta ai o código e tenha um bom aproveito com esta página
° Funciona em quais versões??
Todas.
° Posso fazer perguntas referentes ao tutorial??
Sim, mas crie um tópico referente ao mesmo.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Criando um PORTAL PERSONALIZADO em HTML V²
Criando um PORTAL PERSONALIZADO em HTML V²
Permissões neste sub-fórum
Não podes responder a tópicos