Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://designland.forumeiros.com

Descrição do problema

Olá!

Segui o tutorial que temos aqui no FdF, eu já adquiri o código mas não sei personalizá-lo para que fique como o da home page do FdF, alguem pode me ajudar a estruturá-lo?

Este é o código:

Código:

<script src="http://feeds.feedburner.com/AnunciosEAtualizaes?format=sigpro" type="text/javascript" ></script><noscript><p>Subscreva aos destaques RSS de: <a href="http://feeds.feedburner.com/AnunciosEAtualizaes"></a><br/>Powered by FeedBurner</p> </noscript>

O CSS que utilizo:

Código:

#feed.paNewsBox {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #FFFFFF;
border-color: #00a5cd;
border-image: none;
border-radius: 3px;
border-style: solid;
border-width: 1px 1px 3px;
height: 155px;
padding: 3px;
}

Até mais!

Bom dia!

Mas, de que maneira queres personalizar? O que deseja colocar? Cores? Efeitos? Dimensões e imagens?

Sim Shek, pode ser semelhante ao do FdF depois que eu tiver o código posso personalizá-lo, minha dificuldade é estruturá-lo.

Abraços.

O css usado por aqui, é este:

Código:

/* HOME-PAGE NEWS */
.lastopic {
   background-color: #F6F4D0;
   border-left: 3px solid #84C754;
   border-radius: 5px;
 }
 
   .lastopic a {
      font-weight: bold;
      color: #666;
      padding-left: 20px !important;
      background: url(http://i44.servimg.com/u/f44/11/14/55/92/rss_br10.png) no-repeat scroll left center / 13px auto rgba(0,0,0,0);
    }
 
p.date, p.feedItemAuthor {
   float: right;
   font-size: 9px;
   font-style: italic;
   margin: 5px 0 0px 5px;
   padding-left: 20px;
 }
 
p.feedItemAuthor {background: url(http://2img.net/i/fa/subsilver/icon_tiny_profile.gif) no-repeat scroll 5px 2px transparent;}
 
.feedburnerFeedBlock img {display: none;}
 
.feedburnerFeedBlock li {
   min-height: 20px;
   padding: 3px;
   list-style-type: none;
   border-bottom: 1px solid #FFFFFF;
 }
 
   .feedburnerFeedBlock li a {
      font-family: Arial,Helvetica,sans-serif;
      font-size: 1.2em;
    }
 
   .feedburnerFeedBlock li p.date {
      background: url(http://2img.net/i/fa/subsilver/icon_miniposted.gif) 0% 50% no-repeat;
      padding-left: 15px;
    }
 
.feedburnerFeedBlock ul li div {
   color: #666;
   line-height: 100%;
   text-align: justify;
 }
 
#feed a.topictitle {
   display: block!important;
   margin: 2px 1px 0;
   padding: 1px 0px 5px 30px;
   border-radius: 5px;
   background-color: #FFF;
   background: #ffffff url('http://i11.servimg.com/u/f11/15/17/71/53/pen10.png') no-repeat 5px center;
 }
 
.paNewsDate.date-and-time {
   background: url(http://2img.net/i/fa/subsilver/icon_miniposted.gif) no-repeat scroll 0 3px transparent;
   float: right;
   font-size: 9px;
   font-style: italic;
   margin-left: 21px;
   padding-left: 13px;
 }
 
ul.paNewsList l   i {
   background-color: rgba(0,165,205,0.04);
   border-bottom: 1px solid #fff;
   border-radius: 4px;
   color: #555;
   font-size: 11px;
   list-style-type: none;
   padding: 5px 10px;
   text-align: justify;
 }
 
.paNewsTitle {
   -webkit-transform: rotate(-90deg);
   color: #00a5cd;
   float: left;
   font-family: inherit;
   font-size: 15px;
   left: -40px;
   letter-spacing: 2px;
   position: absolute;
   text-transform: uppercase;
   top: 73px;
   transform: rotate(-90deg);
   width: 105px;
 }
 
#feed.paNewsBox {
   -moz-border-bottom-colors: none;
   -moz-border-left-colors: none;
   -moz-border-right-colors: none;
   -moz-border-top-colors: none;
   background-color: #fafafa;
   border-color: #00a5cd;
   border-image: none;
   border-radius: 3px;
   border-style: solid;
   border-width: 1px 1px 3px;
   height: 135px;
   padding: 3px;
 }
 
ul.paNewsList {
   list-style: none outside none;
   margin: 10px 10px 0 0;
   padding-left: 25px;
 }
 
/* FIM de Home-Page news */

Isso!

Estamos quase lá, olhe no fórum, ainda falta alguns detalhes: http://designland.forumeiros.com/

Olá!

Ainda não consigo saber o que exatamente quer, pois, apenas disse que quer parecido, mas, o CSS é o exato que o FDF usa. O que precisa de fato? Quer mudar as cores? Adicionar imagens? O que pretende fazer? Estamos quase lá em que sentido? No sentido do CSS ou do javascript?

Atenciosamente.

Os títulos "Anuncios - Data - Autor" e o primeiro destacado em amarelo.

Olá!

Código:

<!-- CRIADO POR SHEK FORUMEIROS - AJUDA.FORUMEIROS.COM - DESIGN POR SHEK FORUMEIROS | FAVOR, NÃO ALTERAR ESTE TRECHO!!! --><div id="acc-news" style="">
</div><script>
  jQuery(document).ready(function(){
  jQuery('.feedburnerFeedBlock li:eq(0)').addClass('lastopic')
});
</script>
<div style="position: relative;">
                   
  <div <span="" class="paNewsTitle">
              Últimos       
  </div>
</div>
 
<div class="paNewsBox" id="feed">
                         
  <table border="0" style="font-weight: bold;color: #666;font-family: Arial;border-bottom: 1px #666 solid;" class="table1">
                       
      <tbody>
                         
        <tr colspan="2">
                                   
            <td style="float: left;margin-left: 3%;">
                                     
              <div align="center">
                          Anúncios       
              </div>
                               
            </td>
                             
            <td style="float: right;">
                               
              <div align="center">
                          Autor       
              </div>
                                     
            </td>
                             
            <td style="float: right;">
                             
              <div align="center">
                          Data do tópico       
              </div>
                               
            </td>
                             
        </tr>
                         
      </tbody>
                       
  </table><script type="text/javascript" src="http://feeds.feedburner.com/forumeiros/cOhd?format=sigpro"></script>
</div>
<!-- CRIADO POR SHEK FORUMEIROS - AJUDA.FORUMEIROS.COM - DESIGN POR SHEK FORUMEIROS | FAVOR, NÃO ALTERAR ESTE TRECHO!!! -->

Só um erro, olhe na imagem a seguir: https://i.imgur.com/QUIdH9O.png