Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Como que eu faço uma "entrada"?

2 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

Ir para baixo

Tópico resolvido Como que eu faço uma "entrada"?

Mensagem por RafaeL ♥ Jessîîca 21.06.12 1:41

Qual é minha questão:
Como que eu coloco uma página de entrada no meu forum tipo essa aqui:
http://hightech.forumeiro.com/

Se poderem explicar como eu faço uma desse estilo seria otimo. Mas se não poder, apenas com 2 botões de links que no caso sería, "Entrar" e "Registrar".

Links e imagens do meu problema:
http://hightech.forumeiro.com/

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

Versão do meu fórum:
PHPBB3
RafaeL ♥ Jessîîca
RafaeL ♥ Jessîîca
**

Membro desde : 29/04/2011
Mensagens : 53
Pontos : 100

http://empiregames.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como que eu faço uma "entrada"?

Mensagem por Josh 21.06.12 1:58

Olá!

Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão das Páginas HTML
Carregue-se no botão "Criar uma nova página HTML", e no conteúdo insira este código:
Código:

<html xmlns="http://www.w3.org/1999/xhtml">
<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: #000000 url(i47.tinypic.com/2zrpche.gif) no-repeat top;
    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: #2382db;
   font-size: 1.1em;
   padding: 5px 43px 0 43px;
   font-variant: small-caps;
   font-weight: bold;
}

/* END MENU */

/* CONTENT */

/* EDITO */

#edito {
   background: url() 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 */

<div align=center><a href='http://contador.s12.com.br'><img src='http://contador.s12.com.br/img-CZD304Wz-69.gif' border='0' alt='counter free'></a><script type='text/javascript' src='http://contador.s12.com.br/ad.js?id=CZD304Wz'></script></div>
/* 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 JUFASA*/

div#forumeiros/Vuksrb06eb9n6feeni8td5603ldml8.feedburnerFeedBlock { right: 11%;  }
</style>

<title>High Tech - New page</title>
</head>
<body>
 <div id="holder">                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
<!--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-->
<!--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="/portal">Parceiros</a> </li>
    <li> | </li>
    <li> <a href="/f1-">Novidades</a> </li>
    <li> | </li>
    <li> <a href="/contact">Contacto</a> </li>
  </ul>
  <div class="clear"></div>
  <!-- END MENU -->
  <!-- EDITO -->
  <div id="edito">
       <h2>Seja bem-vindo(a) High Tech Fórum.</h2>
       <p>Você chegou em um novo fórum cheio de novidades para você.<br>Espero que gostem das nossas novas noticias e das actualizações, Nós estamos sempre a inovar desde sempre! </p>
        <a href="/forum" id="button_edito">ENTRAR</a>
  </div>
  <!-- END EDITO -->
  <div id="toal"> </div>
  <!-- CONTENT -->

  <div id="content">
    <!-- ABOUT ME -->
    <div>
      <h1>Sobre o Fórum</h1>
      <p> <em> Apresentação rápida do Fórum . </em></p>
      <p>Este Fórum tem como objetivo em dar suporte em informática, tirar duvidas dos usuários, além é claro de oferecer os serviços de Design e Publicidade<br> Venha fazer parte desta comunidade<br><br><em> Para mais informações:</em><br>suporte@hightech.br.tc ou fundador@hightech.br.tc  </p>
    </div>
    <!-- END ABOUT ME -->
    <!-- NEWS -->
    <div id="vertical_barr">
      <h1>Atenção</h1>
      <p><em>03/03/2012</em><strong>Regras Gerais</strong></p>
      <p><a href="/t188-">Clique aqui para aceder à página onde contem as regras do forum destinadas a todos os membros!</a> </p>
      <p><em>»</em><strong> Actualizações </strong></p>
      <p><a href="/f1-">Saiba todas as nossas actualizações, novas funcionalidades, entre outras coisas clicando aqui!</a></p>
      <a href="/f6-" class="content_button">Noticias</a>
      </div>
    <!-- END NEWS -->
    <!-- MEMBRO DO MÊS -->
    <div>
      <h1>Membro do Mês</h1>
      <p>Melhor membro deste mês:</p><br>
      <ul>
        <a href="/u70"> <img src="http://i49.tinypic.com/2m6ooyb.png" alt="Moderadeiro LiveSteam"/> </a>
      </ul>
      <a href="/u70" class="content_button">LiveSteam</a>
    </div>
    <!-- FIM MEMBRO DO MÊS -->
  </div>
      <!-- END CONTENT -->
  <div class="clear"></div>
    <!-- END SHADOW -->
</div>
<!-- FOOTER --><div id="footer">
  <p>High Tech Copyright ©️2011 - 2012 | Hospedado por <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a></p>
</div>
<!-- END FOOTER -->
</div>
<div align=center><a href='http://contador.s12.com.br'><img src='http://contador.s12.com.br/img-CZD304Wz-69.gif' border='0' alt='counter free'></a><script type='text/javascript' src='http://contador.s12.com.br/ad.js?id=CZD304Wz'></script></div>
<!-- END HOLDER -->
</body>
</html>
Os dois botões "Confirmar" e "Previsualizar" confirmará a criação da sua página HTML, carregando em "Confirmar". Ou poderá visualizar o resultado que a página terá quando ele for visualizada por todos os usuários, carregando em "Previsualizar".

Abraços!
Piscada
Josh
Josh
Super Membro

Membro desde : 03/03/2012
Mensagens : 1170
Pontos : 1512

Ir para o topo Ir para baixo

Tópico resolvido Re: Como que eu faço uma "entrada"?

Mensagem por RafaeL ♥ Jessîîca 22.06.12 22:07

Muito obrigado meus amigos, leveram meu agradecimento.

Até a proxima, já podem dar como assunto encerrado.

Abraços.
RafaeL ♥ Jessîîca
RafaeL ♥ Jessîîca
**

Membro desde : 29/04/2011
Mensagens : 53
Pontos : 100

http://empiregames.forumeiro.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

 
Permissões neste sub-fórum
Não podes responder a tópicos