help with making sites [Archive]

재

06-29-2006, 09:09 AM

hey guys! i need help with mmaking websites.
do you know like the bars normally on top? well in some site, when you put your mouse over, the bar pops down and gives us the sub sections.
someitmes using the fade effect.

Anyone know how to do this?? Thanks for helps.

Fringe-3XL

06-30-2006, 03:11 AM

the drop downs and the fading effect are 2 different things i havent see them both done at one time. there is a js file for the fading. google it. The dropdown can be done with either css or javascript.

dragoneyes001

06-30-2006, 07:34 AM

and when people do use both together it usualy has bugs like fade before selection so you click whats under the drop box.

some sites use it like that its not impresive your better to just use the drop box alone.

iLeo

06-30-2006, 12:57 PM

Download this, http://www.sendspace.com/file/8gblbr

Then make a new html page having that file in the same folder, wont work without that file. You will get errors without it.

Then add

<script type="text/javascript" src="dropdown.js">

in the head

<head>
<script type="text/javascript" src="dropdown.js">
</head>

then add



<div id="menu_parent"
style="width: 100px; border: 1px solid black; background: #FFFFEE; padding: 0px 5px;
font-weight: 900; color: #008000;">
Main Menu
</div>
<div id="menu_child"
style="position: absolute; visibility: hidden; background: #FFFFEE;">
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="http://www.google.com">Item 1</a>
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="http://www.google.com">Item 2</a>
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="http://www.google.com">Item 3</a>
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0;" href="http://www.google.com">Item 4</a>
</div>

<script type="text/javascript">
at_attach("menu_parent", "menu_child", "hover", "y", "pointer");
</script>

in the body.

<Body>


<div id="menu_parent"
style="width: 100px; border: 1px solid black; background: #FFFFEE; padding: 0px 5px;
font-weight: 900; color: #008000;">
Main Menu
</div>
<div id="menu_child"
style="position: absolute; visibility: hidden; background: #FFFFEE;">
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="http://www.google.com">Item 1</a>
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="http://www.google.com">Item 2</a>
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="http://www.google.com">Item 3</a>
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0;" href="http://www.google.com">Item 4</a>
</div>

<script type="text/javascript">
at_attach("menu_parent", "menu_child", "hover", "y", "pointer");
</script>
</body>

재

07-02-2006, 11:16 PM

well i will try that faith. sorry for my explanation, I mean I want either a drop down or Fade.. not both. But I actually prefer a fade one.. anyway thanks:D

iLeo

07-03-2006, 07:50 AM

hanzel2m that is only a drop down.

재

07-03-2006, 10:14 PM

is it? well I haven't tried it, do you know about the fade one? if you dont then i will just use this one.

iLeo

07-04-2006, 12:41 AM

Tbh, the only ones i've seen that fade are "flash".. erm, it takes awhile.. so i can't expain.