View Single Post
Old 05-05-2007, 06:18 AM   #1 (permalink)
MasterVision
Senior Forumer
 
MasterVision's Avatar
 
Join Date: Nov 2006

Posts: 1,064
Rep Power: 3 MasterVision is on a distinguished road
fTrader: (0)
fBuck$: 457
Bank: 4,163
Total fBuck$: 4,620

My Forumer
My Country:
Send a message via MSN to MasterVision Send a message via Yahoo to MasterVision Send a message via Skype™ to MasterVision
Cool (skinning tips) Adding Photo Gallery

A modification I've made and posted at fmods

PREVIEW: http://www.drivehq.com/file/df.aspx/...minGallery.htm

Please Follow the Steps and the instruction carefully (See color legends at the bottom)

Step 1
Copy the following html text, save it as html file and host it elsewhere (ripway.com or drivehq.com)
Quote:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Photo Gallery</title>

<script type="text/javascript" src="tabber.js"></script>
<link rel="stylesheet" href="http://h1.ripway.com/MasterVision/tabber.css" TYPE="text/css"

MEDIA="screen">

<script type="text/javascript">
document.write('<style type="text/css">.tabber{display:none;}<\/style>');
</script>

<!-- Include the tabber code -->
<script type="text/javascript" src="http://h1.ripway.com/MasterVision/tabber.js"></script>
</head>
<body>

<h1>Photo Gallery</h1>

<div class="tabber">

<div class="tabbertab">
<h2>Bangis</h2>
<center>
<iframe frameborder=0 src="http://www.filehive.com/album.php?user=panaliganp"
scrolling="no" height="600" width="1024" ></iframe></center>
</div>

<div class="tabbertab">
<h2>User1</h2>
<p>No Album Yet</p>
</div>

<div class="tabbertab">
<h2>User2</h2>
<p>No Album Yet</p>
</div>

<div class="tabbertab">
<h2>User3</h2>
<p>No Album Yet</p>
</div>


</div>

</body>
</html>
Step 2
AdminCP->Global HTML->Navigation End (add to bottom)

This code is actually from ArcadeX Mod
Quote:
<!-- PHOTO GALLERY -->
<script language="javascript" type="text/javascript">
/*
Adding NaviBar Links
By Webworldx
*/
var aLink=new Array()
aLink[0]=' <a href="/index.php?act=Gallery"><img src="http://www.filehive.com/files/0414/galleryIcon.gif" border="0" alt="" />Gallery </a>'

var uCell = document.getElementsByTagName('TD')
for (i=0;i<uCell.length;i++){
if (uCell[i].align=="right" && uCell[i].innerHTML.match("act=calendar") && uCell[i].innerHTML.match("act=Help")){
var addLink=""
for (j=0;j<aLink.length;j++){
addLink+=aLink[j]+" "
}

uCell[i].innerHTML=addLink+uCell[i].innerHTML
}}
</script>
<script language="javascript" type="text/javascript">
username="{ibf.member.name}";
if (location.href.indexOf("act=Gallery") != -1)
{
if(username != "Guest")
{
document.write('<center><iframe frameborder=0 src="http://www.drivehq.com/file/df.aspx/shareID1604832/fileID46312708/minGallery.htm');
document.write(username);
document.write('" scrolling="no" height=800 width=100%></iframe></center></div><div style="display: none;">');
}
if(username=="Guest")
{
document.write('<div class="tableborder"><div class="maintitle">Not Allowed</div><div class="tablepad"><center>Sorry, Guests are not allowed to see this feaute.<br>Please loggin to use this feature.</center></div></div>');
document.write('<br></div><div style="display: none;">');
}
}
</script>
LEGENDS
BLUE: Important Files.. you must download and host it elsewhere or else it wont work
VIOLET: User Photo Album Link
GREEN: A HTML line of codes to Add Tab for the Particular Member (just copy and paste to add new Tab)
RED: A link to your Photo Gallery HTML (the first code)

You must give instruction to your members to create their own Photo Album from filehive.com or from any other image hosting site and send you the Album URL. Then update your Photo Gallery HTML. You dont have to worry about updating the images.. it's automatically updated when user update their Album.

Installed at http://www.mindorenyos.com but you must be registered member before you can see the actual result.

FEEL Free to post comments and queries.

Last edited by MasterVision; 05-05-2007 at 06:23 AM.
MasterVision is offline   Reply With Quote