Hallo,
ich möchte gern, dass mein Seitenrahmen nicht ganz transparent sondern eine transparenz von 70% beträgt. Wie mache ich das in der CSS-Deklaration an besten?
Gruss Dornensplittter
Hallo,
ich möchte gern, dass mein Seitenrahmen nicht ganz transparent sondern eine transparenz von 70% beträgt. Wie mache ich das in der CSS-Deklaration an besten?
Gruss Dornensplittter
Ich weiss jetzt nicht welche ID der Seitenrahmen hat...
#seitenrahmen {
background-color:#fff;
filter:alpha(opacity=70);
-moz-opacity:0.70;
opacity: 0.70;
}
Mal versuchen?
Ich würde lieber ein transparentes PNG nehmen.
Danke, hat aber leider nicht geklappt
Ich weiss jetzt nicht welche ID der Seitenrahmen hat...
Joa, dat is der springende Punkt. Ich weiß nämlich auch nicht welche ID er hat
wie mache ich dat denn mit ´nem png per css?
Du hast gar keinen Seitenrahmen im Forum, vorhin war er noch da, wollte mal eben nachschauen, nun ist er weg. Mit #seitenrahmen geht es natürlich nicht
Du hast doch schon Transparenzen im Forum, so wie du die gemacht hast, machst du das auch mit dem Seitenrahmen. Wenn du den noch mal einschaltest, kann ich mal schauen wie der heisst.
Edit:
#main {
background-color:#fff;
filter:alpha(opacity=70);
-moz-opacity:0.70;
opacity: 0.70;
}
Versuch das mal, mit #main wird der Seitenrahmen angesprochen.
Edit 2:
Jepp klappt, aber nimm lieber 30%:
#main {
background-color:#fff;
filter:alpha(opacity=30);
-moz-opacity:0.30;
opacity: 0.30;
}
Dat wär echt super!
Ich habe das jetzt mal mit #main/#page versucht und es war natürlich nicht richtig. Dann mach den seitenrahmen wieder an.
Also #main müsste gehen wenn der Seitenrahmen an ist, habs mal mit dem Header versucht:
15%:
30%:
Eventuell die Hintergrundfarbe im Stileditor ganz weglassen und alles über CSS machen.
Bei mir siehts so aus klick mich!
Hmm ok, ich habs mal ausprobiert. Wenn ich den Seitenrahmen aktiviere, ihm eine Hintergrundfarbe im Stileditor gebe und folgendes eintrage:
#main {
filter:alpha(opacity=30);
-moz-opacity:0.30;
opacity: 0.30;
}
Sieht das so aus:
Auch das funktioniert nicht:
#headerConatiner, #mainContainer, #footerContainer {
background-color:#FFF;
filter:alpha(opacity=30);
-moz-opacity:0.30;
opacity: 0.30;
}
Ich würde sagen, das geht per CSS nicht. Auch wenn ich einen negativen Z-Index verwende, bleibt diese Falschdarstellung.
Dir bleibt also wohl keine andere Möglichkeit als ein transparentes PNG zu verwenden und so einzubinden (Seitenrahmen aktivieren):
#main {
background-image: url("../images/deinStilordner/deinPNG.png");
}
Das PNG dann in den Stilordner legen.
Edit:
Hab dir mal 4 PNGs gemacht, im ZIP-File.
Ich bin schon fast am Ziel.
Danke für deine Hilfe bis hierher und für die Zip. Ich hab sie noch schnell mal farblich angepasst. Nun fehlt noch ein bischen wat vom Seitenrahmen. Hast du noch ´ne Idee? Ich schau nochmal die Style css durch. Vielleicht find ich noch was.
Das Design sollte in etwa so sein wie auf meiner Website die Boxen mit normaler Backgroundfarbe und den Rest zu 50% - 70% Transparent (außer Header und Footer).
Ah, mist, ich habs verbockt, versuch es mal damit:
#footerContainer, #headerContainer, #mainContainer {
background-image:url("../images/dornensplitter/70.png");
}
Damit sollte dann der transparente Hintergrund bis zum Rahmen gehen.
Und das mit
#main {
background-image:url("../images/dornensplitter/70.png");
}
raus, das war Blödsinn.
Ist nicht schlimm. Vielleicht lag´s ja auch an mir.
Danke schön, das hat super geklappt.
Hallo liebe Comm,
wenn ich den Hintergrund transparent mache, habe ich das Problem, dass genau unter den Menübuttons ein Strich von links nach rechts geht. Wenn ich die Transparenz rausnehme, dann ist der Strich komischerweise verschwunden. Liegt es am Header bzw. Maincontainer oder am Mainmenü?
Hat jemand eine Idee? Ich bin schon am verzeifeln ...
https://www.woltlab.com/www.pixelhorde.de
Update: Ich habe es jetzt wie folgt behoben -> margin: 0px 0px 1px;
Gehe mal hier nach dem ersten Beitrag vor: http://wbbler.de/forum/b10-anle…inmenu/#post351
Danke Black Rider. Werde ich bei Gelegenheit auch mal testen.
Hallo liebe Comm,
wenn ich den Hintergrund transparent mache, habe ich das Problem, dass genau unter den Menübuttons ein Strich von links nach rechts geht. Wenn ich die Transparenz rausnehme, dann ist der Strich komischerweise verschwunden. Liegt es am Header bzw. Maincontainer oder am Mainmenü?
Hat jemand eine Idee? Ich bin schon am verzeifeln ...
https://www.woltlab.com/www.pixelhorde.de
Update: Ich habe es jetzt wie folgt behoben -> margin: 0px 0px 1px;
Ich möchte dieses alte Thema aufgreifen, weil ich gerade vor dieser Herausforderung stehe. Der Link "Zitat ... Gehe mal hier nach dem ersten Beitrag vor: http://wbbler.de/forum/b10-anleitungen-u…inmenu/#post351 ... funktioniert nicht mehr.
Über einen Lösungsansatz würde ich mich sehr freuen.
Man könnte meinen, du bist in der Vergangenheit.
WBBler.de gibt es gar nicht mehr.
Das ist mir bewusst. Es gibt hier viele fähige Köpfe und die sind gefragt.
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!