We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Locked Topic
[ C ] Tutorial List
Topic Started: Jun 29 2011, 02:32 PM (362 Views)
Knox`
Member Avatar
Unofficial Request Assistant :D
[ *  *  *  * ]
Board Address: Private
Board Software: ZB
Description: I want to link to a webpage (that you'll make the code for)

that will list a bunch of tutorials.. and i can navigate by category.. like if i hit intermediate and signature i can find all that applies to both of those.. if i hit expert and avatar i can find all that applies.. etc etc etc

the categories are: Beginner, Intermediate, Advanced, All
Signature, Large Art, Avatar, Other, All
list by date / list alphabetically


maybe be able to have images.. etc.. idk

if you cant think of something that would look nice its fine xDD
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Insert this in the webpage Content field, you can add as many Title/Content areas as you like. Please change the images.
Code:
 
<a id="viewall" style="cursor:pointer; float:left"><span class='viewall'><img src='http://z3.ifrm.com/269/184/0/p126490/Transp60x19.gif' alt='View All' width='78' height='24' class="view" /></span></a><br /><br />

<strong>Beginner</strong><br /><br />

<img class='toggley' alt='+' src='http://z3.ifrm.com/269/184/0/p159255/CollapseOpen.png' /> <a href="#">Title</a>
<div class='toggul'>Content</div><br /><br />

<strong>Intermediate</strong><br /><br />

<img class='toggley' alt='+' src='http://z3.ifrm.com/269/184/0/p159255/CollapseOpen.png' /> <a href="#">Title</a>
<div class='toggul'>Content</div><br /><br />

<strong>Advanced</strong><br /><br />

<img class='toggley' alt='+' src='http://z3.ifrm.com/269/184/0/p159255/CollapseOpen.png' /> <a href="#">Title</a>
<div class='toggul'>Content</div>

<script type='text/javascript'>jQuery(function(){var determine=function(src){return src=="http://z3.ifrm.com/269/184/0/p159254/CollapseClose.png"?"http://z3.ifrm.com/269/184/0/p159255/CollapseOpen.png":"http://z3.ifrm.com/269/184/0/p159254/CollapseClose.png";};jQuery('#viewall').unbind('click').click(function(){jQuery('.toggul').slideToggle();jQuery('.toggley').each(function(){this.src=determine(this.src);});jQuery('.viewall img').each(function(){this.className=this.className=='view'?'close':'view';});});jQuery('.toggley').unbind('click').click(function(){jQuery(this).next().next('.toggul').slideToggle();this.src=determine(this.src);});});</script>

<style type="text/css">
.toggul {
display: none;
margin-bottom: 0;
}

.viewall img.view {
background: url(http://z3.ifrm.com/269/184/0/p258384/ViewAll.png);
}

.viewall img.view:hover {
background: url(http://z3.ifrm.com/269/184/0/p258488/ViewAll2.png);
}

.viewall img.view:active {
background: url(http://z3.ifrm.com/269/184/0/p258489/ViewAll3.png);
}

.viewall img.close {
background: url(http://z3.ifrm.com/269/184/0/p264855/close1.png);
}

.viewall img.close:hover {
background: url(http://z3.ifrm.com/269/184/0/p264856/close2.png);
}

.viewall img.close:active {
background: url(http://z3.ifrm.com/269/184/0/p264857/close3.png);
}
</style>
Offline Profile Goto Top
 
Xarina
Member Avatar
<3 Jason
[ *  *  *  *  * ]
Completed!

Your request has been completed. If you have any questions or concerns regarding the state of your request, please feel free to contact me via PM.
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
DealsFor.me - The best sales, coupons, and discounts for you
« Previous Topic · Closed Requests · Next Topic »
Locked Topic