phpBB.de

Verfasst: **10.03.2010 00:24**

Hallo Leute,

ich habe in meinem Style ein Menü wo verschiedene Links enthalten sind, nur wenn ich auf einen enderen Link klicke springt der blaue balken wieder auf Portal zurück ich möchte aber das genau der link wo sich der User gerade befindet blau ist. Leider bin ich anscheinend etwas zu blöd dafür auf die Lösung zu kommen.

Hier mal der Link zum Board: X-Factor

Und hier noch die CSS des Menüs.

Code: Alles auswählen

.glossymenu{
	position: relative;
	padding: 0 0 0 44px;
	margin: 0 auto 0 auto;
	background-image: url("{T_THEME_PATH}/images/menub_bg.gif"); /*tab background image path*/
	background-repeat: repeat-x;
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url("{T_THEME_PATH}/images/menub_hover_left.gif") no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url("{T_THEME_PATH}/images/menub_hover_right.gif") no-repeat right top; /*right tab image path*/
}

Verfasst: **10.03.2010 19:07**

Hat denn wirklich keiner eine Idee.
Ich habe jetzt schon versucht eine neue li einzufügen activate aber das führt auch nicht zum gewünschten Ergebniss, ich möchte doch nur dass das Bild beim Hover Effekt auf dem aktiven Link stehen bleibt, das kann ja nicht das Problem sein.

Wo sind die Style Experten?

EDIT die Erweiterte CSS sieht jetzt so aus.

Code: Alles auswählen

.glossymenu{
	position: relative;
	padding: 0 0 0 44px;
	margin: 0 auto 0 auto;
	background-image: url("{T_THEME_PATH}/images/menub_bg.gif"); /*tab background image path*/
	background-repeat: repeat-x;
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float: left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li c{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li c d{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url("{T_THEME_PATH}/images/menub_hover_left.gif") no-repeat; /*left tab image path*/
	float: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url("{T_THEME_PATH}/images/menub_hover_right.gif") no-repeat right top; /*right tab image path*/
}

.glossymenu li.current c, .glossymenu li c:active{
	color: #fff;
	background: url("{T_THEME_PATH}/images/menub_active_left.gif") no-repeat; /*left tab image path*/
}

.glossymenu li.current c d, .glossymenu li c:active d{
	color: #fff;
	background: url("{T_THEME_PATH}/images/menub_active_right.gif") no-repeat right top; /*right tab image path*/
}

Verfasst: **13.03.2010 16:11**

Hallo hundestaffel,

Deine Frage ist nicht ganz so einfach zu beantworten. Jedenfalls nicht für mich, da ich prinzipiell gerne selbst teste, bevor ich eine Idee oder einen Lösungsvorschlag unterbreite. M. E. wird Dein Ansinnen ggf. wie folgt gelöst: Eine eigene #Id sorgt dafür, die (zusäztlich) entsprechend formatierbar ist?

Meine Suche ergab die nachfolgende Zielsetzung ---> u.V., da ich bezogen auf Deine CSS-Formatierung nicht getestet hab.

vgl. bitte http://dkdenz.de/#nr1

Beste Grüße

Verfasst: **13.03.2010 18:09**

Ich bedanke mich mal für deine Antwort und werde sobald wie möglich versuchen das so umzusetzen.

phpBB.de

Mein Menü fixieren so wie hier

Mein Menü fixieren so wie hier

Re: Mein Menü fixieren so wie hier

Re: Mein Menü fixieren so wie hier

Re: Mein Menü fixieren so wie hier