Beiträge von exi

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.

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?

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 */

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

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 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?

Zitat von Morris

GIF kann nur Index-Transparenz. Index-Transparenz bedeutet aber: entweder ganz transparent oder garnicht.

Gruß
Mo

Ahh, okay, das ist einleuchtend.

Ich gehe einfach davon aus, dass Nutzer doch mindestens IE 7 haben. Etwas Fortschritt in Form von Updates sollte man doch verlangen? Mit einem entsprechenden Vermerk auf der Seite, dass die optimale Ansicht ab IE 7 funktioniert sollte doch genügen?

Ich mein ganz ehrlich, man kann jawohl erwarten, dass man heutzutage, wenn man schon IE nutzt mindestens den 7er hat? Wer halt so altmodisch ist hat Pech.
Klingt zwar hart, aber irgendwie möchte/kann ich dafür kein Verständnis aufbringen

Oh man

Ist es denn nicht möglich GIF-Bilder zu erstellen, die keine Alphatransparenzen aufweisen sondern nur Index-Transparenzen?
Du meintest ja, dass IE keine Probleme mit diesen Transparenzen hat.

Man muss doch irgendwie zum Ziel kommen, damit die IE-Nutzer auch die gleiche Darstellung bei Transparenz-Bildern haben wie die Firefoxer

Na dann ist die Lösung doch klar. Ich erstelle transparante Bilder im GIF-Format und ich habe mein Klapp-Menü endlich so, wie ich es haben möchte.

Vielen Dank für die Hilfe!

Ich denke, dass aufgrund des IE-Problems die Gestaltung von transparenten Bildern mit Hilfe von Bildbearbeitungssoftware die beste Variante ist. Damit dürfte es in der Browser-Darstellung doch keine Probleme geben oder?

Ja sind Bildchen

Und was muss ich da ändern?

Na es soll immer das Klappmenü transparent sein.

Derzeit ist es nur ein Unterpunkt. Dieser befindet sich unter "über uns" und heißt "Unterseite"-
Es soll so eingestellt werden, dass alle Untermenüs, die erstellt werden transparant sind.

Die Frage ist nun, wie sieht der Code aus und wo wird er im Quelltext positioniert.

So langsam komme ich voran.

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

Ich möchte das Klappmenü oben "Unterseite" leicht durchsichtig haben.

Ich weiß, dass der Befehl opacity heißt. Allerdings weiß ich nicht wo ich ihn einfügen muss.

Kann mir jemand auf die Sprünge helfen? Ich arbeite mitlerweile auch mit Firebug. Hilft mir sehr weiter. Trotzdem weiß ich nicht wo ich Opacity definieren muss.

Die Antwort ist ja schon um einiges ergiebiger.

Allerdings wäre es schon von größerem Vorteil wenn es ein Plugin gibt, welches es ermöglicht HTML zu stylen. Das ist ja der Sinn von Plugins - aufwendige Programmierungen und Quelltexteditierungen umgehen mit "fertigen" Vorlagen.
Versteh mich nicht falsch, aber auf die Schnelle bekomme ich ein HTML Styling mit CSS nicht gebacken. Aus Zeit- und Verständnisgründen

Deshalb habe ich nach möglichen Plugins, bzw. Quelltext-Vorlagen gesucht um mir die Sache leichter zu machen.

Was ich im Forum zum Beispiel schon gelesen habe ist dieser Klarinetten-Effekt? Hieß der so? Auf jeden Fall war das ne Navigation, welche ganz gut aussah. Sowas bräuchte ich nur in horizontaler Ausführung, da der Sreenshot, der hier gepostet wurde eine vertikale Navigation zeigte.

Vielen Dank für deine aufschlussreiche Antwort. Hätte gar nicht gedacht, dass ein Forum für solch wertvolle Tipps da ist.

Selbstverständlich beschäftige ich mich parallel mit CSS. Aber durch Tipps aus dem Forum wird der Lernprozess um einiges beschleunigt.

Vielleicht hat jemand anderes etwas bessere Tipps?

Hey,

ich suche eine Plugin, welches den Style, das Design der Navigationsleiste verändert. Meine derzeitige Navi-Leiste wirkt steril und nicht modern. Möchte etwas "edleres". http://mv-offroad.de/wordpress2.9 - gemeint ist oben die horizontale, graue Leiste, diese hätte ich gerne etwas peppiger, geschmeidiger

Gibt es dafür ein einfaches Plugin, welches Buttons erstellt bzw. zur Verfügung hat? Oder gibt es eine andere Variante die Leiste aufzuwerten?

Vielen Dank im Voraus und beste Grüße,

exi

Hat sich erledigt. Habe die Datei doch gefunden. War ne png. Und dann war noch ein Rand drum, den ich nun auch eliminiert habe. DIeser war aber im css hinterlegt.

Trotzdem danke

Hey Leute...

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

WIe kann ich die Farbe des Klappmenüs unter "EIne Seite" ändern? Derzeit ist es ja so rötlich... Muss ich da direkt die Bilddatei ändern? Allerdings existirert keine die rot ist. Weil die Buttons in der Navi dort oben waren ursprünglich mal dunkelblau, hab sie schon durch einfärben mit Grafikprogramm auf grau bekommen, genauso die grüne Navizeile, wurde auch eingefärbt.
Aber keine Ahnung warum der Klapptext so seltsam rot ist.

Könnt ihr mir helfen?

CSS-Stylesheet Code bekomm ich nicht eingfügt, ist zu lang. nd ich weiß nicht welche Stelle entscheidend ist.

Danke im Voraus