Register for your free account! | Forgot your password?

Go Back   elitepvpers > Coders Den > Web Development
You last visited: Today at 21:39

  • Please register to post and access all features, it's quick, easy and FREE!

Advertisement



[S] Hilfe für Dropdown-Menu

Discussion on [S] Hilfe für Dropdown-Menu within the Web Development forum part of the Coders Den category.

Reply
 
Old   #1
 
elite*gold: 0
Join Date: Jan 2013
Posts: 358
Received Thanks: 105
[S] Hilfe für Dropdown-Menu

Hay,

Ich suche eine Personen sie sich gut mit CSS3 und Dropdown menu's auskennen.
Die auch so nett sein würde und mir ein CSS-Dropdown menu coden würde.

Bitte behaltet eure Tutorials für euch ich habe schon einige ausprobiert,
jedoch bekomme ich es nicht so hin wie ich es möchte. Ich bekomme es nur
hin das alles Verbuggt und verschoben aussieht.

Hierbei handelt es sich nur um rein den CCS code der geschrieben werden
muss.

Navigation-Höhe: 50px
Navigation-Breite: 1000px
Dropdown-Menu Farbe: #5f0604

Screen:

HTML Code:
<div class="navigation">
	<ul>
		<li>
			<label>
				<a href="">News</a>
			</label>
			<ul>
				<li><a href="">PatchLog</a></li>
			</ul>
		</li>
		<li>
			<label>
				<a href="">Community</a>
			</label>
			<ul>
				<li><a href="">Forum</a></li>
			</ul>
		</li>
		<li>
			<a href="">Register</a>
		</li>
		<li>
			<a href="">Download</a>
		</li>
		<li>
			<label>
				<a href="">Ranking</a>
			</label>
			<ul>
				<li><a href="">Player Ranking</a></li>
				<li><a href="">Guild Ranking</a></li>
				<li><a href="">Vote Ranking</a></li>
				<li><a href="">War Ranking</a></li>
			</ul>
		</li>
		<li>
			<label>
				<a href="">User-CP</a>
			</label>
			<ul>
				<li><a href="">Premium Shop</a></li>
				<li><a href="">User Control Panel</a></li>
				<li><a href="">Blocked Accounts</a></li>
			</ul>
		</li>
	</ul>
</div>
Fehlgeschlagen is offline  
Old 05/06/2013, 08:59   #2
 
elite*gold: 0
Join Date: Apr 2005
Posts: 323
Received Thanks: 114
Quote:
Bitte behaltet eure Tutorials für euch ich habe schon einige ausprobiert,
jedoch bekomme ich es nicht so hin wie ich es möchte.
So eine Formulierung ist immer ganz schlecht. Dann schreib wenigstens "Ich fühle mich zu blöd dafür deshalb suche ich jemanden der mir das schenkt. Bitte. Danke".

Hier, kopier dir einfach den Code:
MrPuschel is offline  
Old 05/06/2013, 14:19   #3
 
elite*gold: 0
Join Date: Jan 2013
Posts: 358
Received Thanks: 105
Quote:
Originally Posted by MrPuschel View Post
So eine Formulierung ist immer ganz schlecht. Dann schreib wenigstens "Ich fühle mich zu blöd dafür deshalb suche ich jemanden der mir das schenkt. Bitte. Danke".

Hier, kopier dir einfach den Code:

-.- genau das hab ich paar mal versucht... um genau zu sein 5 mal
aber bin zu blöd um es fertig zu bekommen...

Also wäre nett wenn mir einer das schreiben würde...
Fehlgeschlagen is offline  
Old 05/06/2013, 14:54   #4
 
Der-Eddy's Avatar
 
elite*gold: 400
Join Date: Nov 2008
Posts: 67,905
Received Thanks: 19,505
Quote:
Originally Posted by Fehlgeschlagen View Post
-.- genau das hab ich paar mal versucht... um genau zu sein 5 mal
aber bin zu blöd um es fertig zu bekommen...

Also wäre nett wenn mir einer das schreiben würde...

Einfach den Code 1:1 abkopiert und es geht

eigentlich sind nur ein paar Sachen wichtig:
Code:
nav ul ul {
    display: none;
}
nav ul li:hover > ul {
    display: block;
}
Das erste enthällt die Dropdown Navigation aber lässt diese verschwinden durch display: none;
wenn man jetzt auf das Element davor (der Liste also) mit der Maus drüber geht wird der hover Bereich ausgeführt
in diesem Fall lässt er das Dropdown Menü erscheinen das vorhin noch weg war
der Rest hat eigentlich nur kosmetischen Nutzen und macht das ganze ansehnlicher
Der-Eddy is offline  
Old 05/06/2013, 21:58   #5
 
elite*gold: 0
Join Date: Jan 2013
Posts: 358
Received Thanks: 105
@Der-Eddy

Naja, Ich weiß zwar nicht wie ichs geschafft habe aber auf einmal wollte
das ding so aussehen wie ich es mir vorgestellt habe.. nun ja egal solange es
nun funktioniert.

PS: Ich weiß was die css codes bedeuten ? xD.. ich wusste nur nich welche für
ein funktionierendes dropdown menu erforderlich sind das es auch so aussieht wie man das möchte ich habs nur schafft das alles schief und krum ausgesehen hat.

#Kann geschlossen werden;
Fehlgeschlagen is offline  
Reply


Similar Threads Similar Threads
[Suche] Hilfe für ein DropDown-Menu
01/18/2013 - Web Development - 5 Replies
Hey, Ich komme nicht mehr weiter ich versuche seit stunden ein ordentliches DropDown Menu zu erstellen jedoch schaffe ich nicht mehr als das hässliche ding hier. Würde einer so nett sein und mir helfen ? ist mein erster versuch und bitte keine links zu iwelchen seiten für DropDown Menus aus den seiten werde ich auch nicht schlauer als ich jetzt schon bin.
[Hilfe] Dropdown Menü
01/13/2013 - Web Development - 12 Replies
Also ich mache gerade ein Forum mit Mybb, jedoch wollte ich gerade ein Dropdownmenü in dem Texteditor machen wo sich ein Problem erwies. So sieht das Dropdown menü aus: http://i.epvpimg.com/tmzPf.png So sollte es aussehe: http://i.epvpimg.com/wTyYf.png



All times are GMT +1. The time now is 21:41.


Powered by vBulletin®
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
SEO by vBSEO ©2011, Crawlability, Inc.
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Support | Contact Us | FAQ | Advertising | Privacy Policy | Terms of Service | Abuse
Copyright ©2025 elitepvpers All Rights Reserved.