Pagina inicial

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

Resolvido Pagina inicial

Mensagem por Connor R. em 28/03/13, 12:00 pm

Qual é minha questão:
Gostaria dessa pagina Inicial, para eu configura-la a meu gosto....

http://suportedesign.forumeiros.com/

Endereço do meu fórum:
http://somosmugiwara.forumeiros.com

Versão do fórum:
PHPBB2


Última edição por Houdini em 28/03/13, 12:44 pm, editado 1 vez(es)
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Pagina inicial

Mensagem por Diehl em 28/03/13, 12:06 pm

Só uma dúvida, tu entende de HTML e tal, para editar a página?
avatar

Diehl
Nível 9

Masculino
Inscrito dia : 30/09/2010
Mensagens : 221
Pontos Ativos : 377

Ver perfil do usuário

Resolvido Re: Pagina inicial

Mensagem por Bookmarlucas654 em 28/03/13, 12:09 pm

Aqui está:

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: #262626 url(http://i.imgur.com/aXc6z.png) 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: #00a5cd;
        background: url('http://i.imgur.com/jaZgc.png') no-repeat top left ;
}

h1 {
   font-variant: small-caps;
   color: #0099CC;
}

p {
   font-size: 0.8em;
}


em {
   font-weight: bold;
   font-style: normal;
   color: #86b125;
}

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://i.imgur.com/IYp45.jpg) repeat-x;
}


#menu li {
   float: left;
   list-style-type: none;
   padding-top: 5px;
   color: #ffffff;
}

#menu li a:link, #menu li a:visited {
   color: #FFFFFF;
   font-size: 1.1em;
   padding: 5px 43px 0 43px;
   font-variant: small-caps;
   
}

#menu li a:hover, #menu li a:active {
   text-decoration: none;
   color: #b4dbff;
   font-size: 1.1em;
   padding: 5px 43px 0 43px;
   font-variant: small-caps;
   
}

/* END MENU */

/* CONTENT */

/* EDITO */

#edito {
   background: url() top right no-repeat;
   background-color:  #f1f6fb ;
}

#edito h2, #edito p {
   padding-top: 20px;
   padding-right: 100px;
   padding-left: 20px;
}

#edito p {
   width: 750px;
}

#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://i.imgur.com/oy0j6.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://i.imgur.com/xLVqp.jpg) 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() 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>Fórum dos Designers - Pagina Inicial</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://illiweb.com/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="/t2-">Regulamentos</a> </li>
    <li> | </li>
    <li> <a href="/f4-">Anúncios</a> </li>
    <li> | </li>
    <li> <a href="/h7-">Apoie-nos</a> </li>
    <li> | </li>
    <li> <a href="/f55-">Cotw</a> </li> 
</ul>
  <div class="clear"></div>
  <!-- END MENU -->
  <!-- EDITO -->
  <div id="edito">
       <h2>Sobre o fórum</h2>
       <p>
<table><td>Fórum dos Designers é um fórum de suporte aos usuários que pretendem aprimorar seus conhecimentos na área de design gráfico. Oferecemos além deste suporte, análise de fóruns, publicidade de fóruns, tutoriais para fóruns Forumeiros, além de outras informações e concursos para melhorar a criação de suas imagens. Somos pequenos, mas com grandes sonhos que, com sua ajuda, poderemos concluir.</td><td><img src="http://i.imgur.com/dv8iZ.png" /></td></table>

</p>
       


<a href="/forum" id="button_edito">ENTRAR</a>
  </div>
 

<!-- END EDITO -->
  <div id="toal"> </div>
  <!-- CONTENT -->

  <div id="content">
    <!-- ABOUT ME -->
    <div>
      <h1>Atualizações</h1>
      <p> <em> O que há de novo?</em></p>
<p>
<img src="http://r27.imgfast.net/users/2716/12/09/86/smiles/2641698473.png" /> <a href="/t6-">Venha fazer parte da equipe</a>
<br><br>
<img src="http://r27.imgfast.net/users/2716/12/09/86/smiles/2641698473.png" /> <a href="/t377-">Redes sociais do SuporteDesign</a>
<br><br>
<img src="http://r27.imgfast.net/users/2716/12/09/86/smiles/2641698473.png" /> <a href="/t343-">Novidades do fórum</a>
<br><br>
<img src="http://r27.imgfast.net/users/2716/12/09/86/smiles/2641698473.png" /> <a href="/t331-">Top 10 do Diretório</a>
<br><br>
<img src="http://r27.imgfast.net/users/2716/12/09/86/smiles/2641698473.png" /> <a href="/t330-">Membros do Mês</a>
<br><br>
</p>
    </div>
    <!-- END ABOUT ME -->
    <!-- NEWS -->
    <div id="vertical_barr">
      <h1>Cotw</h1>
      <p><em>»</em><strong>Informações</strong></p>
      <p><a href="/t309-">Clique aqui para aceder à página com as informações sobre o evento, como inscrever-se e suas regras!</a> </p>
      <p><em>»</em><strong> Hall da Fama </strong></p>
      <p>Conheça os ganhadores de edições anteriores e veja suas criações!</p>
      <a href="/t313-" class="content_button">Hall da fama</a>
      </div>
    <!-- END NEWS -->
    <!-- MEMBRO DO MÊS -->
    <div>
      <h1>Membros do Mês</h1>
      <br>
      <ul>
<a href="/u42"> <img src="http://r27.imgfast.net/users/2716/12/09/86/avatars/42-94.png" width="80" height="100" alt="Explorer"/> </a>

<a href="/u19"> <img src="http://r27.imgfast.net/users/2716/12/09/86/avatars/19-65.png" width="80" height="100" alt="death."/> </a>
</ul>

<p>Agradecemos sua dedicação, empenho e carinho! Esperamos que continuem a trilhar este caminho!</p>

      <center><table><td><a href="/u42" class="content_button">Explorer</a></td> <td><a href="/u19" class="content_button">death.</a></td></table></center>

    </div>
    <!-- FIM MEMBRO DO MÊS -->
  </div>
      <!-- END CONTENT -->
  <div class="clear"></div>
    <!-- END SHADOW -->
</div>
<!-- FOOTER --><div id="footer">
  <p>| © Fórum dos Designers - 2013 © |<a href="http://www.suportedesign.net" target="_blank"> </a></p></div>

<center><iframe src="http://radiohunter.com.br/beta/engines/players/small" width="200" marginwidth="0" height="40" marginheight="0" scrolling="No" frameborder="0"></iframe></center>

<!-- END FOOTER -->
<center><a href="http://www.forumeiros.com" target="_blank"></a></center>
<!-- END HOLDER -->
</body>
</html>

LEMBRETE: Importante não remover os devidos créditos, e cuidado ao editar para que não ocorra erros. Caso necessite de ajuda, nos comunique!
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Pagina inicial

Mensagem por Connor R. em 28/03/13, 12:09 pm

Sim sim, sei um pouco e já usei outras páginas iniciais e as editei.....
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Pagina inicial

Mensagem por Bookmarlucas654 em 28/03/13, 12:13 pm

Ainda necessita de suporte? Agradeço por dar like caso o tenha ajudado! Esportes Piscada
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com
  • 0

Resolvido Re: Pagina inicial

Mensagem por Diehl em 28/03/13, 12:17 pm

Okay, então vamos lá criar uma página igual a que tu quer, mas depois as edições são contigo.

Vá em:
Painel de controle Seta Módulos Seta HTML & Javascript Seta Gestão das páginas HTML Seta Adicionar Adicionar uma página HTML

Vai ter alguns campos...
Seta Título (Ponha um título qualquer para a página);
Seta Você deseja utilizar o início e o fim da página de seu fórum? (Marque a opção "não");
Seta Usar esta página como página inicial? (Marque a opção "sim");

Seta Código HTML
Aqui, coloque o código HTML da página. Use o código base que tu quer só a título de teste (utilize o código que o Bookmarlucas654 citou, ou então pegue ele via código fonte na página do Suporte Desing, no Firefox basta apertar "ctrl+u");

Salve e pronto! essa será a página inicial do teu fórum! Agora é só fazer as modificações de HTML que tu deseja.

Espero que as dicas tenham sido claras, e que eu possa ter ajudado.


Última edição por Diehl em 28/03/13, 12:56 pm, editado 1 vez(es)
avatar

Diehl
Nível 9

Masculino
Inscrito dia : 30/09/2010
Mensagens : 221
Pontos Ativos : 377

Ver perfil do usuário

Resolvido Re: Pagina inicial

Mensagem por Bookmarlucas654 em 28/03/13, 12:33 pm

Caro Diehl, edita sua mensagem para esta, para ficar um pouquinho mais legível:

Código:
Okay, então vamos lá criar uma página igual a que tu quer, mas depois as edições são contigo.

Vá em:
[quote]Painel de controle :seta: Módulos :seta: HTML & Javascript :seta: Gestão das páginas HTML :seta:  :adicionar: Adicionar uma página HTML[/quote]

Vai ter alguns campos...
 :seta: [b]Título [/b](Ponha um título qualquer para a página);
 :seta: [b]Você deseja utilizar o início e o fim da página de seu fórum? [/b](Marque a opção "não");
 :seta: [b]Usar esta página como página inicial? [/b](Marque a opção "sim");

 :seta: [b]Código HTML[/b]
Aqui, coloque o código HTML da página. Use o código base que tu quer só a título de teste (utilize o código que o Bookmarlucas654 citou, ou então pegue ele via código fonte na página do Suporte Desing, no Firefox basta apertar "ctrl+u);

[color=green][b]Salve[/b][/color] e pronto! essa será a página inicial do teu fórum! Agora é só fazer as modificações de HTML que tu deseja.

[b]Espero que as dicas tenham sido claras, e que eu possa ter ajudado.[/b]

Meus parabéns pela explicação, até havia esquecido ;x
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Pagina inicial

Mensagem por Connor R. em 28/03/13, 12:44 pm

Valeu, rslvidooo
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Pagina inicial

Mensagem por Diehl em 28/03/13, 12:57 pm

@Bookmarlucas654 escreveu:Caro Diehl, edita sua mensagem para esta, para ficar um pouquinho mais legível:

Código:
Okay, então vamos lá criar uma página igual a que tu quer, mas depois as edições são contigo.

Vá em:
[quote]Painel de controle :seta: Módulos :seta: HTML & Javascript :seta: Gestão das páginas HTML :seta:  :adicionar: Adicionar uma página HTML[/quote]

Vai ter alguns campos...
 :seta: [b]Título [/b](Ponha um título qualquer para a página);
 :seta: [b]Você deseja utilizar o início e o fim da página de seu fórum? [/b](Marque a opção "não");
 :seta: [b]Usar esta página como página inicial? [/b](Marque a opção "sim");

 :seta: [b]Código HTML[/b]
Aqui, coloque o código HTML da página. Use o código base que tu quer só a título de teste (utilize o código que o Bookmarlucas654 citou, ou então pegue ele via código fonte na página do Suporte Desing, no Firefox basta apertar "ctrl+u);

[color=green][b]Salve[/b][/color] e pronto! essa será a página inicial do teu fórum! Agora é só fazer as modificações de HTML que tu deseja.

[b]Espero que as dicas tenham sido claras, e que eu possa ter ajudado.[/b]

Meus parabéns pela explicação, até havia esquecido ;x

Editei... Obrigado por codificar a mensagem, na próxima vez vou tentar estruturar melhor meus posts.
avatar

Diehl
Nível 9

Masculino
Inscrito dia : 30/09/2010
Mensagens : 221
Pontos Ativos : 377

Ver perfil do usuário

Resolvido Re: Pagina inicial

Mensagem por Bookmarlucas654 em 28/03/13, 01:39 pm

Não, você não fez errado, rsrs. Apenas quis botar umas imagens para melhorar um pouco o entendimento, obrigado ter explicado desse modo detalhado a ele ;x
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

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