Portal personalizado v2

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

Resolvido Portal personalizado v2

Mensagem por #d0C em 16/09/13, 01:48 am

Qual é minha questão:
Olá a todos, como estão?
Eu apenas gostaria de obter este simples e bonito portal: http://bestskins.com.br/
Espero que me possam ajudar!

Cumprimentos, Corrente Gráfica!

Endereço do meu fórum:
http://corrente-grafica.forumeiro.com

Versão do fórum:
PUNBB


Última edição por CorrenteGráfica em 16/09/13, 04:03 pm, editado 2 vez(es) (Razão : edot)
avatar

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Resolvido Re: Portal personalizado v2

Mensagem por Sennior em 16/09/13, 03:16 am

Bom dia!

Amigo, o senhor tem que ser mais descritivo em tua questão. Como deseja? No mais leia:

<li> http://ajuda.forumeiros.com/-t1297.htm

Atenciosamente.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Portal personalizado v2

Mensagem por #d0C em 16/09/13, 01:56 pm

Desculpa tinha mal formulado o post.
Gostava de obter este portal: BestSkins

Obrigado.
avatar

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Resolvido Re: Portal personalizado v2

Mensagem por Sennior em 16/09/13, 02:26 pm

Olá,

Isso não é um portal, e sim uma pagina HTML:
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão das Páginas HTML

Código:

<html>
<head>
<title>BestSkins - As melhores skins você encontra aqui</title>
<link rel="shortcut icon" type="image/x-icon" href="http://img24.imageshack.us/img24/5753/lgtedd2i.png">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<meta name="language" content="pt">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function() {
  jQuery('#part-two').find('.header-upzin').click(function() {
      jQuery.get(jQuery(this).attr('data-link'), function(data) {
        jQuery('.pun.content').html(jQuery('#main', data).html());
      });
  });
});
</script>
<style>
#stats {
position: fixed;
left: 10px;
bottom: 23px;
}
#stats h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #e0e0e0;
}
a {
color: red;
text-decoration: none;
-o-transition: all .5s;
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
#header {
position: absolute;
top: 48%;
left: 7%;
font-family: Candara;
}
#header #header-title {
color: rgb(255, 0, 0) !important;
font-size: 4.3em;
font-weight: bold;
text-shadow: 1px 1px 0 rgb(0, 0, 0);
}
#header #header-content {
color: rgb(71, 71, 71);
text-shadow: 1px 1px 0px rgb(0, 0, 0);
}
#header #header-comentt {
position: relative;
left: -15%;
margin-top: 4%;
}
#header #header-comentt #header-css {
background: orange;
display: inline-block;
height: 190px;
border-radius: 100px;
width: 190px;
margin-right: 10px;
cursor: pointer;
}
#header #header-comentt #header-htm {
background: rgb(73, 134, 16);
display: inline-block;
height: 190px;
border-radius: 100px;
width: 190px;
margin-right: 10px;
cursor: pointer;
}
#header #header-comentt #header-jqu {
background: red;
display: inline-block;
height: 190px;
border-radius: 100px;
width: 190px;
cursor: pointer;
}
#header #header-comentt #header-css span {
text-align: center;
display: block;
position: relative;
top: 63px;
font-size: 50px;
font-weight: bold;
color: orange;
text-shadow: -1px -1px 0px #FFF;
}
#header #header-comentt #header-htm span {
text-align: center;
display: block;
position: relative;
top: 64px;
font-size: 50px;
font-weight: bold;
color: rgb(73, 134, 16);
text-shadow: -1px -1px 0px #FFF;
}
#header #header-comentt #header-jqu span {
text-align: center;
display: block;
position: relative;
top: 64px;
font-size: 50px;
font-weight: bold;
color: red;
text-shadow: -1px -1px 0px #FFF;
}
#header #header-comentt div {
-o-transition: all .5s;
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
opacity: .55 !important;
}
#header #header-comentt div:hover {
-o-transition: all .5s;
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
opacity: 1 !important;
}
#credits {
font-weight: bold;
position: fixed;
bottom: 10;
left: 10;
font-family: Candara;
color: rgb(71, 71, 71);
text-shadow: 1px 1px 0px rgb(0, 0, 0);
font-size: 13px;
}
#credits a {
color: rgb(162, 162, 162) !important;
}
#credits a:hover {
color: white !important;
}

</style></head>
<body style="background: rgb(34, 34, 34) url(http://i.imm.io/18nXj.jpeg) no-repeat;background-size: 100%;margin: 0;"><div id="part-one">
<!-- HEADER --><div id="header"><div id="header-title"><a href="/forum"><strong>BestSkins</strong></a></div><div id="header-content">As melhores skins você encontra aqui!<br>Assim como o suporte de códigos à fórums da plataforma Forumeiros.<br><a style="color: gray !important;cursor: pointer;" onclick="jQuery('#part-two').fadeIn();jQuery(this).text('Ativado! Para ver, desça a página.');" href="#two">Ativar Part Two</a></div><div id="header-comentt"><div id="header-css"><span>CSS</span></div><div id="header-htm"><span>HTML</span></div><div id="header-jqu"><span>JQUERY</span></div>
</div>
</div>
<div id="stats">
<iframe id="forum-stats" height="100px" width="100%" scrolling="no" frameBorder="0" style="display: none;" src="/forum"></iframe>
<script type="text/javascript">
         //<![CDATA[
         $(document).ready(function(){
             $('#forum-stats').load(function(){
                 var iframe = $('#forum-stats').contents();
                 if(iframe.length > 0) {
                        $('#stats').html(iframe.find('.statistics_head').html());
                 }
             });
         });
         //]]>
      </script>
      </div>
<!-- CREDITOS --><div id="credits">Fórum hospedado por <a href="http://www.forumeiros.com">Forumeiros.com</a> e página feita por <a href="http://bestskins.com.br/u24">[F]lames</a></div>
</div>
<a id="two" name="two" accesskey="t"></a><div id="part-two" style="position: absolute;top: 899px;width: 100%;display: none;"><style>.header-ups .header-upzin:hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent !important;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.header-ups .header-upzin {
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}</style>
<div class="header" style="padding: 29px 80px;width: 87.37%;height: 110px;background: orange;display: block;font-family: Candara;"><div class="header-title" style="display: inline-block;width: 50%;font-size: 5em;font-weight: bold;height: 97px;">BestSkins</div><div class="header-ups" style="display: inline-block;width: 49%;height: 170px;top: -30px;position: relative;"><div class="header-upzin" style="
    display: inline-table;
    width: 25%;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 0;
    padding: 73px 17px 70px 17px;
    font-size: 19px;
    margin-top: 1px;
    margin-right: -1px;
    cursor: pointer;
" data-link="/f14-">Skins</div><div class="header-upzin" style="
    display: inline-table;
    width: 29%;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 0;
    padding: 73px 17px 49px 17px;
    font-size: 19px;
    height: 45px;
    cursor: pointer;
" data-link="/f4-">Pedidos de códigos</div><div class="header-upzin" style="
    display: inline-table;
    width: 25%;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 73px 17px 70px 17px;
    font-size: 19px;
    margin-top: 1px;
    margin-right: -1px;
    cursor: pointer;
" data-link="/f20-">Dicas e Tutoriais</div>


</div></div><div class="pun content" style="background: rgb(34, 34, 34);height: 731px;padding: 50px;"></div>
</div>

</body>
</html>
<li> Usar como pagina inicial, marque sim.
<li> Usar no inicio e no final de teu fórum, marque não.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Portal personalizado v2

Mensagem por #d0C em 16/09/13, 03:07 pm

Muito obrigado!
Ajudou!
avatar

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

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