Passando esse código para css

2 participantes

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

Tópico resolvido Passando esse código para css

Mensagem por [S]herlock 22.12.12 13:33

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 23.12.12 1:00, editado 2 vez(es)
[S]herlock

[S]herlock
****

Membro desde : 18/07/2012
Mensagens : 399
Pontos : 597

http://www.projectgames.ativoforum.com

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Passando esse código para css

Mensagem por BrunoH. 22.12.12 13:38

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

Até mais.
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Passando esse código para css

Mensagem por [S]herlock 22.12.12 13:41

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

[S]herlock
****

Membro desde : 18/07/2012
Mensagens : 399
Pontos : 597

http://www.projectgames.ativoforum.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Passando esse código para css

Mensagem por BrunoH. 22.12.12 13:45

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

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Passando esse código para css

Mensagem por [S]herlock 22.12.12 13:50

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
[S]herlock

[S]herlock
****

Membro desde : 18/07/2012
Mensagens : 399
Pontos : 597

http://www.projectgames.ativoforum.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Passando esse código para css

Mensagem por BrunoH. 22.12.12 13:52

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

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Passando esse código para css

Mensagem por [S]herlock 22.12.12 13:58

Não Funcionou :X
[S]herlock

[S]herlock
****

Membro desde : 18/07/2012
Mensagens : 399
Pontos : 597

http://www.projectgames.ativoforum.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Passando esse código para css

Mensagem por BrunoH. 22.12.12 19:29

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

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Passando esse código para css

Mensagem por [S]herlock 22.12.12 22:40

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;
}
[S]herlock

[S]herlock
****

Membro desde : 18/07/2012
Mensagens : 399
Pontos : 597

http://www.projectgames.ativoforum.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Passando esse código para css

Mensagem por BrunoH. 23.12.12 0:32

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

Até mais.
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos