Advanced Drop Down Menu (Code Not Tut)

9 posts Page 1 of 1
Contributors
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

Also I didn't copy the code from ANY SITE.
Back when I was learning CSS Popups, which was around 4 months after I started web designing (learning, and coding in HTML and CSS, I didn't get into JavaScript then, cause this was when I was on MySpace making DIV Overlays) Anyway I had asked someone from a coding group on MySpace, and the individual had gave me the code, and I thought I'd share users it.
Code: Select all
<style type="text/css">
.p-l1v {float:left;position:relative;margin:0;padding:0;}
.p-l1 {float:left;position:relative;margin:0;padding:0;}

.p-l2 {list-style:none;position:absolute; top:0;left:100%;width:100px; 
text-align:right; padding:0; margin:0; border-bottom:1px solid blue;}
.p-l2v {list-style:none; position:absolute; top:100%; left:0; 
width:100px; text-align:left; padding:0; margin:0; border-top:1px solid 
lightblue; border-bottom:1px solid lightblue; background-color:f2f2f2;}

.p-l3 {list-style:none; position:absolute; top:-1px; left:100%; 
width:100px; text-align:left; padding:0; margin:0; border-top:1px solid 
lightblue; border-bottom:1px solid lightblue; background-color:f2f2f2;}

div ul {display:none;}
ul ul {display:none;}

.p-li1 {padding:2px; margin:0; position:relative; background:white; border:1px solid orange;}

.p-li2 {margin:0; padding:2px; border-top:0px; border-top:0px; border-left:1px solid lightblue; border-right:1px solid lightblue; position:relative; background:f2f2f2 !important;}

.p-li3 {margin:0; padding:2px; border-top:0px; border-top:0px; border-left:1px solid lightblue; border-right:1px solid lightblue; position:relative; background:f2f2f2 !important;}

div.p-l1:hover > ul {display:block;}
li.p-li2:hover > ul {display:block;}
li.p-li2:hover {background:white;}
li.p-li3:hover {background:white;}
</style>
<div class="p-l1v">
<div class="p-l1">
<a href="URL">Tutorials</a>


<ul class="p-l2v">

<li class="p-li2"><a href="URL_HERE">HTML</a>
<ul class="p-l3">
<li class="p-li3"><a href="URL_HERE">Beginner</a></li>
<li class="p-li3"><a href="URL_HERE">Advanced</a></li>
</ul></li>

<li class="p-li2"><a href="URL_HERE">CSS</a>
<ul class="p-l3">
<li class="p-li3"><a href="URL_HERE">Easy</a></li>
<li class="p-li3"><a href="URL_HERE">Hard</a></li>

</ul>

</li></ul>
</div>
</div>
Last edited by mikethedj4 on Mon May 31, 2010 6:22 am, edited 3 times in total.
User avatar
zachman61
VIP - Donator
VIP - Donator
Posts: 1892
Joined: Wed Dec 16, 2009 9:56 pm

supposed to be code not scrollbox
Nailing my feet to the floor is easier than using my own muscles to balance, but you don't see me doing that :)
User avatar
mandai
Coding God
Coding God
Posts: 2585
Joined: Mon Apr 26, 2010 6:51 pm

This was posted before, though it was a bit easier read.
Last edited by mandai on Sun Apr 29, 2012 9:19 pm, edited 1 time in total.
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

Fixed!!!

Also I didn't copy the code from ANY SITE. Back when I was learning CSS Popups, which was around 4 months after I started web designing (learning, and coding in HTML and CSS, I didn't get into JavaScript then, cause this was when I was on MySpace making DIV Overlays) Anyway I had asked someone from a coding group on MySpace, and the individual had gave me the code, and I thought I'd share users it.

I DON'T STEAL, OR COPY FROM ANYONE!!!, and being accused of it is something that does piss me off. In my eyes it's just as bad as being a layout/ designer stealer.
User avatar
zachman61
VIP - Donator
VIP - Donator
Posts: 1892
Joined: Wed Dec 16, 2009 9:56 pm

I doubt he stole you say everyone steals code
Nailing my feet to the floor is easier than using my own muscles to balance, but you don't see me doing that :)
User avatar
Livengood
Serious Programmer
Serious Programmer
Posts: 445
Joined: Tue Feb 16, 2010 6:24 am

nice :D
Image
User avatar
mandai
Coding God
Coding God
Posts: 2585
Joined: Mon Apr 26, 2010 6:51 pm

I do recognize some of these lines.
Last edited by mandai on Sun Apr 29, 2012 9:20 pm, edited 1 time in total.
User avatar
hungryhounduk
VIP - Site Partner
VIP - Site Partner
Posts: 2870
Joined: Mon Jul 27, 2009 11:58 am

For this one I think I jumped to conclusions too quickly - I take back what I said about it being copied.
The other code still looks similar in some ways though
I think you need to Less Critical about everyones, Postings, as a lot of your Posts seem to have a dig at something or another.....This is supposed to be a Friendly site...where everyone Helps each other....and too be honest a lot of code in the Public Domain has been copied probably hundreds if not thousands of times.

and Ok so some people might not give Credit or Acknowledgement to where the code came from, But there is no need all the time to Keep pointing it out and posting it in the posts.

If you do feel the need to say something , It might be better if you send the Author of the Post on here a PM outlining your Concerns,,, as that would be much better than adding it too a post, as that might cause offence and or Arguments... Which we dont want on here.



Chris
Image
Lewis
Coding God
Coding God
Posts: 1564
Joined: Sun Dec 20, 2009 2:12 pm

Yeah most code people posts he does say that anywho Nice thing there :)
Image
9 posts Page 1 of 1
Return to “Tutorials”