Background Image Forum/ und Portal

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Benutzeravatar
Aon
Mitglied
Beiträge: 53
Registriert: 16.11.2013 10:55
Kontaktdaten:

Background Image Forum/ und Portal

Beitrag von Aon »

Guten Tag Community,

Das eine ist gelöst und schon kommt das nächste angerannt.

Problem/ Ziel: Ich möchte auf dem Portal ein Hintergrundbild anzeigen lassen dass sich Horizontal wiederholt (Modul: board3 Portal). Gleichzeitig soll es auch als Background-Image als Forenhintergrund altiv sein.

Darüber hinaus versuche ich herauszufinden, wie man das Forum und die Portalmodule "Transparent" macht, also fast durchsichtig (graduell), so dass das Hintergrundbild durchschimmert.

Für Lösungswege bin ich vorab dankbar.

Gez. Aon

Betrifft: http://xnw.so/Forum/portal.php und http://xnw.so/Forum/index.php
Forenstyle: Subsilver 2 und Dark FX von phpbh.com
Es ist besser keine Ahnung zu haben um mit der Hilfe anderer eine Ahnung zu bekommen.

Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 8150
Registriert: 24.05.2010 08:31
Kontaktdaten:

Re: Background Image Forum/ und Portal

Beitrag von Kirk »

Hallo
Für ein Hintergrund Bild musst du bei subsilver2 die stylesheet.css bearbeiten, und zwar hier:

Code: Alles auswählen

body {
Der Hintergrund bei den Modulen ist bei subsilver2 hier geregelt:

Code: Alles auswählen

.row1 {
	background-color: #ECECEC;
	padding: 4px;
}
und bei

Code: Alles auswählen

.tablebg {
    background-color: #A9B8C2;
Ersetze die Farbnummer durch das hier: transparent

Der andere Style basiert auf prosilver, dort ist es für die seitliche Blöcke hier:

Code: Alles auswählen

ul.forums {
    background-color: #EEF5F9;
    background-image: url("./styles/prosilver/theme/images/gradient.gif");
und für die mittleren hier geregelt:
.bg1 { und .bg2 {
Das sich das Bild Horizontal wiederholt , lies dir mal das hier durch: Hintergrund wiederholen: background-repeat
Benutzeravatar
Aon
Mitglied
Beiträge: 53
Registriert: 16.11.2013 10:55
Kontaktdaten:

Re: Background Image Forum/ und Portal

Beitrag von Aon »

body {
<img src="http://xnw.so/onewebmedia/Wow_landscape_wallpaper.jpg">
tablebg {
background-color: transparent;
.row1 {
background-color: transparent;
padding: 4px;

Habe auch die Cache danach geleert, aber irgendwo liegt nun das Problem :-), denn die Änderungen brachten leider nicht das gewünschte Ergebnis.
Es ist besser keine Ahnung zu haben um mit der Hilfe anderer eine Ahnung zu bekommen.
Benutzeravatar
Miriam
Mitglied
Beiträge: 12310
Registriert: 13.10.2004 07:18
Kontaktdaten:

Re: Background Image Forum/ und Portal

Beitrag von Miriam »

Wo hast Du diesen Codeansatz denn her? ->

Code: Alles auswählen

body {
<img src="http://xnw.so/onewebmedia/Wow_landscape_wallpaper.jpg"> 
Im Beispiel sieht das so aus ->

Code: Alles auswählen

ul.forums {
    background-image: url("./styles/prosilver/theme/images/gradient.gif");
Gruss, Miriam.
Ich schmeiß' alles hin und...
... lasse es liegen
Benutzeravatar
Aon
Mitglied
Beiträge: 53
Registriert: 16.11.2013 10:55
Kontaktdaten:

Re: Background Image Forum/ und Portal

Beitrag von Aon »

Das u1 finde ich in keines der Stylesheets oder ich bin Blind und übersehe das.

Das ich das Image direkt unter body { gesetzt hatte hatte ich aus der Praxis dass man dies bei HTMl so anwendet um ein Image zu platzieren. Ob dass für CSS auch zutrifft entspringt meiner geringen CSS Kenntnissen.

<img src="Bildquelle"> ist meines Erachtens der Befehl an Stylesheet, die Datei vom Server zu verwenden wenn diese Datei im angegebenen Pfad vorhanden ist. Oder gelten HTML Befehle nicht für CSS?
Zuletzt geändert von Aon am 08.02.2014 17:54, insgesamt 1-mal geändert.
Es ist besser keine Ahnung zu haben um mit der Hilfe anderer eine Ahnung zu bekommen.
Benutzeravatar
Miriam
Mitglied
Beiträge: 12310
Registriert: 13.10.2004 07:18
Kontaktdaten:

Re: Background Image Forum/ und Portal

Beitrag von Miriam »

Gruss, Miriam.
Ich schmeiß' alles hin und...
... lasse es liegen
Benutzeravatar
Aon
Mitglied
Beiträge: 53
Registriert: 16.11.2013 10:55
Kontaktdaten:

Re: Background Image Forum/ und Portal

Beitrag von Aon »

Miriam hat geschrieben:Ist G00gle kaputt?

http://www.w3schools.com/css/css_background.asp
Ne Google funktioniert einwandfrei, allerdings gibt es soviele Ergebnisse und alle sagen etwas anderes. Da weiß man am Ende nicht was nun zutreffend ist und was nicht. Bei CSS bin ich vorsichtig, auch wenn ich regelmäßig BackUps mache. Ein Fehler und man zerschießt die Datei und muss diese aus der BackUp wiederherstellen. Das kostet mehr Zeit als der Aufwand für das Ziel eigentlich benötigt :-)

Deshalb verlasse ich mich da voll und ganz auf Euch.
Es ist besser keine Ahnung zu haben um mit der Hilfe anderer eine Ahnung zu bekommen.
Benutzeravatar
Miriam
Mitglied
Beiträge: 12310
Registriert: 13.10.2004 07:18
Kontaktdaten:

Re: Background Image Forum/ und Portal

Beitrag von Miriam »

...und verprasst unsere Zeit. Toll!

Was hast Du also gefunden, als Du dem Link gefolgt bist?
Gruss, Miriam.
Ich schmeiß' alles hin und...
... lasse es liegen
Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 8150
Registriert: 24.05.2010 08:31
Kontaktdaten:

Re: Background Image Forum/ und Portal

Beitrag von Kirk »

So eine css Datei ist schnell ersetzt wenn man eine Sicherung hat. :wink:
Beachte auch das du 2 verschiedene Styles hast, und nichts verwechselst.
Es gibt auch noch das Addon Firebug für den FF, da kann sowas ausprobieren ohne das sich an der css Datei
selbst was ändert.
Benutzeravatar
Aon
Mitglied
Beiträge: 53
Registriert: 16.11.2013 10:55
Kontaktdaten:

Re: Background Image Forum/ und Portal

Beitrag von Aon »

Das Probelm mit den Stylesheets ist der (vergessen zu erwähnen), ich habe in allen Themes die Stylesheets angeschaut, nur beim Subsilver2 kann ich Änderungen vornehmen, bei allen anderen nicht.
Da stehen lediglich Informationen zum Style selbst, aber keinerlei Befehle wie im Subsilver2.

Ich vermute stark dass es daran liegt dass Subsilver das Hautpstyle für den gesamten Internetauftritt ist und alle Änderungen ausschließlich über Subsilver2 zu machen sind.
Es ist besser keine Ahnung zu haben um mit der Hilfe anderer eine Ahnung zu bekommen.
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“