Portal personalizado

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

Resolvido Portal personalizado

Mensagem por dR.SIMPLY em 10/05/13, 03:03 pm

Qual é minha questão:
Gostaria de obter este portal para colocar no meu forum!
Obrigado Feliz

Link do Portal: http://www.suportedesign.net/

Endereço do meu fórum:
http://sensitive-creations.forumbom.com

Versão do fórum:
PUNBB


Última edição por dR.SIMPLY em 10/05/13, 04:26 pm, editado 1 vez(es)
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Portal personalizado

Mensagem por Connor R. em 10/05/13, 03:22 pm

Isso não e um portal personalizado e sim uma página HTML.

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" />&nbsp<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" />&nbsp<a href="/t377-">Redes sociais do SuporteDesign</a>
<br><br>
<img src="http://r27.imgfast.net/users/2716/12/09/86/smiles/2641698473.png" />&nbsp<a href="/t343-">Novidades do fórum</a>
<br><br>
<img src="http://r27.imgfast.net/users/2716/12/09/86/smiles/2641698473.png" />&nbsp<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" />&nbsp<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>

bem aqui está o código.
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: Portal personalizado

Mensagem por dR.SIMPLY em 10/05/13, 04:26 pm

Muito obrigado cara! Feliz
Ajudou imenso!
OBRIGADO -DONE! Feliz
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.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