Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Neueste Themen
» Das Plauderforum ist zurück!
von derforumde Heute um 0:42

» Style-Wechsel funktioniert nicht mehr
von Miho Gestern um 22:34

» Profil in beiträgen nur im blog deaktivieren.
von derforumde Sa 23 Nov 2024 - 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

Hintergrundfarben halbtransparent machen

4 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Hintergrundfarben halbtransparent machen Empty Hintergrundfarben halbtransparent machen

Beitrag von derZ3 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.
avatar
derZ3
Lehrling
Lehrling

Beiträge : 8
Anmeldedatum : 22.02.12
keine
phpBB3

Nach oben Nach unten

Hintergrundfarben halbtransparent machen Empty Re: Hintergrundfarben halbtransparent machen

Beitrag von LouiXIV 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
LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Anmeldedatum : 22.03.09
keine
Google Chrome ModernBB

Nach oben Nach unten

Hintergrundfarben halbtransparent machen Empty Re: Hintergrundfarben halbtransparent machen

Beitrag von derZ3 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
avatar
derZ3
Lehrling
Lehrling

Beiträge : 8
Anmeldedatum : 22.02.12
keine
phpBB3

Nach oben Nach unten

Hintergrundfarben halbtransparent machen Empty Re: Hintergrundfarben halbtransparent machen

Beitrag von LouiXIV 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
LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Anmeldedatum : 22.03.09
keine
Google Chrome ModernBB

Nach oben Nach unten

Hintergrundfarben halbtransparent machen Empty Re: Hintergrundfarben halbtransparent machen

Beitrag von derZ3 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.
avatar
derZ3
Lehrling
Lehrling

Beiträge : 8
Anmeldedatum : 22.02.12
keine
phpBB3

Nach oben Nach unten

Hintergrundfarben halbtransparent machen Empty Re: Hintergrundfarben halbtransparent machen

Beitrag von LouiXIV 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
LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Anmeldedatum : 22.03.09
keine
Google Chrome ModernBB

Nach oben Nach unten

Hintergrundfarben halbtransparent machen Empty Re: Hintergrundfarben halbtransparent machen

Beitrag von derZ3 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://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.
avatar
derZ3
Lehrling
Lehrling

Beiträge : 8
Anmeldedatum : 22.02.12
keine
phpBB3

Nach oben Nach unten

Hintergrundfarben halbtransparent machen Empty Re: Hintergrundfarben halbtransparent machen

Beitrag von LouiXIV 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
LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Anmeldedatum : 22.03.09
keine
Google Chrome ModernBB

Nach oben Nach unten

Hintergrundfarben halbtransparent machen Empty Re: Hintergrundfarben halbtransparent machen

Beitrag von derZ3 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
avatar
derZ3
Lehrling
Lehrling

Beiträge : 8
Anmeldedatum : 22.02.12
keine
phpBB3

Nach oben Nach unten

Hintergrundfarben halbtransparent machen Empty Re: Hintergrundfarben halbtransparent machen

Beitrag von LouiXIV 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
LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Anmeldedatum : 22.03.09
keine
Google Chrome ModernBB

Nach oben Nach unten

Hintergrundfarben halbtransparent machen Empty Re: Hintergrundfarben halbtransparent machen

Beitrag von ForgottenAngel 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..
avatar
ForgottenAngel
Lehrling
Lehrling

Beiträge : 19
Anmeldedatum : 31.10.11
keine
phpBB2

Nach oben Nach unten

Hintergrundfarben halbtransparent machen Empty Re: Hintergrundfarben halbtransparent machen

Beitrag von Zuckerpuppe 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
Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19539
Anmeldedatum : 24.04.08
keine
phpBB3

Nach oben Nach unten

Hintergrundfarben halbtransparent machen Empty Re: Hintergrundfarben halbtransparent machen

Beitrag von ForgottenAngel 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!
avatar
ForgottenAngel
Lehrling
Lehrling

Beiträge : 19
Anmeldedatum : 31.10.11
keine
phpBB2

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

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