Personalização do portal

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

Resolvido Personalização do portal

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

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
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>
O que eu queria era o seguinte, naquele espaço branco, eu gostaria de dividir isso e duas colunas, nas quais a esquerda gostaria de colocar os posts mais recentes do meu blog (blogger), e a direita os tópicos mais recentes do meu fórum.

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, 04:04 pm, editado 3 vez(es) (Razão : .edit)
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: Personalização do portal

Mensagem por First em 16/09/13, 03:41 pm

Olá,

Senhor, isso é possível sim, porem por meio de javascript, ao qual é proibido da suporte.


Até mais.
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

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

Resolvido Re: Personalização do portal

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

E se for só ao os posts do forum?
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: Personalização do portal

Mensagem por First em 16/09/13, 03:48 pm

Olá,

Senhor, também precisaria da utilização de javascript, lamento Chorando ou muito tr 


Até mais.
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

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

Resolvido Re: Personalização do portal

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

Chorando ou muito tr Chorando ou muito tr Chorando ou muito tr Chorando ou muito tr 
Obrigado na mesma!
Merece meu 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

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