Lexi Help
Partner
www.forumieren.com

Hintergrundfarben halbtransparent machen

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Hintergrundfarben halbtransparent machen

Beitrag von derZ3 am Di 6 März 2012 - 20:34

Hab u.a dank Google schon herausgefunden, wie ich meinen Wrapper (Hintergrundfarben: Farbe des Rahmeninnenraums) durchsichtig (halbtransparent mache). Dies geschieht mittels halbtransparentem Gif. Nur das musste ich ins CSS schreiben:
Code:
#wrap{
background-color:transparent;
background-image: url('http://i48.servimg.com/u/f48/17/28/25/09/ht10.png');
background-repeat: repeat;
}

Leider hab ich noch ein "Problem", wo ich bis jetzt nicht weiter gekommen bin. Ich würde gerne die anderen Hintergrundfarben (Hintergrundfarbe 1, Hintergrundfarbe 2, Hintergrundfarbe 3) auch halbtransparent machen.

Wie muss ich diese im CSS ansprechen bzw. könnte ich den Code von euch bekommen?

Danke für die Mühen.

derZ3
Neuling
Neuling

Beiträge : 8
Anmeldedatum : 22.02.12

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Hintergrundfarben halbtransparent machen

Beitrag von LouiXIV am Di 6 März 2012 - 21:00

Da du ja den kompletten Hintergrund halbtransparent gemacht hast kannst du die Farben ganz weglassen.
Stell im Adminbereich einfach bei den Farben #transp ein.

LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Hinweis : kommt ab und zu aus dem OFF hervor
Anmeldedatum : 22.03.09

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Hintergrundfarben halbtransparent machen

Beitrag von derZ3 am Di 6 März 2012 - 21:04

@LouiXIV schrieb:Da du ja den kompletten Hintergrund halbtransparent gemacht hast kannst du die Farben ganz weglassen.
Stell im Adminbereich einfach bei den Farben #transp ein.

Hallo LouiXIV,

das hatte ich auch schon so stehen, gefällt mir aber nicht ganz so, da es ringsherum nur ein und dieselbe Farbe ist. Ich hätte gern von oben eine "zweite andersfarbige Schicht" durchschimmern.

Gruß derz3

derZ3
Neuling
Neuling

Beiträge : 8
Anmeldedatum : 22.02.12

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Hintergrundfarben halbtransparent machen

Beitrag von LouiXIV am Di 6 März 2012 - 21:07

Dann musst du das jeweils mit CSS machen.

Mach mal bitte einen Screenshot und markier die Bereiche, die du einfärben willst, dann kann ich mal gucken. Sind aber bestimmt ein paar viele Wink

Aber du kannst das auch selber. Mit dem Firefox Addon "Firebug" kannst du dir die einzelnen Elemente anschauen und sogar testweise ändern.

LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Hinweis : kommt ab und zu aus dem OFF hervor
Anmeldedatum : 22.03.09

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Hintergrundfarben halbtransparent machen

Beitrag von derZ3 am Di 6 März 2012 - 21:23

Ich schicke dir mal einen kleinen Ausschnitt aus dem Bild als PN zu. Im Prinzip hätte ich die mit den roten Pfeilen anvisierten "Orange Farben" gerne etwas durchlässig.

Wenn es nicht klappt schau ich mir dann mal das Firbug später noch an.

derZ3
Neuling
Neuling

Beiträge : 8
Anmeldedatum : 22.02.12

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Hintergrundfarben halbtransparent machen

Beitrag von LouiXIV am Di 6 März 2012 - 21:34

bitte nicht per PN.
Pack den Screenshot bitte hier rein.
Vielleicht hilft es auch anderen Usern, die das selbe Anliegen haben.

LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Hinweis : kommt ab und zu aus dem OFF hervor
Anmeldedatum : 22.03.09

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Hintergrundfarben halbtransparent machen

Beitrag von derZ3 am Di 6 März 2012 - 21:53

@LouiXIV schrieb:bitte nicht per PN.
Pack den Screenshot bitte hier rein.
Vielleicht hilft es auch anderen Usern, die das selbe Anliegen haben.

Okay hier der Ausschnitt aus dem Portal:
https://i48.servimg.com/u/f48/17/28/25/09/scr-sm10.jpg

Die markierten 3 orangenen Elemente sollen etwas durchlässig gemacht werden.
Hab vielen Dank im Voraus.

derZ3
Neuling
Neuling

Beiträge : 8
Anmeldedatum : 22.02.12

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Hintergrundfarben halbtransparent machen

Beitrag von LouiXIV am Mi 7 März 2012 - 9:50

Moin,

bin grad dazu gekommen mir das mal anzusehen. Die Bereiche solltest du mit folgendem Code ändern können:
Code:
.headerbar, .navbar, .module {
background-color:transparent;
background-image: url('http://i48.servimg.com/u/f48/17/28/25/09/ht10.png');
background-repeat: repeat;
}


Zuletzt von LouiXIV am Mi 7 März 2012 - 16:58 bearbeitet, insgesamt 1 mal bearbeitet

LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Hinweis : kommt ab und zu aus dem OFF hervor
Anmeldedatum : 22.03.09

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Hintergrundfarben halbtransparent machen

Beitrag von derZ3 am Mi 7 März 2012 - 15:15

Lieber LouiXIV,
deine blitzschnelle und gute Hilfe ist sehr lieb von dir. Vielen Dank dafür.

Nur nochmal zur Sicherheit: Ich kann da bestimmt die jeweiligen Bereiche auch unterschiedl. einzeln ansprechen (also jedes mit einem leicht unterschiedlichen Farbton) Also so in etwa in dier Form hier:
Code:
.headerbar{
background-color:transparent;
background-image: url('http://i48.servimg.com/u/f48/17/28/25/09/ht10.png');
background-repeat: repeat;
}
.navbar {
background-color:transparent;
background-image: url('http://i48.servimg.com/u/f48/17/28/25/09/yyy.yy');
background-repeat: repeat;
}
.module {
background-color:transparent;
background-image: url('http://i48.servimg.com/u/f48/17/28/25/09/xxx.xx');
background-repeat: repeat;
}

Müsste doch dann so in der Form richtig sein, oder?
Gruß derZ3

derZ3
Neuling
Neuling

Beiträge : 8
Anmeldedatum : 22.02.12

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Hintergrundfarben halbtransparent machen

Beitrag von LouiXIV am Mi 7 März 2012 - 16:43

ja, einzelnd oder zusammen durch Komma getrennt.
Wenn du aber den gleichen Hintergrund nutzen willst, warum dann die Mühe machen und alles doppelt und dreifach schreiben Wink

LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Hinweis : kommt ab und zu aus dem OFF hervor
Anmeldedatum : 22.03.09

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Hintergrundfarben halbtransparent machen

Beitrag von ForgottenAngel am Sa 31 März 2012 - 20:08

Hallo,

ich bin mal eben so frei das hier rein zu schreiben, weil ich mich jetzt schon seit einer Weile kaputtsuche mit dem transparenten Hintergrund.

Ich möchte die Farbe in meinen Rahmeninnenraum halbtransparent machen. Ich dachte der erste CSS Code wäre genau das, was ich brauche, aber das Bild, dass ich einfüge bleibt nicht transparent sondern wird zu einer deckenden Farbe.

Kann es sein, dass das bei phpBB2 nicht funktioniert mit dem halbtransparenten Rahmeninnenraum?

Bislang habe ich ein normales jpg als Bild für den Rahmeninnenraum, da ich es anders nicht hin bekommen habe.

Danke erstmal und derweil probiere ich weiter..

ForgottenAngel
Neuling
Neuling

Beiträge : 19
Anmeldedatum : 31.10.11

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Hintergrundfarben halbtransparent machen

Beitrag von Zuckerpuppe am So 1 Apr 2012 - 9:55

Hallo,
der obige Code ist für ein bb3 Forum, daher greift er bei dir nicht Wink

Ich habe das für bb2 Foren hier mal erklärt Smile

Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Hintergrundfarben halbtransparent machen

Beitrag von ForgottenAngel am So 1 Apr 2012 - 15:31

oh cool damit hat es endlich geklappt! mein css war zwar fast ähnlich, aber irgendwas hat wohl noch gefehlt. vllt lag es daran, dass ich statt transparent immer #transp geschrieben hab Question

vielen dank zuckerpuppe!

ForgottenAngel
Neuling
Neuling

Beiträge : 19
Anmeldedatum : 31.10.11

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten