Sie sind nicht angemeldet.

Dropdownmenü - Wie?

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
  • 2

djknuffel

Moderator

  • »djknuffel« ist männlich

Beiträge: 711

CMS Version: 4.0.1

Wohnort: Frankfurt a.M.

Paypal:

  • Nachricht senden

11

Montag, 19. Juli 2010, 00:54

die styles für das menu sind in der main.css definiert, und heißen auch "#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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133

/* - MENU - */

#menu {
	
	width: 760px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	background: #9DBB36;
	border-top: 9px solid #839f24;
	border-bottom: 1px solid #fff;
	color: #fff;
	position: relative;
	z-index: 999;

}

#menu ul {
	
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	padding: 0px;
	margin: 0px;
	z-index: 999;
	
}

#menu ul li	{
	
	float: left;
	list-style: none;
	margin: 0px;
	border-right: 1px solid #839f24;
	position: relative;
	z-index: 999;
	
}

#menu li a {
	
	display: block;
	padding: 0px 12px 1px 12px;
	text-decoration: none;
	font-size: 11px;
	color: #fff;
	background: #9DBB36;
	margin:0px;
	line-height: 23px;
	z-index: 999;

}

#menu li a:hover {
	
	background: #A9C83C;

}

#menu li a.aktiv, #menu li a.aktiv:hover {
	
	background: #9DBB36 url('../images/menu_hover.gif') right no-repeat;

}


/* - MENU : DROPDOWN SETTINGS - */


#menu ul li ul {
	
	visibility: hidden;
	position: absolute;
	top: 24px;
	left: 0px;
	width: 184px;
	text-align: left;
	border: 1px solid #d2d2d2;
	border-bottom: none;
	margin: 0px;
	padding: 0px;
	z-index: 999;
	
}

#menu ul li ul li {
	
	height: 26px;
	border: none;
	border-bottom: 1px solid #d2d2d2;
	margin: 0px;
	padding: 0px;
	z-index: 999;
	
}

#menu ul li:hover ul, #menu ul a:hover ul {
	
	visibility: visible;
	z-index: 999;
	
}

#menu ul li ul li a {
	
	width: 158px;
	border: 1px solid #fff;
	display: block;
	padding: 0px 12px 2px 12px;
	text-decoration: none;
	line-height: 22px;
	font-size: 11px;
	color: #333029;
	background: #fff;
	margin: 0px;
	z-index: 999;
	
}

#menu ul li ul li a:hover {
	
	color: #fff;
	background: #A9C83C;

}

#menu ul li ul li a.aktiv, #menu ul li ul li a.aktiv:hover {
	
	color: #fff;
	background: #9DBB36 url('../images/menu_hover.gif') right no-repeat;

}


diese Angaben sollten nach möglichkeit auch wieder in deiner main.css enthalten sein
akrell.de - Informationen zu meinen Modulen für das cms2day System und meine Arbeiten als Hobbyfotograf
Werbung

emet

Admin & Support

  • »emet« ist männlich

Beiträge: 2 530

Wohnort: Rhein/Main

Paypal:

  • Nachricht senden

12

Montag, 19. Juli 2010, 21:37

Jo, also das kann nicht funzen

index.html

Quellcode

 
1
2
3

<div class="navi">
<?php page_dropdown("0"); ?>
                </div>


main.css

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

/* - MENU - */


#menu {

width: 760px;
height: 24px;

..................................


/* - MENU : DROPDOWN SETTINGS - */


#menu ul li ul {

visibility: hidden;
position: absolute;
top: 24px;
left: 0px;
width: 184px;


Ändere erst mal in der index.html das

Quellcode

 
1

<div class="navi">


zu

Quellcode

 
1

<div id="menu">


und dann sehen wir weiter
.
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

Maschmo

Anfänger

  • »Maschmo« ist der Autor dieses Themas

Beiträge: 23

  • Nachricht senden

13

Dienstag, 20. Juli 2010, 20:31

Danke habs jetzt hingebekommen, hab jetzt gecheckt was die php funktion macht
Werbung

emet

Admin & Support

  • »emet« ist männlich

Beiträge: 2 530

Wohnort: Rhein/Main

Paypal:

  • Nachricht senden

14

Mittwoch, 21. Juli 2010, 13:36

Das hat nix mit der PHP-Funktion zu tun.

Du muss dir nur die Seite aufrufen und in den Quellcode/HTML-Ausgabe schauen.

Da stehen die DIVs drin und weitere und überall wo ID oder Class steht - sucht du nach deren Bezeichnung.

In der CSS müssen diese Klasse ind Ids natürlich aucch mit dem gleichen Namen angelegt werden.

Das hat nix mit PHP zu tun.
.
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

Maschmo

Anfänger

  • »Maschmo« ist der Autor dieses Themas

Beiträge: 23

  • Nachricht senden

15

Mittwoch, 21. Juli 2010, 22:15

Die Php funktion fügt die #menu divs ein, habe gedacht das kann ich dann wo anders bestimmen wie diese genannt werden !!! zb
.navi
Werbung

djknuffel

Moderator

  • »djknuffel« ist männlich

Beiträge: 711

CMS Version: 4.0.1

Wohnort: Frankfurt a.M.

Paypal:

  • Nachricht senden

16

Donnerstag, 22. Juli 2010, 10:27

nein, falsch

die divs haben eine id und die formatierungen für diese id sind in der css datei notiert, damit das aber funktioniert, müssen die namen der divs in denen die php funktion eingebettet wird auch so heißen wie in der css

so würde es klappen
css

Quellcode

 
1
2
3
4

#menu {
width: 760px;
height: 24px;
}

template

Quellcode

 
1

<div id="menu"><?php page_dropdown("0"); ?></div


so würde es nicht klappen
css

Quellcode

 
1
2
3
4

#menu {
width: 760px;
height: 24px;
}

template

Quellcode

 
1

<div id="navi"><?php page_dropdown("0"); ?></div
akrell.de - Informationen zu meinen Modulen für das cms2day System und meine Arbeiten als Hobbyfotograf
Werbung

emet

Admin & Support

  • »emet« ist männlich

Beiträge: 2 530

Wohnort: Rhein/Main

Paypal:

  • Nachricht senden

17

Donnerstag, 22. Juli 2010, 12:43

Klar werden die teilweise auch von PHP ausgegeben (diese ermöglichen zusätzliche Formatierungsangaben in der CSS) - es sind aber due hauptsächlichen IDs und Klassen in der Index.html vergeben.

Die in der index.html kannst du anddes benennen - aber warum - dann stimmt der Gegenpart in der CSS ja nicht mehr.

Die Templates sind ja aber auch schon vorgebaut und das muss man dann auch so übernehmen oder überall umschreiben.

Warum willst du überhaupt was umbennenen. Es ist eine Bezeichnung (allgemine Bezeichnungen) vorgegeben und diese übernimmt man dann auch.

Wenn du dir irgendwo ein Template runterlädst und änderst die IDs und Klassen der HTML-Datei wird es auch nicht mehr funzen, weil die Bezeichnungen in der CSS nicht mehr stimmen - das ist das gleiche.
.
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

Maschmo

Anfänger

  • »Maschmo« ist der Autor dieses Themas

Beiträge: 23

  • Nachricht senden

18

Donnerstag, 22. Juli 2010, 17:15

Habe mir gedacht, dass die menü php funktion nur uls und lis einfügt, da ich auf meinem laptop noch nicht firebug und co installiert habe, war ich zu faul um nachzuschauen was die funktion machen


danke nochmals an alle hilfreichen antworten
Werbung

  • 1
  • 2

Ähnliche Themen

Verwendete Tags