FRIHOST FORUMS SEARCH FAQ TOS BLOGS COMPETITIONS
You are invited to Log in or Register a free Frihost Account!


Help me with my site!!





NjRocket
Hey guys heres my site, www.topsportlinks.frih.net , i have a few questions. You see on the left side how some of it is indented like videos, there is humor, sports ect. Is there a way to change the script to make it that if i click sports, than it brings up those 3 options underneath? Let me know. Thanks
1337Bender
yes you need to get a new type of navigation bar. The one one want is at http://www.dynamicdrive.com/dynamicindex1/slashdot.htm
NjRocket
1337Bender wrote:
yes you need to get a new type of navigation bar. The one one want is at http://www.dynamicdrive.com/dynamicindex1/slashdot.htm


ok great, how do i actually "install" it on my site now? Is it as simple as copy and paste?

Actually, i see its really customizable, only if i knew what i was doing UGHH lol. Who would take the time to explain it please Smile
1337Bender
ok put this in your body
Quote:
<p align="left"><a href="javascript:slash_expandall()">Expand</a>/
<a href="javascript:slash_contractall()">Contract</a></p>

<div class="sdmenu">
<span class="title" id="top"><img src="slashfiles/expanded.gif" class="arrow" alt="-" />Online Tools</span>
<div class="submenu">
<a href="http://tools.dynamicdrive.com/imageoptimizer/">Image Optimizer</a>
<a href="http://tools.dynamicdrive.com/favicon/">FavIcon Generator</a>
<a href="http://www.dynamicdrive.com/emailriddler/">Email Riddler</a>
<a href="http://tools.dynamicdrive.com/password/">htaccess Password</a>
<a href="http://tools.dynamicdrive.com/gradient/">Gradient Image</a>
<a href="http://tools.dynamicdrive.com/button/">Button Maker</a>
</div>
<span class="title"><img src="slashfiles/expanded.gif" class="arrow" alt="-" />Support Us</span>
<div class="submenu">
<a href="http://www.dynamicdrive.com/recommendit/">Recommend Us</a>
<a href="http://www.dynamicdrive.com/link.htm">Link to Us</a>
<a href="http://www.dynamicdrive.com/resources/">Web Resources</a>
</div>
<span class="title"><img src="slashfiles/expanded.gif" class="arrow" alt="-" />Partners</span>
<div class="submenu">
<a href="http://www.javascriptkit.com">JavaScript Kit</a>
<a href="http://www.cssdrive.com">CSS Drive</a>
<a href="http://www.codingforums.com">CodingForums</a>
<a href="http://www.dynamicdrive.com/style/">CSS Examples</a>
</div>
</div>


put this in your head
Quote:
<script type="text/javascript" src="slashfiles/menu.js">
/***********************************************
* Slashdot Menu script- By DimX
* Submitted to Dynamic Drive DHTML code library: http://www.dynamicdrive.com
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>

change the links the text and u might have to change the path to the pictures. If u have any question just ask.
FunDa
Ok. So we should put menu.js in a folder named slashfiles. And about the css file , should we chuck it - so that it shows similar design to the rest of ur said. Or do we still have to use it ?
1337Bender
funda u are making it to hard, all you have to do is dl the slashdotmenu.
Next don't delete anything just copy that code and put it where I told you.
Next make sure your path on the pics and the .js file is correct.
example
slashfiles/expanded.gif
If u have a question pm
Related topics
Reply to topic    Frihost Forum Index -> Webmaster and Internet -> Design Tips

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2011 Frihost, forums powered by phpBB.