forum topic tagging system v1

Administrator

Join date : 2012-12-09

Posts : 486

Thanks gained - : 3758

Gender :

Age : 30

Location : India kerala

Posted Fri Dec 04, 2015 8:56 pm

File Name: Tag Content System
Author: Anonymous
Functionality: PunBB

Administration Panel → Display → General → Viewtopic_body

Find this code

Code::  </p> </div>

after that add this

Code:: <div style="line-height: 80%;"> </div> <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 class="ipsType_pagetitle" itemprop="name">{TOPIC_TITLE}</h1> <div style="line-height: 80%;"> </div> <div class="desc lighter blend_links"> Started by <span itemprop="creator"><a title="" href="" class="url fn name"><span itemprop="name"></span></a></span>, <span itemprop="dateCreated"> </span> </div><br></br> <span id="tags_search" style="float:left"></span> <br> <meta content="UserComments:3" itemprop="interactionCount"> </dd></div>

next paste this code

Code:: <script type="text/javascript"> //<![CDATA[ jQuery(document).ready(function(){ var target = $('.post:first'); target.find('div.postbody').find('strong:contains("Relembrando a primeira mensagem")').closest('div.main-content.topic').hide(); var imgdata = target.find('div.user-basic-info'); var autor_dat = target.find('div.username'); var autor_url = autor_dat.attr('href'); var autor_txt = autor_dat.text(); var date = target.find('span.data-post').html(); var topic_title = '{TOPIC_TITLE}'; var tags = topic_title.split(' '); var follow = '{S_WATCH_TOPIC}'; $('.ipsUserPhotoLink.left').attr('href', imgdata.find('a').attr('href')); $('.ipsUserPhoto.ipsUserPhoto_medium').attr('src', imgdata.find('img').attr('src')); $('span[itemprop="creator"]').find('a').attr('title', autor_txt).attr('href', autor_url); $('span[itemprop="name"]').text(autor_txt); $('span[itemprop="dateCreated"]').html(date); /* Remove duplicates values in array! -> If you find something better than this, telme please. */ tags = tags.filter( function(a){ if (!this[a]) { this[a] = 1; return a; } } ); /* Sets tag search... */ $.each(tags, function(index, data) { if(data.length > 4) { $('#tags_search').append( '<a id="tag_search_' + index + '" class="ipsTag" title="Find more content tagged ' + data + '" href="/search?search_keywords=' + data + '">' + ' <span>' + data + '</span>' + '</a>' ); } }); /* Whatch topic */   var target = $('.main-content.topic').find('div.post'); target.each(function(index) { var oThis = $(this); var userImg = oThis.find('div.user-basic-info a'); var memberTitle = oThis.find('p.desc.member_title'); var urlID = oThis.find('.username a').attr('href'); var target = oThis.find('div.user-basic-info').text(); var IsSuper = (target.search(/administrador/i) + 1) + (target.search(/moderador/i) + 1) + (target.search(/punbb/i) + 1); /* Sets default avatar... */ if (userImg.find('img').length == 0) { userImg.html('<img src="http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png" alt="User image">'); } /* field_id1 (Título) = First field added to the perfil! */ $.get(urlID, function(data){ var userTitle = $.trim($('#field_id1', data).find('div.field_uneditable').text()); var posts = $('#field_id-6', data).find('div.field_uneditable').text(); if (IsSuper <= 0) { if (posts <= 99){ memberTitle.text('Membro'); } else if (posts >= 100 && posts < 200) { memberTitle.text('Membro Nível 1'); } else if (posts >= 200 && posts < 300) { memberTitle.text('Membro Nível 2'); } else if (posts >= 300 && posts < 500) { if(userTitle == '-') {memberTitle.text('Membro Nível 3');} } else if (posts >= 500) { if(userTitle == '-') {memberTitle.text('Membro Avançado');} } } else { if(userTitle != '-') {memberTitle.text(userTitle);} } /*sets state*/ /*console.log($.trim($('#user_status', data).text()));*/ if($.trim($('#user_status', data).text()) == 'conectado') { oThis.find('span.ipsBadge').html('online').addClass('ipsBadge_green').removeClass('ipsBadge_lightgrey'); } else { oThis.find('span.ipsBadge').html('offline').addClass('ipsBadge_lightgrey').removeClass('ipsBadge_green'); }; }); }); }); /* Editar mensagem */ function edit_message(topic_ID, post_ID){ /* This load and read all form fields ¯| */ $('#' + topic_ID).load('/post?p=' + post_ID + '&mode=editpost' + ' .main .frm-form', function() { var msgID = $('#' + topic_ID); msgID.find('.main-head.clearfix').remove(); msgID.find('.frm-set.multi > dl').hide(); msgID.find('#textarea_content dt:last').show(); msgID.find('.frm-set.multi').css('border-bottom', '0px'); msgID.find('.frm-set > dl').hide(); msgID.find('.frm-buttons').css('border-top', '0'); msgID.find('.main').hide(); msgID.find('.frm-form').attr('target','iframe_' + post_ID).submit(function(){var time=setTimeout("edited()",1000);}); msgID.find('input[name=post]').css('margin-left', '-225px'); msgID.find('input[name=preview]').css('margin-left', '120px').attr('value', 'Cancelar'); }); } function edited(){window.location.reload()} //]]> </script> <style type="text/css">  </style>   <style type="text/css">  </style>  <style type="text/css"></style> <style> .titlebox{margin-left:2px;border-radius:3px;overflow:hidden;padding:4px;margin-top:10px !important;border:1px solid #DDD;width:98.7%;background:linear-gradient(to bottom,#FFF 0%,rgba(255,255,255,0) 100%) repeat-x scroll 0 -1px #F4F4F4;box-shadow:0 1px 3px rgba(0,0,0,0.15)}.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)}£panda_selector_1395760756531_10_m_panda£{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}.seguir{float:right;position:relative}.seguir a{-moz-border-radius:2px;-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1),inset rgba(255,255,255,0.7) 0 1px 0;-webkit-border-radius:2px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1),inset rgba(255,255,255,0.7) 0 1px 0;background:#ececec url(http://i45.tinypic.com/2hrd3tg.png) repeat-x 0 0;border:1px solid #d0d0d0;border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,0.1),inset rgba(255,255,255,0.7) 0 1px 0;color:#616161!important;cursor:pointer;display:inline-block;font-size:11px;height:24px;line-height:24px;padding:0 10px;text-shadow:#fff 0 1px 0;white-space:nowrap}£panda_selector_1395760756531_24_m_panda£{background-color:#f8f8f8;color:#4c4c4c}</style>

after this

Code:: <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Next go to your Javascript

Administration Panel → Modules → Html & Javascript Management → Javascript Management

Name: Titlebox
Placement: In the topics

Code:: 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('span.creator').html(); jQuery('span[itemprop="creator"]').html(url3); var url5=jQuery('span.data-post').html(); jQuery('span[itemprop="data_post"]').html(url5); });

There you have it ! you have now the Topic Tagging System

Last edited by AYSHA on Fri Dec 04, 2015 8:59 pm; edited 1 time in total (Reason for editing : .)