Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosPersonalização do portal
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Personalização do portal
por #d0C 16.09.13 19:11
Qual é minha questão:
Olá mais uma vez a todos!
Eu pretendia uma ajudinha aqui com o meu portal novo.
Portal: Portal - Corrente Gráfica
Eu sei que isso é possível, porque eu estou a perguntar porque já vi num forum aqui da forumeiros, mas tão esquecido que sou não guardei o link... ;(
Se encontrar eu coloca aqui.
Endereço do meu fórum:
http://corrente-grafica.forumeiro.com
Versão do fórum:
PUNBB
Olá mais uma vez a todos!
Eu pretendia uma ajudinha aqui com o meu portal novo.
Portal: Portal - Corrente Gráfica
- Spoiler:
- Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
<link rel="shortcut icon" type="image/x-icon" href="http://punbb.informer.com/favicon.ico" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<title>PunBB Forumeiros</title>
</head>
<body class="home blog ie et_includes_sidebar" id="home">
<div id="header">
<div class="container">
<a href="http://punbb.forumeiros.com/forum"><img width="358" height="64" id="logo" alt="PunBBForumeiros" src="http://i78.servimg.com/u/f78/18/17/62/92/pubbl10.png" style="margin-top: 4px;"></a>
<div id="top-menu">
<ul class="superfish nav clearfix sf-js-enabled" id="menu-mainmenu">
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-216" id="menu-item-216"><a href="http://punbb.forumeiros.com/portal/">Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-212" id="menu-item-212"><a href="http://punbb.forumeiros.com/f13-exemplo-de-scripts">Códigos</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-214" id="menu-item-214"><a href="http://punbb.forumeiros.com/forum">Fórum</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-391" id="menu-item-391"><a href="http://punbb.forumeiros.com/contact">Contato</a></li>
</ul>
</div>
</div>
</div>
<div id="featured-area">
<div class="container clearfix">
<div id="featured-slider" style="background-image: none; position: relative;">
<div class="featitem clearfix" style="position: absolute; top: 0px; left: 0px; z-index: 5; opacity: 1; display: block; width: 790px; height: 333px;">
<h2 class="feat-heading">punBB-Forumeiros</h2>
<p class="tagline">
Desenvolvimento, análise e criação de códigos
</p>
<div class="excerpt">
<p>
Nosso fórum propôe uma forma fácil e intuitiva pra a edição dos templates punBB da plataforma Forumeiros.com, aliado a códigos JavaScripts e JQuery para tornar a interface ainda mais amigável e agradável da maior plataforma de fóruns gratuitos do mundo!
Os utilizadores apreciam punBB pela sua rapidez e leveza gráfica. Sua facilidade de utilização permite aos usuários se comunicarem de modo simples!
</p>
<a class="readmore" title="PunBB Forumeiros" href="http://punbb.forumeiros.com/forum"><span>Ir para o Fórum</span></a>
</div>
<a title="PunBB Forumeiros" href="http://punbb.forumeiros.com/forum"><img width="204" height="204" alt="PunBB Forumeiros" class="thumb" src="http://i78.servimg.com/u/f78/18/17/62/92/punbbg10.png"></a>
</div>
</div>
</div>
</div>
<iframe id="iframe_home" height="120px" width="100%" scrolling="no" frameBorder="0" style="display: none;" src="/forum">Your browser does not support IFRAMEs</iframe>
<div id="featured-thumbs" style="margin-left: 10px; margin-right: 10px;">
</div>
<div id="copyright">
<div class="container clearfix">
<a href="http://punbb.forumeiros.com/contact">Contato</a> - <a href="http://punbb.forumeiros.com/faq">FAQ</a> - <a href="http://punbb.forumeiros.com/faq">Privacy</a> - <a href="http://punbb.forumeiros.com/?mode=delete_cookies">Cookies</a> - <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a>
<p id="copyinfo">
©2013-2013 JScript (João Carlos) & <a href="http://punbb.forumeiros.com/t1-abertura-do-forum">PunBB Forumeiros</a>
</p>
</div>
</div>
<p></p>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$('#iframe_home').load(function(){
var iframe = $('#iframe_home').contents();
if(iframe.length > 0) {
iframe.find('#active_users').remove();
iframe.find('p.users_online').css('margin-top', '-20px !important');
$('#featured-thumbs').html(iframe.find('#board_statistics').html());
}
});
});
//]]>
</script>
<style type="text/css">
<!--
body {
font-family: 'Open Sans',Arial,Verdana,sans-serif !important;
font-size: 13px;
color: #1C1C1C;
background-color: #171717;
color: #797979;
font-family: Arial,Verdana,sans-serif;
font-size: 12px !important;
line-height: 21px !important;
min-width: 960px;
text-align: center;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
background: none repeat scroll 0 0 transparent;
border: 0 none;
font-size: 100%;
margin: 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}
#header {
background: none repeat scroll 0 0 #282828;
border-bottom: medium none #2E5481;
height: 72px;
}
#header .container {
background: url("http://i78.servimg.com/u/f78/18/17/62/92/header10.jpg") no-repeat scroll 0 0 transparent;
}
.container {
height: 100%;
margin: 0 auto;
position: relative;
text-align: left;
width: 960px;
}
a {
color: #3F6FA2;
text-decoration: none;
}
img#logo {
float: left;
margin: 0 10px 0 0;
}
div#top-menu {
background: url("http://i78.servimg.com/u/f78/18/17/62/92/menu_s10.png") no-repeat scroll left top transparent;
float: left;
height: 69px;
margin-top: 3px;
}
.clearfix:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}
ul.nav {
margin: 14px 0 0 43px;
}
ol, ul {
list-style: none outside none;
}
ul.nav li {
padding: 0 12px 0 0;
}
.nav li {
float: left;
position: relative;
}
ul.nav > li.current_page_item > a, ul.nav > li.current-cat > a, ul.nav > li > a:hover {
text-shadow: 0 0 10px #FFFFFF;
}
ul.nav > li.current_page_item > a, ul.nav > li.current-cat > a {
background: url("http://i78.servimg.com/u/f78/18/17/62/92/menuit10.png") no-repeat scroll 65% 100% transparent;
}
ul.nav li a {
font-size: 12px;
padding: 7px 0 28px 3px;
color: #FFFFFF;
}
.nav a {
display: block;
float: left;
}
#featured-area, #pagetop {
background-color: #1D3652;
height: 418px;
}
#featured-area .container, #pagetop .container {
background: url("http://i78.servimg.com/u/f78/18/17/62/92/featur10.jpg") no-repeat scroll left top transparent;
position: relative;
}
#featured-slider {
overflow: hidden;
height: 417px;
width: 960px !important;
}
.featitem {
margin: 42px 90px 0 74px;
}
h2.feat-heading, #pagetop h1 {
color: #FFFFFF;
text-shadow: 1px 2px 2px #000000;
font-size: 60px;
padding-bottom: 18px;
/*text-transform: lowercase;*/
}
h1, h2, h3, h4, h5, h6 {
font-family: Georgia,serif;
font-weight: normal;
line-height: 1em;
}
#featured-slider p.tagline, #featured-slider div.excerpt {
margin-left: 10px;
}
#featured-slider p.tagline, #pagetop p.tagline {
color: #FFFFFF;
text-shadow: 0 1px 1px #000000;
font-size: 14px;
font-weight: bold;
padding-bottom: 14px;
text-transform: uppercase;
}
p, .comment-body p {
/*line-height: 1.5;*/
}
#featured-slider div.excerpt {
color: #FFFFFF;
float: left;
text-shadow: 1px 2px 2px #0B4875;
width: 415px;
}
p {
padding-bottom: 10px;
}
#featured-slider a.readmore {
background: url("http://i78.servimg.com/u/f78/18/17/62/92/featur10.png") no-repeat scroll right top transparent;
color: #FFFFFF;
display: block;
float: right;
font-size: 14px;
font-weight: bold;
height: 44px;
line-height: 38px;
margin-top: 18px;
padding-right: 20px;
text-shadow: 1px 1px 1px #A45E00;
}
#featured-slider a.readmore span {
background: url("http://i78.servimg.com/u/f78/18/17/62/92/featur11.png") no-repeat scroll 0 0 transparent;
display: block;
padding: 0 6px 7px 40px;
}
#featured-slider img.thumb {
float: right;
}
#featured-thumbs {
background: none repeat scroll 0 0 #FFFFFF;
/*background: none repeat scroll 0 0 #DFDFDF;*/
border-top: 1px solid #FCFCFC;
min-height: 100px;
position: relative;
color: #5A5A5A;
font-family: helvetica,arial,sans-serif !important;
font-size: 13px !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
text-align: left !important;
}
#copyright {
background: url("http://i78.servimg.com/u/f78/18/17/62/92/copyri10.png") repeat-x scroll 0 0 #171717;
border-top: 1px solid #2F2F2F;
}
#copyright .container {
padding: 22px 0 12px;
}
#copyright a {
color: #8A8989;
}
p#copyinfo {
color: #636161;
float: right;
text-shadow: 1px 1px 1px #000000;
}
.statistics {
border-top: 3px solid #D8D8D8 !important;
line-height: 1.3 !important;
margin: 20px 0 0 !important;
overflow: hidden !important;
padding: 10px 0 !important;
}
.ipsType_small {
font-size: 12px;
}
.right {
float: right;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
.ipsList_inline > li {
display: inline-block;
}
a:link {
color: #225985;
text-decoration: none;
}
.statistics_head {
font-size: 14px !important;
font-weight: 700 !important;
}
.desc, .desc.blend_links a, p.posted_info {
color: #777777;
font-size: 12px;
}
.ipsSideBlock {
background: none repeat scroll 0 0 #F7FBFC;
margin-bottom: 10px;
padding: 10px;
}
.ipsSideBlock h3 {
background: none repeat scroll 0 0 #DBE2EC;
color: #204066;
font-family: helvetica,arial,sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin: -10px -10px 10px;
padding: 5px 10px;
}
* {
margin: 0;
padding: 0;
}
.users_online {
margin-top: -20px !important;
}
-->
</style>
</body>
</html>
Eu sei que isso é possível, porque eu estou a perguntar porque já vi num forum aqui da forumeiros, mas tão esquecido que sou não guardei o link... ;(
Se encontrar eu coloca aqui.
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:04, editado 3 vez(es) (Motivo da edição : .edit)
#d0C- Super Membro
- Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536 -
Re: Personalização do portal
por First 16.09.13 19:41
Olá,
Senhor, isso é possível sim, porem por meio de javascript, ao qual é proibido da suporte.
Até mais.
Senhor, isso é possível sim, porem por meio de javascript, ao qual é proibido da suporte.
Até mais.
First- Super Membro
- Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884 -
#d0C- Super Membro
- Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536 -
Re: Personalização do portal
por First 16.09.13 19:48
Olá,
Senhor, também precisaria da utilização de javascript, lamento
Até mais.
Senhor, também precisaria da utilização de javascript, lamento
Até mais.
First- Super Membro
- Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884 -
#d0C- Super Membro
- Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536 -
Tópicos semelhantes» Personalização do fórum
» Personalização das categorias
» Personalização
» Personalização de Pop-up
» Personalização de um widget
» Personalização das categorias
» Personalização
» Personalização de Pop-up
» Personalização de um widget
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos