Suporte Community

Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo Mensagem [Página 1 de 1]

#1
Mr.Sheldon

Mr.Sheldon
Administrador

Reputação Estilo IPB Images10

Reputação Estilo IPB

Reputação Estilo IPB W5b0Xig
Nome do Arquivo: Reputação Estilo IPB
Autor: Daemon
Funcionalidade: PUNBB
Categoria: Recursos Suporte Community e Best Skins

Olá turminha, bem devido a que estou sem ideias para criar códigos vou postar a Reputação igual aqui bem vamos lá


--> Tutoriais, dicas e astúcias <--
Reputação Estilo IPB



- Códigos
Bem devido a bugs no Index_box sugiro vocês testarem sem modificar o Index_body...
Painel->Visualização->Templates->Geral->Index_box
e substitua tudo por este
Código:
<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="main-head">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
         <table cellspacing="0" class="table">
            <tbody class="statused">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
               <tr>
                                                <td class="tc_icon">
                     <span class="status">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </span>
                                                </td>
                  <td class="tc_forum" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT};">
                                                        <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
                     {catrow.forumrow.FORUM_DESC}
                     <!-- BEGIN switch_moderators_links -->
                     <br />
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                     <!-- END switch_moderators_links -->
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                                          <td class="tc3"><strong>{catrow.forumrow.TOPICS}</strong> tópicos<br /><strong>{catrow.forumrow.POSTS}</strong> respostas</td>
                  <td class="tcr">
                     <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>
                  </td>
               </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
   <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   </ul>
   <!-- BEGIN switch_delete_cookies -->
   <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
   </p>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->
Painel->Módulos->HTML e Javascript-> Adicionar Javascript
Crie um novo Javascript com o título que desejar e Investimento Nós Tópicos
Código:
$(document).ready(function(){var url=$('.post:first .postmain .postbody .user .user-ident .user-basic-info a img').attr('src');$('.imgcreator').attr('src',url);var url2=jQuery('.post:first .postmain .postbody .user .user-ident .user-basic-info a').attr('href');jQuery('.linkimgcreator').attr('href',url2);var url3=jQuery('.post:first .postmain .postbody .user .user-ident .username span strong').html();jQuery('span[itemprop="creator"]').html(url3);var url5=jQuery('span.data-post').html();jQuery('span[itemprop="data_post"]').html(url5);$('#quick_reply .frm-set').before('<div id="quick-avatar"></div> ');var avt=_userdata.avatar;if(avt){$('#quick-avatar').html('<a href="/profile?mode=editprofile&page_profil=avatars">'+avt+'</a>')}else{$('#quick-avatar').html('')}$(function(){var textarea=$('#text_editor_textarea');var sceditor=$('.sceditor-container');textarea.attr('style','display: block;');$(sceditor).hide();$(textarea).click(function(){$(this).hide();$(sceditor).show();$('#text_editor_textarea').sceditor("instance").insert('')});$('form#quick_reply input[name="post"]').attr('value','Responder');$('form#quick_reply input[name="preview"]').attr('value','Mais Opções')});$(".pun .post .user-info").each(function(){$(this).html($(this).html().replace(/<span class="label/g,'<dd><div class="post_field"><span class="label'))});$('.user-info .post_field:contains("Reputação")').each(function(){var rep=$(this).text().match(/\d+/g);$(this).addClass('rep-pers');$(this).append('<span class="title" style="font-weight:normal"></span>');if(rep==0){$(this).find('.title').text('Neutro');$(this).addClass('zero')}else if(rep>=1&&rep<10){$(this).find('.title').text('Iniciante')}else if(rep>=10&&rep<30){$(this).find('.title').text('Regular')}else if(rep>=30&&rep<50){$(this).find('.title').text('Bom')}else if(rep>=50&&rep<100){$(this).find('.title').text('Ótimo')}else if(rep>=100&&rep<200){$(this).find('.title').text('Excelente')}else if(rep>=200&&rep<400){$(this).find('.title').text('Destaque')}else if(rep>=400&&rep<600){$(this).find('.title').text('Membro de Elite')}else if(rep>=600){$(this).find('.title').text('Rep Boss')}})});
Painel->Visualização->Cores->Folha de estilo CSS
Código:
.rep-pers {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #6f8f52;
border-radius: 3px;
color: #fff;
display: block;
font-weight: 700;
margin: 0 auto 5px;
max-width: 123px;
padding: 3px 8px;
text-align: center;
}




© Suporte Community


Reputação Estilo IPB Cyoocvq Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] -
Reputação Estilo IPB



Última edição por Mr.Sheldon em Seg Mar 10, 2014 3:44 pm, editado 1 vez(es)

http://suportecommunity.com.br

#2
Mr.Sheldon

Mr.Sheldon
Administrador
[sucesso=Tutorial Aceito]Movido para Dicas & Tutoriais[/sucesso]

http://suportecommunity.com.br

#3
JQuery

JQuery
Membro
Ola,
Gostei, parabens.

Até Mais...

#4
Mr.Sheldon

Mr.Sheldon
Administrador
Fico muito feliz que o senhor tenha gostado


até

http://suportecommunity.com.br

#5
Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Ir para o topo Mensagem [Página 1 de 1]


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