LiteBox in Profile

This Mode is about adding LiteBox in social engine profile.
(when ever you click on profile image :litebox will open //same like phpfox 1.6)

Upload all the files in the root of Social engine and then follow the Steps of this Mod

Step 1 :

Open file templates/header_global.tpl Find:

PHP:

{* CODE FOR VARIOUS JAVASCRIPT-BASED FEATURES, DO NOT REMOVE *}

After this , Add:

PHP:

<script type="text/javascript" src="./include/js/lightbox.js"></script>

Save it !

Step 2 :

Open templates/Profile.tpl Find :

PHP:

< img class='photo' src='{$owner->user_photo("./images/nophoto.gif")}' border='0'>

And Replace with:

PHP:

<a href="{$owner->user_photo("./images/nophoto.gif")}" border="0" rel="lightbox" title="{$owner->user_displayname}'s Profile Photo"><img class='photo' src='{$owner->user_photo("./images/nophoto.gif")}' border='0'>

Save it !

Step 3 :

Open templates/styles.css

Add this at the end :

PHP:

#lightbox{ background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; } 
#lightboxDetails{ font-size: 0.8em; padding-top: 0.4em; } 
#lightboxCaption{ float: left; } #keyboardMsg{ float: right; } 
#closeButton{ top: 5px; right: 5px; } #lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; } #overlay{ background-image: url(overlay.png); } * html 
#overlay{ background-color: #333; back\ground-color: transparent; background-image: url(blank.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale"); }

 

Save it !


Thats it !