Sie sind nicht angemeldet.

[Templatefehler] Dropdown Menü

Lieber Besucher, herzlich willkommen bei: cms2day Forum - Community & Support rund ums cms2day. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

1

Samstag, 3. März 2012, 14:29

Dropdown Menü

Hallo, ich wollte ein Template an cms2day anpassen und habe nun den Fehler dass ich das mit dem Dropdown Menü nicht richtig hinbekomme.

Da ich mich in diesem Bereich nicht so gut auskenne, bräuchte ich ein wenig Hilfe.
Im Standard-Template habe ich gesehen dass der Code dort so aussieht:

PHP-Quelltext

1
<?php showFrontendDropdownMenu('0','<ul>|</ul>','<li class="middle">|</li>','<li class="first">|</li>','<li class="last">|</li>'); ?>




Das Dropdown Menü sollte im Endeffekt ca. so aussehen: [BILD]


CSS Datei (menu)

Quellcode

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
/* menu */
#mainmenu { 
	float: right; 
	padding: 39px 0 0; 
}
#menu ul { 
	float: right; 
}
#menu li { 
	display: inline; 
	float: left; 
	margin: 0 0 0 18px; 
}
#menu li a { 
	display: block; 
	color: #999; 
	padding: 7px; 
	font-size: 1.1em; 
	border: 1px solid transparent; 
}
#menu a:hover, #menu li.current a { 
	border-color: #444;  
}
#menu li ul { 
	top: 98px;
	background: url(../images/dot.png); 
	padding: 3px;
	font-size: .92em; 
	position: absolute; 
	display: none; 
	z-index: 100; 	
}
#menu li ul li { 
	float: none; 
	display: inline; 
	margin: 0; 
	padding: 0; 
	clear: left;
}

#menu li ul li a { 
	color: #fff;
	margin: 4px; 
	white-space: nowrap;
	padding: 8px;	
}
#menu li ul li a:hover {
	background: #2C2D2F;
	border-color: #2C2D2F;
}


Code in HTML

Quellcode

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!-- menu -->
<div id="mainmenu">
				<ul id="menu">
					<li><a class="current" href="#">Startseite</a></li>
					
					<li><a href="#">About</a>
                    	<ul>
                        <li><a href="#">About ensky.at</a></li>
                        <li><a href="#">About me</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Downloads</a>
						<ul><li><a href="#">Grafikdesign</a></li></ul>
					</li>
					<li><a href="#">Projekte</a></li>
					<li><a href="#">Kontakt</a></li>
					<li><a href="#">Impressum</a></li>
				</ul>
			</div>
			<!-- /menu -->



Ich bedanke mich jetzt schonmal für eure Hilfe!

lg. aLex

Werbung

emet

Admin & Support

  • »emet« ist männlich

Beiträge: 2 530

Wohnort: Rhein/Main

Paypal:

  • Nachricht senden

2

Samstag, 3. März 2012, 19:49

Die Erklärungen hier hin und her, da auch nur ein Teil des Codes da steht ...

Lade dir bitte ein Template wie das DessertStorm runter und kopier dir das gesamte CSS des DropDownMenüs in deine main.css.

Dann müsste das schon mal funzen. Nun kannst du ganz einfach nur das CSS des Menus auf dein Template anpassen.
.
HTML, was ist das? Ein neues Männermagazin? Css.., was es so alles gibt!

News: http://www.cms2day.de/news/1/
Features: http://www.cms2day.de/cms-funktionen/

Zufrieden mit cms2day und unserer Arbeit/Support - Spenden (-Button links) sind herzlich Willkommen - Dankeschön.
.

Werbung

3

Sonntag, 4. März 2012, 00:39

Funktioniert nicht wirklich

grüße, aLex

Werbung

4

Sonntag, 4. März 2012, 10:29

Ich denke emet will darauf hinaus, das wir hier stetig Hilfe geben sollen, für etwas, wofür andere Leute bezahlt werden ;)

Also ich kann dir auch nur empfehlen das Template DesertStorm anzugucken. So kann man es auf jeden Fall am einfachsten verstehen und zum Laufen bringen.

Aber mal auf deinen Beitrag bezogen:

Zitat von »"ensky"«

Funktioniert nicht wirklich


Was funktioniert denn genau nicht?

Achja.. ein Link für eine Liveansicht ist immer hilfreichesten, und zumeist geht dann auch die Hilfe schneller ;)

MfG blu

Werbung

5

Sonntag, 4. März 2012, 13:00

Hier das ganze Geschehen mal Live: http://ensky.at/test/

Das Template ist eben noch nicht komplett angepasst, mir geht es nur um das Menü, deshalb nicht über den Zustand der Seite wundern. :-D


grüße. aLex

Werbung

logosektor

unregistriert

6

Sonntag, 4. März 2012, 14:39

Zitat

Lade dir bitte ein Template wie das DessertStorm runter und kopier dir das gesamte CSS des DropDownMenüs in deine main.css.
Hast du das mal ausprobiert? Und wie schon erwähnt. Mit "Funktioniert nicht wirklich" kann man nichts anfangen.

Werbung

7

Sonntag, 4. März 2012, 19:57

Ja ich hab es ausprobiert, nur wenn ich dann die Styles in der main.css Datei wieder anpasse, wird alles wieder so wie es momentan ist und das Dropdownmenü funktioniert auch nicht wirklich.

grüße, aLex

Werbung

emet

Admin & Support

  • »emet« ist männlich

Beiträge: 2 530

Wohnort: Rhein/Main

Paypal:

  • Nachricht senden

8

Montag, 5. März 2012, 11:27

Es geht nicht nur ums Geld, sondern das so eine Hilfe einfach per Post hin und her so kompliziert ist, zum Schluss 3 Seiten füllt und dann hat man bereits das ganze selbst gecodet.

Wenn das DessertStorm Menu dort funktioniert, dann muss es auch nach den optischen Anpassungen immer noch funktionieren. Ansonsten greifst du irgendwo ein, wo du nichts zu suchen hast.

Die rein optische Anpassung von den Breiten und Farben hat nichts mit den Funktionen zu tun.

Also nochmal mit dem DropDown des Dessert Storm anfangen und nur mal nur die Farben anpassen - sonst nix. Wenn du an die Breiten gehst, dann bitte auch alle Paddings, Border etc. berücksichtigen und nach jeder Änderung probieren, dann wirst du deinen Fehler schon erkennen.

Ein DropDown kann man auf verschiedene Weise aufbauen, aber nur 1-2 Möglichkeiten sind für CMS wirklich sinnvoll. Also muss man sich an die Grundregeln halten und in deinem Fall an das DessertStorm.
.
.
.
HTML, was ist das? Ein neues Männermagazin? Css.., was es so alles gibt!

News: http://www.cms2day.de/news/1/
Features: http://www.cms2day.de/cms-funktionen/

Zufrieden mit cms2day und unserer Arbeit/Support - Spenden (-Button links) sind herzlich Willkommen - Dankeschön.
.

Werbung

emet

Admin & Support

  • »emet« ist männlich

Beiträge: 2 530

Wohnort: Rhein/Main

Paypal:

  • Nachricht senden

9

Montag, 5. März 2012, 11:43

Gleich nochmal - so kann das wohl auch nicht funktionieren.

Ich würde als erstes mal meinen Quellcode validieren und auf Fehler untersuchen.

Quellcode

1
2
3
4
5
6
7
			<!-- menu -->
			<div id="mainmenu">
				<ul id="menu">
              <!--?php showFrontendDropdownMenu('0','<ul-->|</ul>','<li class="middle">|</li>','<li class="first">|</li>','<li class="last">|</li>'); ?&gt;	
                
			</div>
			<!-- /menu -->


Du hast das erste UL mit dem gesamten PHP Aufruf auskommentiert - Warum? Und dann oben ions Div gesetzt - Warum?

Nimm das Template DessertStorm und kopier dir die Sachen dort raus!

Dann hast du dir da was zusammen gebaut und kopiert und 2 mal das Charset drin aöls UTF und als Iso

Quellcode

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<script type="text/javascript" src="http://ensky.at/test/includes/templates/enskyat/js/jquery-1.4.1.min.js"></script>
	<script type="text/javascript" src="http://ensky.at/test/includes/templates/enskyat/js/menu.js"></script>
	<script type="text/javascript" src="http://ensky.at/test/includes/templates/enskyat/js/slideshow.js"></script>
	<script type="text/javascript" src="http://ensky.at/test/includes/templates/enskyat/js/cufon-yui.js"></script>

	<script type="text/javascript" src="http://ensky.at/test/includes/templates/enskyat/js/Arial.font.js"></script>
	<script type="text/javascript">Cufon.replace('h1,h2,h3,h4,h5,#menu,#copy,.blog-date'); </script>
	<script type="text/javascript" src="http://ensky.at/test/includes/templates/enskyat/js/fancyzoom.min.js"></script>
	<script type="text/javascript" charset="utf-8">
		$(document).ready(function() {
			$('div.photo a').fancyZoom({directory: 'images/zoom', scaleImg: true, closeOnClick: true});
		});
	</script>
	<link rel="stylesheet" href="http://ensky.at/test/includes/templates/enskyat/css/main.css" type="text/css" />
    <title>TEST - ensky.at</title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />


Und das hier ist dein ganzes CSS zum DropDown Menu

Zitat

/* menu */
#mainmenu {
float: right;
padding: 39px 0 0;
}
#menu ul {
float: right;
}
#menu li {
display: inline;
float: left;
margin: 0 0 0 18px;
}
#menu li a {
display: block;
color: #999;
padding: 7px;
font-size: 1.1em;
border: 1px solid transparent;
}
#menu a:hover, #menu li.current a {
border-color: #444;
}
#menu li ul {
top: 98px;
background: url(../images/dot.png);
padding: 3px;
font-size: .92em;
position: absolute;
display: none;
z-index: 100;
}
#menu li ul li {
float: none;
display: inline;
margin: 0;
padding: 0;
clear: left;
}

#menu li ul li a {
color: #fff;
margin: 4px;
white-space: nowrap;
padding: 8px;
}
#menu li ul li a:hover {
background: #2C2D2F;
border-color: #2C2D2F;
}


Das stammt wohl auch aus der Vorlage - also hast du auch hier den CSS-Teim aus dem Dessert Storm wie ich es geschrieben habe gar nicht dort rein kopiert - erstens ist das aus der Vorlage falsch und es fehlt die Hälfte.

Wenn du unsere Hilfe nicht annimmst und nur sagst es geht nicht, dann wird dir hier keiner helfen. Aslo mach bitte was ich dir gesagt habe. Du hast da gar nix gemacht.

Wenn du es gar nicht kannst, dann musst du es in Auftrag geben. Hier wird Hilfeleistung gestellt, aber keine Arbeiten ausgeführt.
.
HTML, was ist das? Ein neues Männermagazin? Css.., was es so alles gibt!

News: http://www.cms2day.de/news/1/
Features: http://www.cms2day.de/cms-funktionen/

Zufrieden mit cms2day und unserer Arbeit/Support - Spenden (-Button links) sind herzlich Willkommen - Dankeschön.
.

Werbung

10

Montag, 5. März 2012, 15:06

Ich versuche eure Hilde anzunehmen jedoch wird dies nicht funktionieren wenn ich nicht ganz verstehe was ihr meint. Aus dem Template Desert Storm rauskopieren? Schon klar aber ich versuche es und es tut dich nicht wirklich etwas. Ich versuche alles soweit ich es verstehe. Wenn ich heute daheim bin werde ich mich nochmals darum bemühenes umzusetzen sogut es geht.

grüße, aLex

Werbung