Navi-Leiste OptikTuning

ja dann muss ichw ohl seine Lösung nehmen.

Die Frage ist nun: Wie erstelle ich einen "Kasten", der eine gewisse Transparenz hat und jedes mal, wenn ich im Wordpress Backend eine Unterseite anlege dieser Kasten auch automatisch als Klapp-Menü-Zeile auf meiner Seite erscheint?

Diesen Weg wollte ich ja umgehen, da mein Theme-Template das Klappmenü mit Images gelöst hat (wie aktuelle auch noch zu sehen ist). Ich wollte halt einfach die alte Datei mit einer von mir bearbeiteten ersetzen, die ich in einer Bildbearbeitungssoftware mit Transparenz versehen hätte.
Geht nicht: Da GIF Dateien nur mit Index-Transparenten arbeiten und diese nur 0 oder 1 sind, ich brauche aber die Transparenzen dazwsichen :)

So als kleine Zusammenfassung noch mal und als Ausblick auf den nächsten Schritt: Code bearbeiten sodass ich ohne Images arbeite.

Könnt ihr mir noch ein letztes Mal helfen? :)

ja okay Variante 2.

Muss ich denn nur was in der style.css ändern? Weil wenn ich mir mit Firebug deine Beispielseite ansehe sieht man ja auch was in dem html Fenster.

Sorry, bestimmt total blöde Frage. ABer da brauch ich noch ne Aufklärung. Was sehe ich bei Firebug unter "html"?

ja so habe ich mir das auch schon gedacht.

Werde es nachher oder mrogen ausprobieren. Ich werde auf jeden Fall hier das Ergebnis mitteilen.

VIELEN DANK für die Hilfe bis hierher :)

So, habe doch eben mal probiert und bin weiter gekommen.

http://mv-offroad.de/wordpress2.9

ABER: Wie man sieht haut es noch nicht ganz hin. Eigentlich soll sich die Transparenz auf den gesamten "Kasten" beziehen. Dieser wird natürlich noch verkleinert, aber erst im Nachinein.

Mein Code vom SubMenü:

/* begin MenuSubItem */
.artmenu ul a
{
  display:block;
  text-align: center;
  white-space: nowrap;
  height: 23px;
  width: 187px;
  overflow:hidden;
  line-height: 23px;
  margin-right: auto;




background-repeat: repeat-x;
  




  border-width: 0.5px;
  border-style: solid;
  border-color: #ffffff;
}


.nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
  background-color: white;  
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
   opacity: 0.7;
}


.artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 23px;
  color: #ffffff;
  font-family: Verdana;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  border: 1px #ffffff,
  
}


.artmenu ul ul a
{
  margin-left: auto;
}


.artmenu ul li a:hover
{
  color: #000000;
  border-color: #ffffff
  background-position: 0 -23px;
}


.artmenu ul li:hover>a
{
  color: #000000;
  border-color: #000000
  background-position: 0 -23px;
}


.nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span
{
  color: #000000;
}


.nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span
{
  color: #000000;
}




/* end MenuSubItem */

Obs die richtige Stelle ist weiß ich nicht. AUf jeden Fall ist es der richtige Bereich. Irgendwie müsste man den Effekt so definieren, dass die gesamte Box gefüllt ist und nicht nur der Bereich wodie Schrift steht.

Bloß wie?

Habs leider immer noch nicht hinbekommen.

Die transparente weiße Box soll die gesamte, mit weißem Rand umzogene Box, ausfüllen.

Vielleicht kann der Thread auch in Design-Bereich verschoben werden.