Teammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» Style-Wechsel funktioniert nicht mehrvon Miho Heute um 22:34
» Profil in beiträgen nur im blog deaktivieren.
von derforumde Gestern um 16:54
» [Invision] Editor über den Bildrand ziehbar + Schriftgrößenproblem
von Skouliki Mi 20 Nov 2024 - 8:06
» Passwort für meinen Adminbereich vergessen.
von Joost Sa 9 Nov 2024 - 10:13
» [Invision] Signatur wird nicht immer eingefügt
von Skouliki Mo 4 Nov 2024 - 16:33
» [Invision] Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
von Skouliki So 27 Okt 2024 - 13:29
» [Invision] Transparent Logohintergrund/Struktur
von Joost So 27 Okt 2024 - 12:58
» png wird im servimg in ein jpg umgewandelt
von Skouliki Mi 23 Okt 2024 - 20:26
» Passwort Vergessen (SilentHowl)
von Joost Do 17 Okt 2024 - 17:14
» [Invision] Hintergrundbild fixieren
von Skouliki Mo 14 Okt 2024 - 11:30
» Paßwort vergessen
von Joost So 13 Okt 2024 - 17:58
» Anti-Spam-Prüfung
von Hana19 Sa 12 Okt 2024 - 16:59
» Private Nachrichten bleiben im Postausgang hängen
von Skouliki Fr 11 Okt 2024 - 11:11
» [phpBB3] Mittelteil des Forums verschoben
von Eto Mo 7 Okt 2024 - 20:50
» [phpBB3] Farbpalette ändern
von Skouliki Mo 7 Okt 2024 - 10:08
» [Klassische Version] Account löschen
von Joost Sa 5 Okt 2024 - 21:05
» Chatbox einloggen nicht möglich
von Joost So 29 Sep 2024 - 8:01
» [phpBB2] Admin Passwort nicht korrekt
von Joost Do 26 Sep 2024 - 19:20
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Alastor in [Invision] Transparent Logohintergrund/Struktur ( 2 )
» Beitrag von Agorass in Passwort für meinen Adminbereich vergessen.
( 2 )
» Beitrag von Keks in [phpBB2] Unterforen Nebeneinander
( 1 )
» Beitrag von Alastor in [Invision] Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
( 1 )
Hintergrundfarben halbtransparent machen
4 verfasser
Das Forum der Foren :: Hilfe und Unterstützung :: Aussehens des Forums anpassen :: Aussehen des Forums anpassen - Archiv
Seite 1 von 1 • Teilen
Hintergrundfarben halbtransparent machen
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:
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.
- 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- Lehrling
- Beiträge : 8
Anmeldedatum : 22.02.12
Re: Hintergrundfarben halbtransparent machen
Da du ja den kompletten Hintergrund halbtransparent gemacht hast kannst du die Farben ganz weglassen.
Stell im Adminbereich einfach bei den Farben #transp ein.
Stell im Adminbereich einfach bei den Farben #transp ein.
LouiXIV- Kaiser
- Beiträge : 5210
Anmeldedatum : 22.03.09
Re: Hintergrundfarben halbtransparent machen
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- Lehrling
- Beiträge : 8
Anmeldedatum : 22.02.12
Re: Hintergrundfarben halbtransparent machen
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
Aber du kannst das auch selber. Mit dem Firefox Addon "Firebug" kannst du dir die einzelnen Elemente anschauen und sogar testweise ändern.
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
Aber du kannst das auch selber. Mit dem Firefox Addon "Firebug" kannst du dir die einzelnen Elemente anschauen und sogar testweise ändern.
LouiXIV- Kaiser
- Beiträge : 5210
Anmeldedatum : 22.03.09
Re: Hintergrundfarben halbtransparent machen
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.
Wenn es nicht klappt schau ich mir dann mal das Firbug später noch an.
derZ3- Lehrling
- Beiträge : 8
Anmeldedatum : 22.02.12
Re: Hintergrundfarben halbtransparent machen
bitte nicht per PN.
Pack den Screenshot bitte hier rein.
Vielleicht hilft es auch anderen Usern, die das selbe Anliegen haben.
Pack den Screenshot bitte hier rein.
Vielleicht hilft es auch anderen Usern, die das selbe Anliegen haben.
LouiXIV- Kaiser
- Beiträge : 5210
Anmeldedatum : 22.03.09
Re: Hintergrundfarben halbtransparent machen
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://i.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- Lehrling
- Beiträge : 8
Anmeldedatum : 22.02.12
Re: Hintergrundfarben halbtransparent machen
Moin,
bin grad dazu gekommen mir das mal anzusehen. Die Bereiche solltest du mit folgendem Code ändern können:
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
- Beiträge : 5210
Anmeldedatum : 22.03.09
Re: Hintergrundfarben halbtransparent machen
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:
Müsste doch dann so in der Form richtig sein, oder?
Gruß derZ3
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- Lehrling
- Beiträge : 8
Anmeldedatum : 22.02.12
Re: Hintergrundfarben halbtransparent machen
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
Wenn du aber den gleichen Hintergrund nutzen willst, warum dann die Mühe machen und alles doppelt und dreifach schreiben
LouiXIV- Kaiser
- Beiträge : 5210
Anmeldedatum : 22.03.09
Re: Hintergrundfarben halbtransparent machen
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..
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- Lehrling
- Beiträge : 19
Anmeldedatum : 31.10.11
Re: Hintergrundfarben halbtransparent machen
Hallo,
der obige Code ist für ein bb3 Forum, daher greift er bei dir nicht
Ich habe das für bb2 Foren hier mal erklärt
der obige Code ist für ein bb3 Forum, daher greift er bei dir nicht
Ich habe das für bb2 Foren hier mal erklärt
Zuckerpuppe- Admin a.D.
- Beiträge : 19539
Anmeldedatum : 24.04.08
Re: Hintergrundfarben halbtransparent machen
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
vielen dank zuckerpuppe!
vielen dank zuckerpuppe!
ForgottenAngel- Lehrling
- Beiträge : 19
Anmeldedatum : 31.10.11
Das Forum der Foren :: Hilfe und Unterstützung :: Aussehens des Forums anpassen :: Aussehen des Forums anpassen - Archiv
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten