HTML – Friends/Lists Suggestion

I know alot of people, for example, on their profile, list all of their best friends. This list can take up alot of room though, especially if you have a lot of friends. So why don’t you try putting all of your friends’ names in a drop down box?
Demo:

Sorry, no demo for this one. Just picture a blinking drop down box.

HTML Code:

<p align=”center”><span style=”letter-spacing: 1pt;”><font face=”Arial” size=”2″><b><u><select size=”1″ name=”d1″ style=”font-family: Arial; font-size: 10pt; letter-spacing: 1pt; font-weight: bold; text-decoration: blink; text-align: center;”>
<option selected=”selected”>some of my top friends</option>
<option>Friend 1</option>
<option>Friend 2</option>
<option>Friend 3</option>
</select></u></b></font></span></p>

To edit the list/friend names, edit “Friend 1″, “Friend 2″, etc. To add additional friends/lists, simply add the following after the last list.

<option>Friend X</option>

And thats it!

Tips

To change the background color of the drop down box to help fit the rest of the page, simply add

background-color:blue;

after “letter-spacing: 1pt;”.

Example: <span style=”letter-spacing: 1pt; background-color:blue;”>,

where the “blue” can be any color, HEX code, etc.

Leave a Reply