Passando esse código para css

Código:


<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
  <ol class="nodeList" id="forums">
   
      








<li class="node category level_1 node_13" id="13">
  <div class="maintitle">
    <div class="categoryText">
        <h3 class="nodeTitle">
            <a href="#13" data-description="#nodeDescription-13">{catrow.tablehead.L_FORUM}</a>
        </h3>
    </div>
</div>
      
      <ol class="nodeList category_border border">
   <!-- END tablehead -->




   <!-- BEGIN forumrow -->
               <li class="node forum level_2  node_14">
    <div class="nodeInfo forumNodeInfo primaryContent unread">
        <div id="nodeIcon">
            <span class="nodeIcon" title="Unread messages">
              <img src="http://www.ipbforumskins.com/skindemo/public/style_images/uniform33x/f_icon_read.png" title="Mensagens"/>
            </span>
        </div>
        <div class="nodeText">
            <h3 class="nodeTitle">
                <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
            </h3>
            <div class="nodeStats pairsInline">
                <dl>
                    <dt>Forum:</dt>
                    <dd>{catrow.forumrow.TOPICS}</dd>
                    <dt>Tópicos:</dt>
                    <dd>{catrow.forumrow.POSTS}</dd>
                </dl>
            </div>
        </div>
        <div class="nodeLastPost secondaryContent">
           <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
        </div>
    </div>
</li>
   <!-- END forumrow -->




   <!-- BEGIN tablefoot -->
  </ol>
    </li>
  </ol>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>


Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

.forabg, .forumbg {-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 1px 3px inset;border-radius: 3px;box-shadow: rgba(0, 0, 0, 0.8) 0px 1px 3px inset;color: white;font-size: 13px;font-weight: 700;line-height: 20px;margin: 0px 0px 5px;padding: 7px 10px;text-shadow: black 0px 1px 2px;background: url(http://i.imgur.com/lhDZu.png) 30% 0px no-repeat fixed black;}
.topics:before{content:'Atualmente temos:';position:absolute;margin-top:-15px}.topics,.posts{padding-top:12px!important}
.topics{text-align:right!important}.topics:after{content:' Tópicos e'}.posts{text-align:left!important;padding-left:5px!important}
.posts:after{content:' Mensagens'}

BrunoH. escreveu:Olá!
Talvez seja possível algum efeito ali, outro aqui, vamos tentar?
Aceda a Folha de Estilo CSS:

Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

Código:

.forabg, .forumbg {-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 1px 3px inset;border-radius: 3px;box-shadow: rgba(0, 0, 0, 0.8) 0px 1px 3px inset;color: white;font-size: 13px;font-weight: 700;line-height: 20px;margin: 0px 0px 5px;padding: 7px 10px;text-shadow: black 0px 1px 2px;background: url(http://i.imgur.com/lhDZu.png) 30% 0px no-repeat fixed black;}
.topics:before{content:'Atualmente temos:';position:absolute;margin-top:-15px}.topics,.posts{padding-top:12px!important}
.topics{text-align:right!important}.topics:after{content:' Tópicos e'}.posts{text-align:left!important;padding-left:5px!important}
.posts:after{content:' Mensagens'}

e Valide!

Até mais.

Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

.pun .main-content {-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 1px 3px inset;border-radius: 3px;box-shadow: rgba(0, 0, 0, 0.8) 0px 1px 3px inset;font-size: 13px;font-weight: 700;line-height: 20px;margin: 0px 0px 5px;padding: 7px 10px;text-shadow: black 0px 1px 2px;background: url(http://i.imgur.com/lhDZu.png) 30% 0px no-repeat fixed black;}
.tc2:before{content:'Atualmente temos:';position:absolute;margin-top:-15px}.tc2,.tc3{padding-top:12px!important}
.tc2{text-align:right!important}.tc2:after{content:' Tópicos e'}.tc3{text-align:left!important;padding-left:5px!important}
.tc3:after{content:' Mensagens'}

Código:

.pun .main-content {-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 1px 3px inset!important;border-radius: 3px;box-shadow: rgba(0, 0, 0, 0.8) 0px 1px 3px inset;font-size: 13px;font-weight: 700;line-height: 20px;margin: 0px 0px 5px;padding: 7px 10px;text-shadow: black 0px 1px 2px;background: url(http://i.imgur.com/lhDZu.png) 30% 0px no-repeat fixed black!important;}
.tc2:before{content:'Atualmente temos:';position:absolute;margin-top:-15px}
.tc2,.tc3{padding-top:12px!important}
.tc2{text-align:right!important}
.tc2:after{content:' Tópicos e'}
.tc3{text-align:left!important;padding-left:5px!important}
.tc3:after{content:' Mensagens'}

BrunoH. escreveu:Olá!
Substitua o código por este:

Código:

.pun .main-content {-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 1px 3px inset!important;border-radius: 3px;box-shadow: rgba(0, 0, 0, 0.8) 0px 1px 3px inset;font-size: 13px;font-weight: 700;line-height: 20px;margin: 0px 0px 5px;padding: 7px 10px;text-shadow: black 0px 1px 2px;background: url(http://i.imgur.com/lhDZu.png) 30% 0px no-repeat fixed black!important;}
.tc2:before{content:'Atualmente temos:';position:absolute;margin-top:-15px}
.tc2,.tc3{padding-top:12px!important}
.tc2{text-align:right!important}
.tc2:after{content:' Tópicos e'}
.tc3{text-align:left!important;padding-left:5px!important}
.tc3:after{content:' Mensagens'}

Até mais.

Bem BrunoH. , seu código não funcionou .
Mas , eu peço obrigado por tentar me ajudar . Com uma base do seu código , fui editando um pouco ali e aqui , e achei um resultado , não igual o que eu esperava , mais um bem interessante . Código desenvolvido por mim , com base no seu .

Código:


.pun .main-content {border-radius: 3px;box-shadow: rgba(0, 0, 0, 0.8) 0px 1px 3px inset;font-size: 13px;font-weight: 700;line-height: 20px;margin: 0px 0px 5px;padding: 7px 10px;background : whiteSmoke;}

.main .main-head {
border-top-left-radius: 10px 10px;
border-top-right-radius: 10px 10px;
background-image: url(http://i.imgur.com/lhDZu.png);
background-position: 65% 65%;
background-repeat: repeat-x;
}