Como coloca assim o titulo do tópico

3 participantes

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

Tópico resolvido Como coloca assim o titulo do tópico

Mensagem por James [B]. 14.10.13 1:38

Qual é minha questão:
Queria deixar meu Titulo Assim como a imagem below

topico - Como coloca assim o titulo do tópico FZwkPP4

Obrigado Pela Atenção.

Endereço do meu fórum:
http://nxfatal.forumeiros.com

Versão do fórum:
PUNBB


Última edição por iPauliinhoO_. em 16.10.13 2:16, editado 1 vez(es)
James [B].

James [B].
****

Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325

http://skytemas.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca assim o titulo do tópico

Mensagem por Jpjupa 14.10.13 11:27

Olá usuário,

Este procedimento será um pouco complicado e demorado, com vários passos, peço bastante atenção.

1) Adicione isto ao seu CSS:
Código:



.titlebox{
    -moz-border-radius:3px;
    -moz-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
    -webkit-border-radius:3px;
    -webkit-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
    background:#EFEFEF;
    border:1px solid #D6D6D6;
    border-radius:3px;
    box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
    overflow:hidden;
    padding:10px;
    text-shadow:#fff 0 1px 0
}
.titlebox dd{display:block}
.titlebox dava{float:left}
.titlebox dava a img{
    -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
    background:#fff;
    border:1px solid #D5D5D5;
    box-shadow:0 2px 2px rgba(0,0,0,0.1);
    float:left;
    height:50px!important;
    padding:1px;
    width:50px!important
}
.titlebox dava a img:hover{
    -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
    border-color:#A1A1A1;
    box-shadow:0 2px 2px rgba(0,0,0,0.2)
}
.ipsType_pagetitle a{font-size:23px;z-index:999}
.desc.lighter.blend_links{color:#a4a4a4;float:left;font-size:11px}
.desc.lighter,.desc.lighter.blend_links a{color:#A4A4A4}
.desc,.desc.blend_links a,p.posted_info{color:#777;font-size:12px}
.conect{display:inline-block;padding-left:5px}
2) Crie um javascript com investimento "Nos tópicos", com o seguinte código:
Código:

jQuery(document).ready(function() {
  var url=$('.post:first .postmain .postbody .user .user-ident .user-basic-info a img').attr('src');
  $('.teste').attr('src',url);
  var url2=jQuery('.post:first .postmain .postbody .user .user-ident .user-basic-info a').attr('href');
  jQuery('.teste2').attr('href',url2);
  var url3=jQuery('.post:first .postmain .postbody .user .user-ident .user-basic-info .user-name').html();
  jQuery('span[itemprop="creator"]').html(url3);
  var url5=jQuery('span.data-post').html();
  jQuery('span[itemprop="data_post"]').html(url5);
});
3) Vá no seu template viewtopic_body, e procure por:
Código:
 {postrow.displayed.POST_DATE_NEW}
Acima deste código, adicione o seguinte código:
Código:

<div class="titlebox">
  <dd> <dava><div class="avatarredet"><a class="teste2" href="#">
    <img class="teste" alt="" src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" /></a></div></dava>
    <div itemscope="" itemtype="http://schema.org/Article" class="ipsBox_withphoto">
      <h1 itemprop="name" class="ipsType_pagetitle">{TOPIC_TITLE}</h1>
      <div class="desc lighter blend_links">
        <dts>Iniciado por </dts><span itemprop="creator"></span>, <span itemprop="data_post"></span></div></div>
    <script>jQuery(document).ready(function(){jQuery('.ipbfs_titlebox').append('<span style="width: 80%;"><br /><span style="margin-left: 10px">Postado por '+jQuery('.main-content.topic .posthead h2 div#ppf_sb_branco a[href^="/u"]').eq(0).text()+','+jQuery('.main-content.topic .posthead h2 span.data-post').eq(0).text().replace('Postado ', ' ')+' via PowerPixel Fórum </span></span>')});</script>    </div><script type="text/javascript">$(function(){$.get('/profile?mode=editprofile',function(d){$('#iframe_votacao').attr('src','http://v11.power-pixel.net/tpsys/?t=38296&u='+$(d).find('input[name="user_id"]').val());});});</script><div style="float: right;width: 300px;margin-top: 10px;"><iframe id="iframe_votacao" src="http://v11.power-pixel.net/tpsys/carregando.php" style="background: transparent;border: 0;width:300px;height:50px;" border="0"></iframe></div>
  </dd></div>
4) Ainda no template viewtopic_body, procure por:
Código:
{postrow.displayed.POST_DATE_NEW}
E substitua por:
Código:
<span class="data-post">{postrow.displayed.POST_DATE_NEW}</span>
Abraço.
Jpjupa. Feliz
Jpjupa

Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca assim o titulo do tópico

Mensagem por James [B]. 14.10.13 13:35

Olhe como fico no meu forum fico todo esquezito
James [B].

James [B].
****

Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325

http://skytemas.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca assim o titulo do tópico

Mensagem por Jpjupa 14.10.13 14:48

Amigo, recebi a informação agora, de um dos meus colegas da staff, que não podemos dar suporte á esse tipo de código, infelizmente.

Acho que não tenho permissão para ajudar nesse caso, pois é um código externo aos nossos tutoriais.

Abraço.
Jpjupa.
Jpjupa

Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca assim o titulo do tópico

Mensagem por James [B]. 14.10.13 16:02

afff mano pf ajuda ae
James [B].

James [B].
****

Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325

http://skytemas.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca assim o titulo do tópico

Mensagem por James [B]. 15.10.13 13:36

UP
James [B].

James [B].
****

Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325

http://skytemas.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca assim o titulo do tópico

Mensagem por Jpjupa 15.10.13 21:06

Primeiramente, tenha mais paciência.

E não estou vendo as alterações no seu template viewtopic_body, acho que você adicionou no template errado, poderia checar por favor?

Abraço.
Jpjupa.
Jpjupa

Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor
  • 0

Tópico resolvido Re: Como coloca assim o titulo do tópico

Mensagem por Shek 16.10.13 0:24

Boa noite!

Tente o conteúdo do SPOILER:
Spoiler:
Atenciosamente,
Shek
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca assim o titulo do tópico

Mensagem por James [B]. 16.10.13 2:16

Obrigado Shek Certinho Aqui.
James [B].

James [B].
****

Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325

http://skytemas.forumeiros.com

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