Passando esse código para css

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

Resolvido Passando esse código para css

Mensagem por [S]herlock em 22/12/12, 11:33 am

Qual é minha questão:
Queria saber se fosse possível editar esse código e passar para efeito 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>


Endereço do meu fórum:
http://www.forum-caminhoneiros.forumbrasil.net

Versão do fórum:
PUNBB


Última edição por HugoPimenta em 22/12/12, 11:00 pm, editado 2 vez(es)
avatar

[S]herlock
Usuário avançado

Masculino
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597

Ver perfil do usuário http://www.projectgames.ativoforum.com
  • 0

Resolvido Re: Passando esse código para css

Mensagem por BrunoH. em 22/12/12, 11:38 am

Olá!
Para transformar este efeito para PhpBB3 é possível apenas por códigos JavaScript o qual não damos suporte, lamento.

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Passando esse código para css

Mensagem por [S]herlock em 22/12/12, 11:41 am

Tem Como Então BrunoH. , criar um código de CSS , parecido com esse , para PunBB ?
avatar

[S]herlock
Usuário avançado

Masculino
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597

Ver perfil do usuário http://www.projectgames.ativoforum.com

Resolvido Re: Passando esse código para css

Mensagem por BrunoH. em 22/12/12, 11:45 am

Olá!
Talvez seja possível algum efeito ali, outro aqui, vamos tentar?
Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta 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.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Passando esse código para css

Mensagem por [S]herlock em 22/12/12, 11:50 am

@BrunoH. escreveu:Olá!
Talvez seja possível algum efeito ali, outro aqui, vamos tentar?
Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta 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.

Queri amigo BrunoH.

Esse código é para PhpBB3 , e eu pedi para PunBB Piscada
avatar

[S]herlock
Usuário avançado

Masculino
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597

Ver perfil do usuário http://www.projectgames.ativoforum.com

Resolvido Re: Passando esse código para css

Mensagem por BrunoH. em 22/12/12, 11:52 am

Olá!
Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
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'}
e Valide!

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Passando esse código para css

Mensagem por [S]herlock em 22/12/12, 11:58 am

Não Funcionou :X
avatar

[S]herlock
Usuário avançado

Masculino
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597

Ver perfil do usuário http://www.projectgames.ativoforum.com

Resolvido Re: Passando esse código para css

Mensagem por BrunoH. em 22/12/12, 05:29 pm

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.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Passando esse código para css

Mensagem por [S]herlock em 22/12/12, 08:40 pm

@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;
}
avatar

[S]herlock
Usuário avançado

Masculino
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597

Ver perfil do usuário http://www.projectgames.ativoforum.com

Resolvido Re: Passando esse código para css

Mensagem por BrunoH. em 22/12/12, 10:32 pm

Olá!
Poderia me dizer se tua questão encontra-se resolvida?

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

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