Seite 1 von 2

Prosilver Hintergrundgrafik u.BG3

Verfasst: 08.07.2011 12:17
von Tanja64
Hallo,

ich versuche derzeit in das Style Prosilver eine Hintergrundgrafik einzufügen, damit das Forum zur Hauptseite passt.
Die Grafik scheint auch angelegt, aber sie ist im Forum nur unter dem Header sichtbar.
http://anti.nmda.das-weibernest.de/phpBB3/index.php

eigentlich sollte die Grafik so sein:
http://nmda.haasenland.de/Joomla/

Kann mir jemand sagen, wo der Fehler liegt?

Ferner würde ich gerne über das Feld BG3 einen Farb'kasten' setzen...damit es der Hauptseite angepasst ist.
Wo finde ich, in welchen Größen ich dazu eine Grafik anlegen muss?

Vielen Dank schonmal im voraus.

Re: Prosilver Hintergrundgrafik u.BG3

Verfasst: 08.07.2011 13:36
von Metzle
Hallo,

wie hast du denn die Grafik eingebunden?
Du musst sie im kompletten Body-Bereich der Seite integrieren und nicht nur im Header.

Re: Prosilver Hintergrundgrafik u.BG3

Verfasst: 08.07.2011 13:50
von Tanja64
Hallo,

ich habe in der colour.css
html, body {
background-image: url("./styles/prosilver/theme/images/Page-BgGradient.jpg");
background-repeat: repeat-x;
color: #B22222;
}
eingefügt...
die Grafik ist ja zur Hälfte auch sichtbar... :-?

Re: Prosilver Hintergrundgrafik u.BG3

Verfasst: 08.07.2011 14:09
von Metzle
Hallo,

versuche es mal noch in der common.css von prosilver, ob es damit dann komplett sichtbar wird bzw noch mit einem background-repeat.

Re: Prosilver Hintergrundgrafik u.BG3

Verfasst: 08.07.2011 14:37
von Tanja64
Hallo,

in die common.css hab ich jetzt eingefügt...ändert leider nichts...
den background-repeat hatte ich vorab mal eingegeben...(du meinst doch repeat ohne x, oder?) dann sieht man über das ganze Forum die Grafik...aber eben nur den oberen Teil mehrfach wiederholt... :(

Re: Prosilver Hintergrundgrafik u.BG3

Verfasst: 08.07.2011 15:48
von 7emper5i
Hallo Tanja,

das ist in phpBB nicht so einfach, es sei denn du nimmst dir ein wenig Zeit.

In joomla ist der Hintergrund in deinem Beispiel im Gegensatz zu phpBB zweigeteilt. Einmal der reine Headerbereich, in welchem du die Hintergrundgraphik:

http://nmda.haasenland.de/Joomla/templa ... adient.jpg findest.

diese ist folgendermaßen angegeben:

Code: Alles auswählen

.PageBackgroundGradient
{
	position: absolute;
	background-image: url('../images/Page-BgGradient.jpg');
	background-repeat: repeat-x;
	top:0;
	width:100%;
	height: 250px;
}
Im untergeordneten Bereich deiner Homepage findest du den generellen Hintergrund, welcher allem unterliegt, und das ist dieses kleine Viereck:

http://nmda.haasenland.de/Joomla/templa ... exture.jpg

Code: Alles auswählen

body
{
	margin: 0 auto;
	padding: 0;
	background-color: #FDE8C3;
	background-image: url('../images/Page-BgTexture.jpg');
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: top left;
}
An body { ..} erkennst du, dass es sich hierbei um den wirklichen Hintergrund handelt.

Im standard-Prosilver ist der Hintergrund durchgehend und der Inhalt eingerückt. Somit siehst du meistens durchgehende Hintergründe.
Was für dich nun funktionieren würde, wären zwei Optionen, das erste ist ein unicolor-Background in hellem Gelb, in welchen du die Page-BgGradient.jpg nach unten einfadest, oder aber du musst deine overall_header.html neu schreiben. Das wiederrum kann in Zukunft bei weiteren Modeinbauten für dich zu Problemen führen, wenn du mit TryAndError lernst.

PS: denk dran, erfolglose Änderungen wieder zurückzusetzen, andernfalls schleichen sich sonst auf Dauer mehr und mehr Fehler ein.

Viel Erfolg,
Gruß

Re: Prosilver Hintergrundgrafik u.BG3

Verfasst: 08.07.2011 22:54
von Talk19zehn
Hello Tanja64, nur eine weitere Idee..... --> *was geschieht, wenn du in der colour.css unter html,body das Hintergrundbild und repeat-x belässt und in der common.css in der Klasse body die background-color: #ffffff
auf #FDE2B7 = **unterer Farbwert der Grafik (**laut Hilfsmittel Paint.net) änderst?

*Beachte in Folge bitte ggf. Hintergrundfarbe des "PN-Popups", der persönlichen Bereiche, des Smiley-Fensters etc.. Bin mir nicht ganz sicher, ob es an allen Stellen klappt. :wink:


Denkbar ist daher für mich auch der andere Fall:
colour.css
Unter html,body das Hintergrundbild belassen und repeat-x löschen

common.css
Der Klasse body --> background-repeat: repeat-x;
(zusätzlich der vorgenannten Änderung des Farbwertes) hinzuzufügen.

Anmerkung: common.css
Hierin kannst du ggf. der ID #wrap auch zusätzlich eine andere Hintergrundfarbe zuweisen.


Edit:
BG3? Siehe bei Bedarf: viewtopic.php?f=89&t=188756

Ich hatte seinerzeit bg1 - bg3 in der colours.css Rahmen in der Form ausgegeben: #deinen Farbwert etc. bitte ergänzen. Beachte bitte, dass dieser in die Portalansicht greift, da die Klassen dort Verwendung finden und die Farbanweisung bei Verwendng von "border-ridge" bspw. in den Browsern Unterschiede in der farblichen Wiedergabe hervorruft.
Beispiel:

Code: Alles auswählen

.bg1	{ background-color: #ECF3F7; border-width: 6px; border-style: ridge; border-color: #12A3EB; }
.bg2	{ background-color: #e1ebf2; border-width: 6px; border-style: ridge; border-color: #12A3EB; }
.bg3	{ background-color: #cadceb; border-width: 6px; border-style: ridge; border-color: #12A3EB; }
Grüße

Re: Prosilver Hintergrundgrafik u.BG3

Verfasst: 11.07.2011 15:42
von Tanja64
Hallo Talk19zehn

danke für deine Ideen... :grin:
ich habe jetzt erstmal den Hintergrund uni bzw. in der einfarbigen Grafik belassen... :oops:
allerdings fiel mir vorhin erst auf, dass ich beim Header offenbar einen großen Größenfehler eingebaut habe...auf meinem großem Bildschirm war es optimal an die Hauptseiten angepasst, erst dann hab ich gesehen, dass es am kleinerem Bildschirm wirklich übel aussah...nun hab ich also den Schriftzug wieder entfernt und mit dem Logo eingefügt...ich hoffe mal, jetzt ist es richtig...(zumindest meine Bildschirme sehen nun beide gleich aus 8) )

derzeit versuche ich mich darin einen Rahmen um das Forum zu bekommen...wieder der Hauptseite angepasst...
eine dünne Linie um den Header und den Body inklusive page-footer...und scheitere bisher kläglich...auch bei der Suche hier im Forum wurde ich irgendwie nicht wirklich fündig...

kann mir jemand da helfen?

Re: Prosilver Hintergrundgrafik u.BG3

Verfasst: 11.07.2011 17:44
von Talk19zehn
Hello Tanja64,

bzgl. eines Rahmens bitte nicht verzagen. Die einfachste Art ist die overall_header.html aufzurufen und die Anweisung dem DIV

Code: Alles auswählen

<div id="wrap" >
bspw. so ( nutze ich gerne )

Code: Alles auswählen

<div id="wrap" style="border-width:4px; border-color:#f1e3c0; border-style:outset; padding:8px;">

oder ggf. so

Code: Alles auswählen

<div id="wrap" style="border:4px solid #010423;">

direkt zuzuordnen.

Farbwert und border-style bitte anpassen.
Siehe u.a. bei Bedarf:
http://de.selfhtml.org/css/eigenschaften/rahmen.htm
http://www.css4you.de/border-style.html

Ridge und Outset sind ein wenig problematisch je farblicher Browserinterpretation. Die Schwierigkeit besteht faktisch darin einen Farbwert zu finden, der ungefähr "in gleichen Tönen" interpretiert werden würde. Denkbar wäre die die Farbangabe in RGB?
Zum Thema Rahmen hatten wir hier erinnerlich einige gute Threads. Es kann sein, dass sich im nächsten Schritt ein erneuter Anpassungsbedarf ergibt, je nachdem wo du das derzeitige Hintergrundbild zugewiesen hast.

LG

Re: Prosilver Hintergrundgrafik u.BG3

Verfasst: 11.07.2011 20:16
von Tanja64
suuuper, danke...der Rahmen ist da... :grin: :grin:
hast du jetzt noch einen Tipp, wie ich ihn direkt um den Header und den Body bekomme?