infop
Thanks tho.
THUMBNAIL CODE FOR FORUM POST WITH READ MORE.
Today i am going to share Full Tutorial for wapka blog style forum update. Thanks to weezywap....this code is tested and working 100%
Follow Step...>>
1st Step
Add the Jquery in Your Wapka head tag
Edit site > Global settings > Head tag > input this cod in the box provide.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
Copy code
2nd Step
Cover your message in forum 1st box code "::msg::" with
<div name="techfevodotcom" class="eachmsg"><bmsg>::msg::</bmsg></div>
Copy code
3rd Step
This Forum Update Code. So You can past the code for wapka blog style forum updates. (Change forum id xxxxxx)
<div class="bord"><h3>Latest Posts</h3><div class="slist"><span class="pimg"><span name="fixt"><span name="thumb"><img src="http://oliur.wapgem.com/techzbd/not-found-icon-techzbd-com.jpg" width="70px" height="65px" class="frame"/></span><span style="display:none">:forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/1: </span></span></span><span name="lset">:forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/1:</span><span class="date">By :forum-xxxxxxx,xxxxxx,xxxxxx/tname/1: on :forum-xxxxxxx,xxxxxx,xxxxxx/date/1: </span><div class="diff"><span name="tix"><span style="display:none"> :forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/1: </span><span name="ftext"> Content is loading </span></span></div></div><div class="slist"><span class="pimg"><span name="fixt"><span name="thumb"><img src="http://oliur.wapgem.com/techzbd/not-found-icon-techzbd-com.jpg" width="70px" height="65px" class="frame"/></span><span style="display:none">:forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/2: </span></span></span><span name="lset">:forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/2:</span><span class="date">By :forum-xxxxxxx,xxxxxx,xxxxxx/tname/2: on :forum-xxxxxxx,xxxxxx,xxxxxx/date/2: </span><div class="diff"><span name="tix"><span style="display:none"> :forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/2: </span><span name="ftext"> Content is loading </span></span></div></div><div class="slist"><span class="pimg"><span name="fixt"><span name="thumb"><img src="http://oliur.wapgem.com/techzbd/not-found-icon-techzbd-com.jpg" width="70px" height="65px" class="frame"/></span><span style="display:none">:forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/3: </span></span></span><span name="lset">:forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/3:</span><span class="date">By :forum-xxxxxxx,xxxxxx,xxxxxx/tname/3: on :forum-xxxxxxx,xxxxxx,xxxxxx/date/3: </span><div class="diff"><span name="tix"><span style="display:none"> :forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/3: </span><span name="ftext"> Content is loading </span></span></div></div><div class="slist"><span class="pimg"><span name="fixt"><span name="thumb"><img src="http://oliur.wapgem.com/techzbd/not-found-icon-techzbd-com.jpg" width="70px" height="65px" class="frame"/></span><span style="display:none">:forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/4: </span></span></span><span name="lset">:forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/4:</span><span class="date">By :forum-xxxxxxx,xxxxxx,xxxxxx/tname/4: on :forum-xxxxxxx,xxxxxx,xxxxxx/date/4: </span><div class="diff"><span name="tix"><span style="display:none"> :forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/4: </span><span name="ftext"> Content is loading </span></span></div></div><div class="slist"><span class="pimg"><span name="fixt"><span name="thumb"><img src="http://oliur.wapgem.com/techzbd/not-found-icon-techzbd-com.jpg" width="70px" height="65px" class="frame"/></span><span style="display:none">:forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/5: </span></span></span><span name="lset">:forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/5:</span><span class="date">By :forum-xxxxxxx,xxxxxx,xxxxxx/tname/5: on :forum-xxxxxxx,xxxxxx,xxxxxx/date/5: </span><div class="diff"><span name="tix"><span style="display:none"> :forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/5: </span><span name="ftext"> Content is loading </span></span></div></div><div id="paging"></div></div>
Copy code
4th Step
Put this code any where in Home page and also put it in forum footer(autocontent)...
<p></p>
<p><div><div id="load1" style="display:none"></div> <script language="javascript"> function gload(u,i){ $('#load1').load(u+' body',function(data){ data=$(data).find('.eachmsg').first().html(); data=data.split('[img]')[1].split('[/img]')[0]; $('span[name=thumb]:eq('+i+')').html('<img src="'+data+'" width="30px" height="30px" class="frame"/>'); }) } dem = document.getElementsByName('fixt').length; for(i=0;i<dem;i++){ a = $('span[name=fixt]:eq('+i+')').find('a').attr('href'); gload(a,i); } </script></div> <div><div id="load2" style="display: none;"></div> <script language="JavaScript"> function tload(l,j){ $('#load2').load(l+' body',function(tdata){ tdata=$(tdata).find('.eachmsg').first().html(); tdata=tdata.split('<bmsg>')[1].split('</bmsg>')[0]; tdata=tdata.replace(/\<br\>/ig,' '); tdata=tdata.replace(/(\r\n|\n|\r)/gm," "); tdata=tdata.replace(/\[img\](.+?)\[\/img\]/ig,''); tdata=tdata.replace(/\[php\](.+?)\[\/php\]/ig,''); tdata=tdata.replace(/\[quote=(.+?)\]/ig,''); tdata=tdata.replace(/\[size=(.+?)\]/ig,''); tdata=tdata.replace(/\[\/quote\]/ig,''); tdata=tdata.replace(/\[\/size\]/ig,''); tdata=tdata.replace(/\[code\](.+?)\[\/code\]/ig,''); tdata=tdata.substr(0,250); $('span[name=ftext]:eq('+j+')').html(tdata+' ...<div align="right" class="smd"><a href="'+l+'">Read More »</a></div>'); }) } cou = document.getElementsByName('tix').length; for(j=0;j<cou;j++){ h = $('span[name=tix]:eq('+j+')').find('a').attr('href'); tload(h,j); } </script></div> <div><script language="javascript"> var msg=document.getElementsByName("lset"); for(var i=0;i <msg.length;i++){var txt=document.getElementsByName("lset")[i].innerHTML; txt=txt.replace(/\n/ig,''); txt=txt.replace(/\<a href="(.+?)">(.+?)<\/a>/ig, '<a href="$1">$2</a>'); txt=txt.replace(/\<a href="(.+?)">(.+?)@(.+?)<\/a>/ig, '<a href="$1">$2</a>'); document.getElementsByName("lset")[i].innerHTML=txt; }; </script></div></p>
Copy code you can reduce the 0,250 to 0,150...
To make image show..make sure the 1st thing in your post is img [*img]the image link[*/img]....Tnks to Weezywap 1s again... my own site is
http://matonic.wapka.mobi if there is any problem drop ypur comment.
bethelwap
infop D forum should it be structured on theme or simple forum
infop
bethelwap all your forum na the structured one, where you gat all your posts.
Dude360
Can You Make The Paging Show Only Next Page?
infop
Dude360 idnt knw ooo,ask weezy..am not using the paging own.
Weezy
Dude360 try the paging code below
<div class="paging">:paging:n=:geti-number(1):,u=site_:getid-site:.%ext%?get-number=%n%:admin-hash-amp: ::<div class='update' style="color: #000; padding: 0px; margin-left: 10px; margin-right: 10px; border: #d1d0ce solid 1px; background: #fff; text-align: left; "><table class='' width='100%'><tr><td width='50%' align='left'>%prev%</td><td width='50%' align='right'>%next%</td></tr></table></div><style> <br />.hta%nlast%{ display: none;} <br /><br />.ht:get-number(1):{ display: none;}</style>:/paging:</div></center></div>
Copy code
infop
Loyalwap Drop ur trending updates code
Loyalwap
U Really Tried. I Rep http://loadedvibes.ga
