Teammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» Anti-Spam-Prüfung bei Mitgliedernvon Skouliki Do 9 Mai 2024 - 12:02
» Die Heidekriger (WaCa) mit Punktesystem
von Rama So 21 Apr 2024 - 20:44
» Forum löschen, Probleme mit Gründeraccount
von Skouliki Di 9 Apr 2024 - 14:03
» [AwsomeBB] LogIn Farbe Weiß auf weiß
von Skouliki Sa 30 März 2024 - 21:14
» kann man noch Blogs hier erstellen?
von Joost Mi 27 März 2024 - 18:40
» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54
» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48
» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44
» Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03
» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41
» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38
» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07
» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51
» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50
» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33
» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53
» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52
» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Black Heaven in Anti-Spam-Prüfung bei Mitgliedern ( 1 )
» Beitrag von Skouliki in Anti-Spam-Prüfung bei Mitgliedern
( 1 )
Hintergründe halbtransparent
4 verfasser
Seite 1 von 1 • Teilen
Hintergründe halbtransparent
Hallo liebe Leute,
ich habe eine Frage die in folgendem Thread bereits behandelt wird: https://hilfe.forumieren.com/t31648-hintergrundfarben-halbtransparent-machen?highlight=halbtransparent
leider kann man dort ncihts mehr schreiben, weshalb ich ein neues thema eröffne.
ich möchte ebenfalls die hintergründe 1, 2, 3 bzw die Rahmeninnenräume in halbtransparenz haben. Da ich punBB nutze, gehe ich ahnungsloserweise mal davon aus, dass die im o.g. Thread angegebenen Codes nicht funktionieren werden.
Kann mir jemand helfen? Ich habe leider zu wenig erfahrung im Umgang mit den CSS stylesheets
mfg,
carpe.
http://g-n-o.forumieren.net
ich habe eine Frage die in folgendem Thread bereits behandelt wird: https://hilfe.forumieren.com/t31648-hintergrundfarben-halbtransparent-machen?highlight=halbtransparent
leider kann man dort ncihts mehr schreiben, weshalb ich ein neues thema eröffne.
ich möchte ebenfalls die hintergründe 1, 2, 3 bzw die Rahmeninnenräume in halbtransparenz haben. Da ich punBB nutze, gehe ich ahnungsloserweise mal davon aus, dass die im o.g. Thread angegebenen Codes nicht funktionieren werden.
Kann mir jemand helfen? Ich habe leider zu wenig erfahrung im Umgang mit den CSS stylesheets
mfg,
carpe.
http://g-n-o.forumieren.net
Carpe_Diem1985- Lehrling
- Beiträge : 11
Anmeldedatum : 04.08.13
Re: Hintergründe halbtransparent
Hast du es denn auch mit dem Farbcode:
#transp
versucht?
Einfach bei den Farben eingeben
#transp
versucht?
Einfach bei den Farben eingeben
Annikem- Geselle
- Beiträge : 127
Anmeldedatum : 12.05.12
Re: Hintergründe halbtransparent
jap,
gleich als erstes.
allerdings ist es dann komplett durchsichtig und ich bekomme durch mein Hintergrundbild Probleme mit der Schrift.
Deswegen möchte ich es gerne halbtransparent haben.
Im teil über der Tabelle habe ich es hinbekommen durch ein halbtransparentes Bild. Aber der Inhalt ist halt immernoch nciht halbtransparent.
Ich habe schon so viel erfahren, dass ich es über ein CSS Stylesheet machen muss...nur wie??
gleich als erstes.
allerdings ist es dann komplett durchsichtig und ich bekomme durch mein Hintergrundbild Probleme mit der Schrift.
Deswegen möchte ich es gerne halbtransparent haben.
Im teil über der Tabelle habe ich es hinbekommen durch ein halbtransparentes Bild. Aber der Inhalt ist halt immernoch nciht halbtransparent.
Ich habe schon so viel erfahren, dass ich es über ein CSS Stylesheet machen muss...nur wie??
Carpe_Diem1985- Lehrling
- Beiträge : 11
Anmeldedatum : 04.08.13
Re: Hintergründe halbtransparent
Du brauchst die Stelle im CSS-Sheet, die den "Hintergund" deffiniert und dann musst du dort einfach nur zu den dortigen Angaben
Damit hast du dann ne Transparenz von 50%.
Nur kann ich dir jetzt nicht sagen, welche Divs du ansprechen musst.
Vielleicht .main oder .forumline?
- Code:
opacity: 0.5;
filter:Alpha(Opacity=50);
Damit hast du dann ne Transparenz von 50%.
Nur kann ich dir jetzt nicht sagen, welche Divs du ansprechen musst.
Vielleicht .main oder .forumline?
J.A.R.V.I.S.- Geselle
- Beiträge : 117
Anmeldedatum : 21.05.13
Re: Hintergründe halbtransparent
hey.
Danke für deine Antwort.
Leider finde ich die richtige Stelle nicht. Habe nun hin und her probiert. Auch mit images. Es will net klappen...
Vielleicht finde ich auch einfach die richtige Stelle im original sheet nicht!?!?!? diese muss ich doch dann nur verändert speichern oder?
Danke für deine Antwort.
Leider finde ich die richtige Stelle nicht. Habe nun hin und her probiert. Auch mit images. Es will net klappen...
Vielleicht finde ich auch einfach die richtige Stelle im original sheet nicht!?!?!? diese muss ich doch dann nur verändert speichern oder?
Carpe_Diem1985- Lehrling
- Beiträge : 11
Anmeldedatum : 04.08.13
Re: Hintergründe halbtransparent
Moin moin.
Ich hab leider keine Ahnung, wie das beim PunBB ausschaut.
Also wo da wie die Sheets abgelegt werden.
beim phpbb2 geht man über Anzeige / Farbe / CSS-Sheet und sucht sich dort die entsprechende Stelle raus.
Wenn du nicht weiß, welche Stelle im Sheet es ist:
du hast den "Vorteil", dass du die Farbe zumindest von dem Bereich kennst - Schwarz. Also #000000
Schaue einfach mal bei den Stellen wo
Aber pass auf, dass die Einfügung vor der geschlossenen geschweiften Klammer auch ist. (Also vor } )
Sonst wird die "Formatierung" nicht ausgelesen.
Und dann eben Try and Error, bis es passt. ^_^
Ich hab leider keine Ahnung, wie das beim PunBB ausschaut.
Also wo da wie die Sheets abgelegt werden.
beim phpbb2 geht man über Anzeige / Farbe / CSS-Sheet und sucht sich dort die entsprechende Stelle raus.
Wenn du nicht weiß, welche Stelle im Sheet es ist:
du hast den "Vorteil", dass du die Farbe zumindest von dem Bereich kennst - Schwarz. Also #000000
Schaue einfach mal bei den Stellen wo
- Code:
background: #000000;
Aber pass auf, dass die Einfügung vor der geschlossenen geschweiften Klammer auch ist. (Also vor } )
Sonst wird die "Formatierung" nicht ausgelesen.
Und dann eben Try and Error, bis es passt. ^_^
J.A.R.V.I.S.- Geselle
- Beiträge : 117
Anmeldedatum : 21.05.13
Re: Hintergründe halbtransparent
da werde ich dann aber Laaaaaaaaange suchen dürfen. Das kommt sehr sehr häufig im stylesheet vor.
ich habe da jetzt folgende Stelle gefunden und dort dann "opacity...tra la la" eingefügt...
Was nun in der Tabelle passiert ist, dass die schrift halbdurchlässig wird. nicht aber der Hintergrund... Ich verzweifele bald
ich habe da jetzt folgende Stelle gefunden und dort dann "opacity...tra la la" eingefügt...
- Code:
.pun table.table th {
padding: 0.5em 0;
border-style: none;
border-color: #000000;
background-color: #000000;
opacity: 0.5;
filter:Alpha(Opacity=50);
color: #d7d8d9;
}
.pun table.table td {
padding: 0.6em 0 0.7em;
border-width: 1px;
border-style: solid none none solid;
line-height: 130%;
background-color: #000000;
opacity: 0.5;
filter:Alpha(Opacity=50);
border-color: #000000;
}
Was nun in der Tabelle passiert ist, dass die schrift halbdurchlässig wird. nicht aber der Hintergrund... Ich verzweifele bald
Carpe_Diem1985- Lehrling
- Beiträge : 11
Anmeldedatum : 04.08.13
Re: Hintergründe halbtransparent
Ich möchte hier nur mal einwerfen, das diese Methode nicht zum Ziel führt.
Hast du schon mal in der Suche "Transparent" eingegeben.
Du gehst die Sache hier falsch an, weil du versuchst hier die Hintergrundfarbe über den opacity Befehl durchscheinen zu lassen.
Das ist aber der falsche Weg.
Du solltest, auch in hinsicht auf die Kompatibilität, hier die Hintergrundfarben entfernen und dafür Transparente Grafiken benutzen.
Wie man damit arbeitet, ist in Grundzügen in den Themen erklärt, die du dazu mit der Suche findest.
Desweiterem würde ich dir empfehlen, das du dich mal mit dem Firefox AddOn Firebug vertraut machst. Damit ist es ein leichtes die entsprechenden Classen zu identifizieren und deine CSS Codes entsprechend anzupassen.
Schau dir die Sache mit den Transparenten Grafiken mal an und versuche den Weg mal. In den Beiträgen werden auch links zu solchen durchseihenden Grafiken genannt.
Sollten dir diese nicht Zusagen oder ausreichen, dann kannst du auch solche Grafiken im Grafikbereich hier bei uns bestellen.
Eine solche Grafik muss auch nicht sehr groß sein (es reicht da eine Größe von 20x20 px), sodas diese auch bei den Ladezeiten nicht groß ins Gewicht fallen.
Hast du schon mal in der Suche "Transparent" eingegeben.
Du gehst die Sache hier falsch an, weil du versuchst hier die Hintergrundfarbe über den opacity Befehl durchscheinen zu lassen.
Das ist aber der falsche Weg.
Du solltest, auch in hinsicht auf die Kompatibilität, hier die Hintergrundfarben entfernen und dafür Transparente Grafiken benutzen.
Wie man damit arbeitet, ist in Grundzügen in den Themen erklärt, die du dazu mit der Suche findest.
Desweiterem würde ich dir empfehlen, das du dich mal mit dem Firefox AddOn Firebug vertraut machst. Damit ist es ein leichtes die entsprechenden Classen zu identifizieren und deine CSS Codes entsprechend anzupassen.
Schau dir die Sache mit den Transparenten Grafiken mal an und versuche den Weg mal. In den Beiträgen werden auch links zu solchen durchseihenden Grafiken genannt.
Sollten dir diese nicht Zusagen oder ausreichen, dann kannst du auch solche Grafiken im Grafikbereich hier bei uns bestellen.
Eine solche Grafik muss auch nicht sehr groß sein (es reicht da eine Größe von 20x20 px), sodas diese auch bei den Ladezeiten nicht groß ins Gewicht fallen.
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: Hintergründe halbtransparent
hallo Frank.
Die suche habe ich benutzt jedoch fand ich kaum was zum thema für punBB. Hauptsächlich phpBB (was mir persönlich eh besser gefällt- das aber ist nicht meine entscheidung )
ich schaue mir das mit den Grafiken nochmal an und gebe dann Rückmeldung.
mfg,
Carpe.
ps.: firebug habe ich mir gleich als erstes runter geladen, nachdem ich hier im Forum irgendwo davon gelesen hatte. Das Problem ist, dass mir diesbezüglich einfach jegliche Grundlagen fehlen und ich mir alles via probieren erarbeite...deswegen habe ich ja diesen Thread hier eröffnet- in der Hoffnung auf hilfe. Nur diese gebe ich so ganz langsam auf...
Die suche habe ich benutzt jedoch fand ich kaum was zum thema für punBB. Hauptsächlich phpBB (was mir persönlich eh besser gefällt- das aber ist nicht meine entscheidung )
ich schaue mir das mit den Grafiken nochmal an und gebe dann Rückmeldung.
mfg,
Carpe.
ps.: firebug habe ich mir gleich als erstes runter geladen, nachdem ich hier im Forum irgendwo davon gelesen hatte. Das Problem ist, dass mir diesbezüglich einfach jegliche Grundlagen fehlen und ich mir alles via probieren erarbeite...deswegen habe ich ja diesen Thread hier eröffnet- in der Hoffnung auf hilfe. Nur diese gebe ich so ganz langsam auf...
Carpe_Diem1985- Lehrling
- Beiträge : 11
Anmeldedatum : 04.08.13
Re: Hintergründe halbtransparent
Das Problem ist ja, das die Bereiche, die du so gestallten möchtest, nicht nur eine Class betreffen.
Die jetzt alle rauszusuchen und die hier Schritt für Schritt einzusetzen würde leider hier den Rahmen sprengen.
Es würde bei der Häufigkeit die du und einer der dir helfen könnte online ist, Tage dauern.
Und das ist das Problem.
Da die PunBB Version recht wenig genutzt wird, ist es auch nicht so einfach das mal ebend aus dem Ärmel zu schütteln.
Und wenn du dann auch noch auf die Falsche Spur geschickt wirst, dann ist es doppelt kompliziert, dir einfach zu helfen.
Nicht das du denkst, das dir keiner helfen will, aber da deine Änderung etwas umfangreich ist, würde sich das über Tage ziehen.
Wenn man daran direkt Arbeiten würde, würde ich sagen das man in einer Stunde alles umstellen kann, wenn man verstanden hat um was es geht und wie man die entsprechenden Classen mit Firebug findet.
Leider fehlt mir z.B. im Moment die Zeit das alles von außen in deinem Forum rauszusuchen. Und dann wird man wahrscheinlich auch nicht drum herum kommen auch noch das eine oder andere in den Templates zu ändern, wenn man ein optimales Ergebnis haben möchte.
Was du eventuell noch machen könntest, ist dir bei einen Style zu suchen, der für deine Version schon eine Transparenz mitbringt, die man dann eventuell noch von den Farben her anpassen kann.
Das könnte einfacher sein, als das man alles neu erstellt.
Die jetzt alle rauszusuchen und die hier Schritt für Schritt einzusetzen würde leider hier den Rahmen sprengen.
Es würde bei der Häufigkeit die du und einer der dir helfen könnte online ist, Tage dauern.
Und das ist das Problem.
Da die PunBB Version recht wenig genutzt wird, ist es auch nicht so einfach das mal ebend aus dem Ärmel zu schütteln.
Und wenn du dann auch noch auf die Falsche Spur geschickt wirst, dann ist es doppelt kompliziert, dir einfach zu helfen.
Nicht das du denkst, das dir keiner helfen will, aber da deine Änderung etwas umfangreich ist, würde sich das über Tage ziehen.
Wenn man daran direkt Arbeiten würde, würde ich sagen das man in einer Stunde alles umstellen kann, wenn man verstanden hat um was es geht und wie man die entsprechenden Classen mit Firebug findet.
Leider fehlt mir z.B. im Moment die Zeit das alles von außen in deinem Forum rauszusuchen. Und dann wird man wahrscheinlich auch nicht drum herum kommen auch noch das eine oder andere in den Templates zu ändern, wenn man ein optimales Ergebnis haben möchte.
Was du eventuell noch machen könntest, ist dir bei einen Style zu suchen, der für deine Version schon eine Transparenz mitbringt, die man dann eventuell noch von den Farben her anpassen kann.
Das könnte einfacher sein, als das man alles neu erstellt.
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: Hintergründe halbtransparent
Hallo Frank,
also auf der richtigen spur scheine ich zu sein.
nun ändert sich allerdings nur der Tabellenkopf.
was ich noch sehr verwirrend finde:
suche ich mir mit firebug die einzelenen Tabellenzellen (td) raus dann finde ich folgenden code:
wenn ich dort nun alles rausschmeiße und es so schreibe:
EDITDann passiert es, dass mir die erste und die letze Spalte transparent angezeigt wird, jedoch nicht die zweite und dritte...hinzu kommt, dass es auch dunkler ist wie der Tabellenkopf.
das komplette sheet sieht nun so aus:
Zur veranschaulichung habe ich mal nen Scrennshot beigefügt:
https://i.servimg.com/u/f39/18/45/88/66/gno_fo11.png
ich hoffe ich komme der Geschichte langsam näher :S
also auf der richtigen spur scheine ich zu sein.
- Code:
.pun .main-content {
background-color: transparent;
background-image: url("http://i48.servimg.com/u/f48/17/28/25/09/ht10.png");
background-repeat: repeat;
}
nun ändert sich allerdings nur der Tabellenkopf.
was ich noch sehr verwirrend finde:
suche ich mir mit firebug die einzelenen Tabellenzellen (td) raus dann finde ich folgenden code:
- Code:
.pun table.table td {
background-color: #000000;
border-color: #000000;
border-style: solid none none solid;
border-width: 1px;
line-height: 130%;
padding: 0.6em 0 0.7em;
}
wenn ich dort nun alles rausschmeiße und es so schreibe:
- Code:
.pun table.table td {
background-color: transparent;
background-image: url("http://i48.servimg.com/u/f48/17/28/25/09/ht10.png");
background-repeat: repeat;
}
EDITDann passiert es, dass mir die erste und die letze Spalte transparent angezeigt wird, jedoch nicht die zweite und dritte...hinzu kommt, dass es auch dunkler ist wie der Tabellenkopf.
das komplette sheet sieht nun so aus:
- Code:
.pun .main-content {
background-color: transparent;
background-image: url("http://i48.servimg.com/u/f48/17/28/25/09/ht10.png");
background-repeat: repeat;
}
.pun table.table td {
background-color: transparent;
background-image: url("http://i48.servimg.com/u/f48/17/28/25/09/ht10.png");
background-repeat: repeat;
}
Zur veranschaulichung habe ich mal nen Scrennshot beigefügt:
https://i.servimg.com/u/f39/18/45/88/66/gno_fo11.png
ich hoffe ich komme der Geschichte langsam näher :S
Carpe_Diem1985- Lehrling
- Beiträge : 11
Anmeldedatum : 04.08.13
Ähnliche Themen
» Halbtransparent...
» Hintergrundfarben halbtransparent machen
» Hintergrund farbig transparent / halbtransparent
» Hintergrund / Hintergründe / HG
» Neue Hintergründe
» Hintergrundfarben halbtransparent machen
» Hintergrund farbig transparent / halbtransparent
» Hintergrund / Hintergründe / HG
» Neue Hintergründe
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten