SOCIAL MEDIA LINKS
SEARCH THE ADELAIDE TECHGUY SITE
PUBLISHED ARTICLES
10 minute mail 3D 3G 4G 4K 5AA A Current Affair accidents account recovery Acer Adelaide Adelaide Techguy adobe Adobe Flash adobe reader ADSL Airplane Mode Alternative To Amanda Blair Amazon American Express Android anivirus software ANZ app apple Apple Support Apps Art Of Rap Ask Asus ATO Autoruns Autosaver av AVG Awesome Duplicate Photo Finder Backup Banking battery BB Flashback Express Belarc Big Picture Xbox bigpond Blueberry PDF Form Filler blu-ray bookmarks boot up Broadband broadband speed browsers bsod Bump business butterscotch buying hints cable Call Of Duty Camcard Cameras Camtasia Ccomputer hardware cd burner xp Christmas Chrome Clone Spy cloud Cnet Codec Codeplex Commonwealth Bank Comodo compression computer Computer Cleaning computer hardware Computer Issues Computer Repairs computer safety Computer Security Computers Css Cute PDF Dark Knight data recovery David Pogue deleted files delicious Dial A Fix digital Digital Television disk disk cleanup Disk Defragmenter display display.wallpaper DNS Changer do it yourself Docx domain Domains Download downloads Draw Free Dream It Drive Image XML drive snapshot DriveImage xml dropbox dropdown menu Dummies Duplicate Cleaner duplicates Dvd DVD Burning easeus e-card education email Email newsletters eset Eset smart security Eudora evernote Exact Duplicate Finder Excel F Secure Facebook Facebook Downloader fake fake email FBI Feeds File File Conversion file syncing file viewer Fill Any PDF Form find my iPhone Firefox firesheep Flashback Flipboard format Fox it foxit Game Booster Game Boy Advance Gimp github Gizmodo Glasses Gmail Google Google Docs GRC guides Handbrake hard drive image Hardware Test

Entries in Css (1)

Friday
Apr092010

Create A Drop Down Menu For Typepad

I recently had to help someone with some alterations to their typepad site and they requested dropdown menu's for their site as in the image below.

Drop Down menu's
This proved to be extremely hard as though their are many solutions on the internet most for whatever reason proved not to work , or work in typepad.

I then got in touch with Stephen Mitchell from EZCREATE who came up with the following code.

 

<!--*  CSS  -->

<style type="text/css">

<!-- 

.combobox {

background-color: #75519A;

color: #FFFFFF;

font:12px Arial;

font-weight:bold;

margin:2px;

option  {  padding:1px 1px 1px 8px; }

-->

</style> 

<!--  AMENDED HTML  -->

<form>

<select class="combobox" name="SiteMap" onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}" size="1">

<option selected>Select Page </option>

<option value="http://enternameofyour site.com_/thefirstpage.html">The First Page</option>

<option value="http://enternameofyour site.com_/thesecondpage.html">The Second Page</option>

<option value="http://enternameofyour site.com_/thethirdpage.html">The Third Page</option>

<option value="http://enternameofyour site.com_/thefourthpage.html">The Fourth Page</option>

<option value="http://enternameofyour site.com_/thefifthpage.html">The Fifth Page</option>

<option value="http://enternameofyour site.com_/thesixthpage.html">The Sixth Page</option>

</select> 

</form> 

 

</body>

</html>

You should enter the address of the page where I have put http://enternameofyour site.com_/thefirstpage.html 

Then where I have The First Page , enter what you would like in the drop down menu.

If you have less pages just delete the line form <option value to option >

If you have more pages just copy one of the lines.

Remember this is entered as a Typelist Notes page and then when you publish you will get the following 

Products & services drop down