Womit ist die Jumpbox hier gestyled?

[mad-manne]

Hallo Leute,
ich geb's ja zu ... CSS ist nicht meine Stärke

Ich wüsste gerne, wie die z.B. Jumpbox hier auf phpBB.de gestyled wurde.
Zur Gruppierung wurde ja das optgroup-TAG um die Kategorien und Foren-Struktur abzubilden. Hier sind die Kategorien in Fett-kursiv gesetzt, bei mir sind diese optgroup-Einträge invers dargestellt, was mir nicht so gut gefällt!

Habe mir zwar schon die css von hier kurz angesehen, aber leider nix "Auffälliges" gefunden

Gruss,
Manne.

[ATARI]

Das würd mich auch interessieren!

[Markus67]

Hi ...

das hier kennt ihr?
[2.0.11] Grouped-option Jumpbox
Creates a more aesthetically-pleasing jumpbox for your forum

Markus

[mad-manne]

Jou .. bzw. das habe ich nachträglich gefunden, da ich mir die Funktionalität einfach hier im Source von phpBB.de abgeschaut habe

Meine Frage zielt ja auf die Gestaltung dieser optgroup-Elemente ab.

• Die Jumpbox hier schaut so aus:
  [ externes Bild ][ externes Bild ]
• und meine so:
  [ externes Bild ][ externes Bild ]

Ich wüsste nun gerne, über welche css-Attribute ich das Aussehen der optgroup-Überschriften und der auswählbaren Elemente steuern kann.

Gruss,
Manne.

[Markus67]

Hi ...

eventuell hilft das hier weiter
http://www.phpbb.com/phpBB/viewtopic.php?t=209281

Markus

[mad-manne]

Danke Markus
das sieht schonmal recht vielversprechend aus!

... werde mich morgen mal dranmachen. Für heute is Feierabend

Gut's Nächtle,
Manne.

[ATARI]

Ja und wie kriegt man's jetzt so hin wie hier?

[mad-manne]

Tja ... ich bin noch nicht dazu gekommen mich darum zu kümmern.
Habe immer noch zuviel "echte" Arbeit an der Backe

Dieses Thema hat Zeit, da es sich um reine Kosmetik handelt. Wenn du(ATARI) also vorher fündig wirst .. immer her mit den Infos

So long,
Manne.

[S2B]

Öffne includes/functions.php und finde:

Code: Alles auswählen

						$boxstring_forums .=  '<option value="' . $forum_rows[$j]['forum_id'] . '"' . $selected . '>' . $forum_rows[$j]['forum_name'] . '</option>';

Ersetze durch:

Code: Alles auswählen

						$boxstring_forums .=  '<option value="' . $forum_rows[$j]['forum_id'] . '"' . $selected . '>&nbsp; &nbsp;' . $forum_rows[$j]['forum_name'] . '</option>';

Finde:

Code: Alles auswählen

					$boxstring .= '<option value="-1">&nbsp;</option>';
					$boxstring .= '<option value="-1">' . $category_rows[$i]['cat_title'] . '</option>';
					$boxstring .= '<option value="-1">----------------</option>';

Ersetze durch:

Code: Alles auswählen

					$boxstring .= '<option value="-1" disabled="disabled" class="jumpbox_title">' . $category_rows[$i]['cat_title'] . '</option>';

Die Klasse jumpbox_title hat folgende Eigenschaften:

Code: Alles auswählen

option.jumpbox_title {
	font-weight: bold;
	color: #000000;
	font-style: italic
}

Mit nur ein paar kleinen Änderungen am Code könnte man das gleiche auch mit optgroups machen. Ich verstehe irgendwie nicht, was euch da Probleme macht!?

[ATARI]

@S2B: Das funzt zwar prima im Firefox, im IE aber leider nicht.
Hast ne Idee wie man das IE-kompatibel machen könnte?

Weil sieht schon echt klasse aus ansonsten!