Reviews, updates and in depth guides to your favourite mobile games - AppGamer.com
|
|
Drop down text menus...how??!?!? |
Page: 1 2 | Reply |
Apr 26th 2002 | #44184 Report |
Member since: Dec 4th 2001 Posts: 171 |
Hmm.so basically the text that goes down is most likely a table that just expands when the text is clicked on....I will check out the source,see if i can figure it out.
|
Reply with Quote Reply |
Apr 26th 2002 | #44186 Report |
Member since: Mar 18th 2001 Posts: 1452 |
Yeah, you can kind of get idea from the Application Skins section: [code]<tr onMouseOver="this.style.background='#96A096'" onMouseOut="this.style.background='#839087'" onClick="expandDiv('skin')" style="cursor:pointer;cursor:hand"> <td><img src="http://images.deviantart.com/shared/t-open.gif" id="skin_table" border="0" width="12" height="11" align="absmiddle"> Application Skins</td> </tr> <tr> <td> <div class="small" style="display:none" id="skin_menu"> <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td class="small" align="left"><a href="http://www.deviantart.com/thumbnails.php?section=3dme">3D Mail Effect...</a></td> <td class="small" align="right">28</td> </tr> <tr> <td class="small" align="left"><a href="http://www.deviantart.com/thumbnails.php?section=3dftp">3D-FTP</a></td> <td class="small" align="right">7</td>[/code] See that display:none in the div? It's hidden until onClick="expandDiv('skin')" is called using that function in the .js file. Then it shows that layer. This is the function: [code] function expandDiv(tahw) { table_contract = new Image(1,1); table_contract.src = "http://images.deviantart.com/shared/t-open.gif"; table_expand = new Image(1,1); table_expand.src = "http://images.deviantart.com/shared/t-close.gif"; what = tahw + "_menu" where = tahw + "_table" gotox = tahw + "_link" if (document.getElementById(what).style.display == "none") { document.getElementById(what).style.display = ""; where.src = table_expand.src; gotox.href = "http://urine.deviantart.com/set.php?t=" + tahw + "&value=1" } else { document.getElementById(what).style.display = "none"; where.src = table_contract.src; gotox.href = "http://urine.deviantart.com/set.php?t=" + tahw + "&value=0" } }[/code] That's not everything, but should get you started. Just keep looking at their source, and you can see how everything works in conjuction with each other. |
Reply with Quote Reply |
Apr 26th 2002 | #44197 Report |
Member since: Apr 20th 2002 Posts: 3000 |
|
Reply with Quote Reply |
Apr 26th 2002 | #44203 Report |
Member since: Mar 18th 2001 Posts: 1452 |
Yeah, that's pretty much the same thing. There you go. |
Reply with Quote Reply |
Apr 26th 2002 | #44208 Report |
Member since: Jun 30th 2001 Posts: 447 |
You might want to try http://www.bratta.com
|
Reply with Quote Reply |
Apr 27th 2002 | #44280 Report |
Member since: Aug 9th 2001 Posts: 2333 |
If you have dreamweaver, that's all automated. There's a javascript action thingy in whic you type your links and names.
|
Reply with Quote Reply |
Apr 27th 2002 | #44285 Report |
Member since: Apr 20th 2002 Posts: 3000 |
but.. but.. but.... ...that's a good idea.... |
Reply with Quote Reply |
Page: 1 2 | Back to top |
Please login or register above to post in this forum |
© Web Media Network Limited. All rights reserved. No part of this website may be reproduced without written permission. Photoshop is a registered trademark of Adobe Inc.. TeamPhotoshop.com is not associated in any way with Adobe, nor is an offical Photoshop website. |