[-]
Tags
cover photo your topic forum function on wapka


Hi Guest, kindly Login Or Register To Unlock More Advanced Features In Wapforum


Topic Cover Photo Function On Your Wapka Forum
(8.8k )
#1
Hello guys!!! How are you?? After a long time, i'm sharing you an advanced function for wapka forum.

"Topic Cover Photo function for Wapka forum"

Introduction

"Topic Cover Photo" system is totally new in wapka, but not on web. Many well known site use this system to enrich their respective site's design. So, this function will make any wapka site more advanced and well designed.


Copyright

It is destributed free under the copyright of "HumanBD.GQ".

Installation Guide

First, go to

Edit site > Wap2 > Global settings for forum/chat > Own style for Messages in forum

and paste this in 1st box of Message in Forum
Code:
<span style="display:none">
<div class="cdt"><date><a> › </a> ::tuser:: › ::date::</date></div><div name="dpro" id="dpro">::msg::</div></span>

Replace ::THEME_NAME:: with the following code in Message in forum - box 3.
Code:
<div id="showtimg"></div>
<div id="timgn">
<h1 name="themename">::THEME_NAME::</h1></div>


Now go to your forum bottom autocontent and add this code. Remove all '¿' from the code.
Code:
<script language="javascript">
var msg=document.getElementsByName("dpro");
for(var i=0;i<msg.length;i++){
var txt=document.getElementsByName("dpro")[i].innerHTML;
txt=txt.replace(/[¿timg=htt(.+?)]/ig,'<input type="hidden" value="htt$1" name="ct¿img" />');
document.getElementsByName("dpro")[i].innerHTML=txt;
}
</script>

<script language="JavaScript">
var blgtext=document.getElementsByName("dpro")[0].innerHTML;
var blglnkk=document.getElementsByName("cti¿mg")[0].value;
var blgname=document.getElementsByName("themename")[0].innerHTML;
if(blgtext.match(/name="c¿timg"/ig)){document.getElementById("showti¿mg").innerHTML='<br/><div id="timgstyle"><span is="social"><span class="st_facebook_small"></span><span class="st_twitter_small"></span></span><center><img src="'+blglnkk+'" alt="'+document.title+'" height="100%" width="100%"/></center><div id="ttit"><b><div id="b">'+blgname+'</div></b>'+document.getElementsByTagName("date")[0].innerHTML+'</div></div>';
document.getElementById("timgn").style.display='none';
document.getElementById("dud").style.display='none';}
</script>


Finalisation

To prettify the styles, add this in your head tag.

Code:
<style>
#timgstyle{width: 99%; max-height:250px; display: inline-block; position:relative; background-color:#f0f0ff; border: 1px solid #dddddd; margin-bottom: -2px; padding: 0px; overflow: hidden;}

#ttit {width: 95%; position: absolute; bottom: -1px; left: 0px; text-align: left; letter-spacing: -1px; color: 999900; background: rgba(255, 255, 255, 0.6); padding: 10px 8px 10px 8px; }

#ttit #b{color: black; margin-bottom: 8px;} </style>


For More code Visit http://HumanBD.GQ and comments for your help !!!


#2
Well-done


#3
keep it up


Share This Post To The World






Users browsing this thread: 1 Guest(s)
Goto First Post In This Thread



Possibly Related Threads...
Thread Author Replies Views Last Post
  CODE: Wapka Last Five Login User Photos Code Rapkid 3 17.2k 06-07-2018, 04:59 PM
Last Post: Princedan
  HELP: Pls How Can I Set Xtgem Forum Update Or Trending Update On Xtgem Site seancoded 1 5k 15-05-2018, 11:35 PM
Last Post: Dahfaith
  HELP: How To Create A Site Like Gochat.ga On Wapka olamideoladesino 3 8.5k 17-04-2018, 02:19 PM
Last Post: olamideoladesino
  HELP: Tutorial On How To Create A Site Like Gochat.ga On Wapka olamideoladesino 0 5.4k 13-04-2018, 11:20 AM
Last Post: olamideoladesino
  TUTORIAL: Wapka Wapmasters Pls I Need A Working Facebook Sharing With Thumbnail....... Xtopfile 4 8.3k 21-03-2018, 04:18 PM
Last Post: Spruce
  TUTORIAL: Working Way How To Put Youtube Video In Wapka Message In Forum Xtopfile 1 7.9k 13-03-2018, 10:39 PM
Last Post: naijaplus
  TUTORIAL: Wapka Tutorial Solution To Wapka Loading Error On Opera Mini Xtopfile 1 7.1k 13-03-2018, 10:38 PM
Last Post: naijaplus




Advertisement