Customizable Drop-Down Interests in Scrolling Left Column

Author's Comments

Look carefully for specific instructions

VISIT DZYNE.COM! FOR MORE!

PLEASE READ:

DO NOT PUT THIS INTO YOUR ABOUT ME! PUT IT AT THE TOP OF YOUR INTERESTS SECTION!

• This script combines the scrolling left column script - http://www.createblog.com/scripts/script.php?id=1717 - created by http://perriin.createblog.com/ - IT IS TOTALLY AWESOME :DD all credit for that goes to PeRRiiN (: along with a fully customizable drop-down interests section. It is meant to work TOGETHER. I created this because I could not remove the interests headings and keep the detail headings while using the scroll code. So with a little editing, I got this to work.
• It looks best with a default layout, BUT you can change:
- The background color of the table: look for "bgcolor"
- The color of the border: Look for "bordercolor"
- The text color, font, size, etc.: Look for "select style..."
- The background color of the drop-down menu: Look for "select style..."
- The heading titles: Change where it says "YOUR TITLE HERE" and "MUSIC, MOVIES, etc"
- The content: Add your own where it says "write stuff here"
- The height & width of the scrolling column: Look for "height:XXpx; width:XXpx;"
- The height & width of the drop-downs: Look for "height:XXpx; width:XXpx;"
• You can add or delete drop-downs.

*PM me if you need any help.

Script Code

Copy and paste to About Me

Help

</td></tr></table>
</td></tr></table>
<style>
table.interestsAndDetails {display:none;}
div.InterestsDiv {overflow:auto; width:310px; height:550px;}
div.InterestsDiv table {width:100%;}
</style>
<div class="InterestsDiv">
<table bordercolor="6699cc" cellspacing="0" cellpadding="0" bgcolor="D2E7FA" border="1" class="newInterests">
<tr>
<td class="text tdborder" valign="middle" align="center" width="300" bgcolor="6699cc" wrap="" style="WORD-WRAP:break-word">   
<span class="whitetext12">YOUR TITLE HERE</span>
</td></tr>
<tr valign="top"><td class="tdborder">
<table bordercolor="000000" cellspacing="3" cellpadding="3" align="center" bgcolor="D2E7FA" border="0">

<br />
<center><select style="background-color: ffffff; color: 000000; font-family: century gothic; text-align:center!important;font-size: 9px; width: 285px; ">
<option>INTERESTS</option>
<option>write stuff here</option>
<option>write stuff here</option>
<option>write stuff here</option>
<option>write stuff here</option>
<option>write stuff here</option>

<tr>
<br />
<center><select style="background-color: ffffff; color: 000000; font-family: century gothic; text-align:center!important;font-size: 9px; width: 285px; ">
<option>MUSIC</option>
<option>write stuff here</option>
<option>write stuff here</option>
<option>write stuff here</option>
<option>write stuff here</option>
<option>write stuff here</option>
</select>

<tr>
<br />
<center><select style="background-color: ffffff; color: 000000; font-family: century gothic; text-align:center!important;font-size: 9px; width: 285px; ">
<option>MOVIES</option>
<option>write stuff here</option>
<option>write stuff here</option>
<option>write stuff here</option>
<option>write stuff here</option>
<option>write stuff here</option>
</select>

<tr>
<br />
<center><select style="background-color: ffffff; color: 000000; font-family: century gothic; text-align:center!important;font-size: 9px; width: 285px; ">
<option>TELEVISION</option>
<option>write stuff here</option>
<option>write stuff here</option>
<option>write stuff here</option>
<option>write stuff here</option>
<option>write stuff here</option>
</select>

<tr>
<br />
<center><select style="background-color: ffffff; color: 000000; font-family: century gothic; text-align:center!important;font-size: 9px; width: 285px; ">
<option>BOOKS</option>
<option>write stuff here</option>
<option>write stuff here</option>
<option>write stuff here</option>
<option>write stuff here</option>
<option>write stuff here</option>
</select>

Script Comments

Showing latest 10 of 11 comments

THIS IS AMAZING. :)

By priskillettt on Feb 9, 2009 9:29 am

Pretty clever. :D

By melancholiclights on Nov 12, 2008 6:51 am

You is awesome :D

By OhEmGee on Aug 17, 2008 1:55 am

lovely. i'll use it sometime.

By xdanyxgaskarthx on Aug 16, 2008 11:13 am

How do you make it drop "UP" instead of down ?

By iwantfries on Aug 11, 2008 4:36 pm

MADDD! But it doesnt work for me ?

By Adiman on Aug 10, 2008 2:58 am

dude this is awesome, both of u haha i have a problem tho, the second drop down box isnt centered in the column of boxes kinda bugs me haha and second this code ofset the one to move the ad at the top to the bottom but only by moving it up then where i put it, jus letting u kno haha i think the first problem is the worst but its not that bad i still love this code! :) please pm me (anyone) who can fix this thanx! :)

By excitepromotion on Aug 9, 2008 7:06 pm

this is great

By iceinyourpants on Aug 9, 2008 6:33 pm

hi ect! i love what you did with my scrolling left column code =] you really made it A LOT better by adding your drop-down interests section. oh and i also want to thank for giving me credit, i appreciate it very much! i hope everyone enjoys this code =]

take care

By PeRRiiN on Aug 9, 2008 6:06 pm

yah this is krayzie

By LUcKYLOUiiE on Aug 9, 2008 3:45 pm

View all »

Script Details

Author	imperfectionistx
Submitted on	Aug 9, 2008
Page views	19,909
Favorites	80
Comments	11
Reviewer	manny-the-dino
Approved on	Aug 9, 2008

Script Tags

scrolling left column, scrollbar, scroll, custom interests, dropdown interests, interests, dropdown