Forum Hosting  

Go Back   Forum Hosting > IPB Support > IPB Skinning Help
Reload this Page (skinning tips) Adding Online Store
Register fBuck$ / fStore ProjectsBlogs Members List Mark Forums Read

IPB Skinning Help Need help customizing the looks of your forum? Post here.


Reply
 
LinkBack Thread Tools Display Modes
Old 05-05-2007, 06:41 AM   #1 (permalink)
Senior Forumer
 
MasterVision's Avatar
 
Join Date: Nov 2006

Posts: 1,065
Rep Power: 3 MasterVision is on a distinguished road
fTrader: (0)
fBuck$: 685
Bank: 4,247
Total fBuck$: 4,932

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 Online Store
I just wanna share all the modifications I've made to my board/s

Eays Install: Create new forum and paste this code in Forum Rules.
My Installation: You must create a html file and paste this code inside <head> tag like the way I did to my photo gallery modification. here's the link http://forum.forumer.com/showthread....ewpost&t=63932



This modification was first created by Demon of fmods and I revised it this way.
Quote:
<script type="text/javascript">
//Version: MasterVision/Bangis

var sticon="http://i156.photobucket.com/albums/t39/pejakm/store.png"
var stlink="http://www.jappinoy.com/index.php?act=Msg&CODE=4&MID=1"
var stwarn = "Item currently not available. Please check back later!"

//These are the variables of availability: You can add, edit/replace the existing depends on your desired item Status
//0 - Not available
//1 - Available
//2 - New!!!
//3 - Platinum
//4 - Gold
//5 - Silver
//6 - Bronze
//7 - Old
//any other number - empty slot

function BuyCheck(status){
if (status==0) {
return("<a href='java script:void(0) 'onclick='window.alert(stwarn)'><img src="+sticon+"></a>")
}
else if (status==1) {
return("<a href="+stlink+"><img src="+sticon+"></a>")
}
else if (status==2) {
return("<a href="+stlink+"><img src="+sticon+"></a>")
}
else if (status==3) {
return("<a href="+stlink+"><img src="+sticon+"></a>")
}
else if (status==4) {
return("<a href="+stlink+"><img src="+sticon+"></a>")
}
else if (status==5) {
return("<a href="+stlink+"><img src="+sticon+"></a>")
}
else if (status==6) {
return("<a href="+stlink+"><img src="+sticon+"></a>")
}
else if (status==7) {
return("<a href="+stlink+"><img src="+sticon+"></a>")
}
else {
return("Empty slot")
}
}

function CheckStatus(status){
if (status==0)
{
return ("<font style='color:red'><b><i>Not Available</i></b></font>");
}
else
if (status==1)
{
return("<font style='color:green'><b><i>Available</i></b></font>");
}
else
if (status==2)
{
return("<font style='color:blue'><b><i>New!!!</i></b></font>");
}
else
if (status==3)
{
return("<font style='color:#555566'><b><i>Platinum</i></b></font>");
}
else
if (status==4)
{
document.write("<font style='color:gold'><b><i>Gold</i></b></font>");
}
else
if (status==5)
{
return("<font style='color:silver'><b><i>Silver</i></b></font>");
}
else
if (status==6)
{
return("<font style='color:#A67D3D'><b><i>Bronze</i></b></font>");
}
else
if (status==7)
{
return("<font style='color:brown'><b><i>Old</i></b></font>");
}
else
{
return("<font style='color:black'><i>empty slot</i></font>");
}
}

function dispPic(pic){
return("<img src="+pic+" width='100' height='100'>")
}

function AddItem(no, name, pic, desc, price, avstat){
document.write("<tr><td>" + no + "</td><td>" + name + "</td><td>" + dispPic(pic) + "</td><td>" + desc + "</td><td>" + price + "</td><td>" + CheckStatus(avstat) + "</td><td>" + BuyCheck(avstat) + "</td></tr>")
}

document.write("<h1><font color='green'><center>japPinoy Online Store</center></font></h1>")
document.write("<div align='center'>")
document.write("<table border='1' width='99%' class='tableborder' cellpadding='4' cellspacing='1'>")
document.write("<tr align='center' valign='middle' class='darkrow2'><td colspan='7'>You might need to clear your cache and refresh this page to update

items in the store!</td></tr>")
document.write("<tr align='center' valign='middle' class='pformstrip'>")
document.write("<td width='5%'><font size='2'>Item No.</font></td>")
document.write("<td width='15%'><font size='2'>Item Name</font></td>")
document.write("<td width='15%'><font size='2'>Preview</font></td>")
document.write("<td width='25%'><font size='2'>Description</font></td>")
document.write("<td width='15%'><font size='2'>Price</font></td>")
document.write("<td width='12%'><font size='2'>Status</font></td>")
document.write("<td width='13%'><font size='2'>Buy Item</font></td>")

AddItem(1, "Test Item1", "http://i156.photobucket.com/albums/t39/pejakm/empty.gif", "Test Description1", "$1", 0)
AddItem(2, "Test Item2", "http://i156.photobucket.com/albums/t39/pejakm/empty.gif", "Test Description2", "$1", 1)

document.write("</table>")
document.write("</div>")
</script>
How to Add New Item
Copy the AddItem Line and replace all information for the New Item to be added.

Syntax:
AddItem(no, "name", "pic link", "description", price, itemstatus)
check the above code

You can check the preview inside my Forum Index, and its called Online Store option along with the Forum Menu: http://www.jappinoy.com

FEEL FREE to post your comments and queries.
MasterVision is offline   Reply With Quote
Old 05-08-2007, 09:33 PM   #2 (permalink)
Senior Forumer
 
MasterVision's Avatar
 
Join Date: Nov 2006

Posts: 1,065
Rep Power: 3 MasterVision is on a distinguished road
fTrader: (0)
fBuck$: 685
Bank: 4,247
Total fBuck$: 4,932

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
Default Re: (skinning tips) Adding Online Store
Sorry for the unchecked line feeds..

Check the above line of codes similar to this snippet..
Code:
document.write("<tr align='center' valign='middle' class='darkrow2'><td colspan='7'>You might need to clear your cache and refresh this page to update

items in the store!</td></tr>")
there shouldn't have space between the lines.. and it should be look like this or else it wont work.

Code:
document.write("<tr align='center' valign='middle' class='darkrow2'><td colspan='7'>You might need to clear your cache and refresh this page to update items in the store!</td></tr>")
MasterVision is offline   Reply With Quote
Old 05-20-2007, 07:34 AM   #3 (permalink)
Active Forumer
 
kaniba12's Avatar
 
Join Date: May 2007

Location: port-au-prince
Posts: 502
Rep Power: 2 kaniba12 is on a distinguished road
fTrader: (0)
fBuck$: 7,290
Bank: 0
Total fBuck$: 7,290

My Forumer
My Country:
Send a message via MSN to kaniba12 Send a message via Yahoo to kaniba12
Default Re: (skinning tips) Adding Online Store
nice code you got there thanks will use it

..::Wanna know where the Best forums are..::
Well Then Click Here
kaniba12 is offline   Reply With Quote
Old 05-21-2007, 08:08 AM   #4 (permalink)
Senior Forumer
 
SnowboarderJake's Avatar
 
Join Date: Feb 2007

Location: Planet Earth(Ontario)
Posts: 1,115
Rep Power: 3 SnowboarderJake is on a distinguished road
fTrader: (2)
fBuck$: 42,868
Bank: 0
Total fBuck$: 42,868

My Forumer
My Country:
Default Re: (skinning tips) Adding Online Store
That is awesome, thanks a lot!

signature.
SnowboarderJake is offline   Reply With Quote
Reply

« Previous Thread | Next Thread »

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
(skinning tips) Adding Photo Gallery MasterVision IPB Skinning Help 11 08-03-2008 10:50 AM
(skinning tips) Adding Radio Station with cool skin MasterVision IPB Skinning Help 6 06-13-2007 08:08 PM
(skinning tips) Adding Chat to your board MasterVision IPB Skinning Help 35 06-13-2007 08:35 AM