Advanced Drop Down Menu (Code Not Tut)
9 posts
Page 1 of 1
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.
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.
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
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.
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.
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.
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
I do recognize some of these lines.
Last edited by mandai on Sun Apr 29, 2012 9:20 pm, edited 1 time in total.
For this one I think I jumped to conclusions too quickly - I take back what I said about it being copied.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.
The other code still looks similar in some ways though
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
Yeah most code people posts he does say that anywho Nice thing there
9 posts
Page 1 of 1
Copyright Information
Copyright © Codenstuff.com 2020 - 2023