InícioPortal personalizado v2
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Portal personalizado v2
por #d0C 16.09.13 5:48
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
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 20:03, editado 2 vez(es) (Motivo da edição : edot)
#d0C- Super Membro
- Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536 -
Re: Portal personalizado v2
por Sennior 16.09.13 7:16
Bom dia!
Amigo, o senhor tem que ser mais descritivo em tua questão. Como deseja? No mais leia:
<li> https://ajuda.forumeiros.com/-t1297.htm
Atenciosamente.
Amigo, o senhor tem que ser mais descritivo em tua questão. Como deseja? No mais leia:
<li> https://ajuda.forumeiros.com/-t1297.htm
Atenciosamente.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
#d0C- Super Membro
- Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536 -
Re: Portal personalizado v2
por Sennior 16.09.13 18:26
Olá,
Isso não é um portal, e sim uma pagina HTML:
Painel de Controle
Módulos HTML & JAVASCRIPT Gestão das Páginas HTML
<li> Usar no inicio e no final de teu fórum, marque não.
Até mais.
Isso não é um portal, e sim uma pagina HTML:
Painel de Controle
Módulos HTML & JAVASCRIPT 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 no inicio e no final de teu fórum, marque não.
Até mais.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
#d0C- Super Membro
- Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536 -
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos