Hintergrundbild einfügen!? (prosilver Special Edition)

[Z-MANN]

Hallo,

ich benutze den "prosilver Special Edition" Style (Quelle) und würde gerne den Grauen Hintergrund gegen ein Hintergrundbild ersetzen.
Nur weiß ich leider nicht wo ich dies und was machen muss!?

Kann jemand Helfen?

gruß Z-MANN

[HabNurNeFrage]

Hi,

die Stelle, an der die Farbe #aca8a1 vegeben wird, ist zu finden in prosilver_se/theme/colours.css

Dort diese Stelle finden:

Code: Alles auswählen

html, body {
    color: #536482;
    background-color: #ACA8A1;
}

Ersetzen mit:

Code: Alles auswählen

html, body {
    color: #536482;
    background-color: #ACA8A1;
    background-image: url('deine_bild_url');
}

Das sollte es gewesen sein...

LG

[Z-MANN]

Danke, hat Funktioniert!


Habe gleich noch eine Frage.

Bei meinem Alten Forum hatte ich damals das Hintergrundbild irgendwie Fixiert und nur das Forum hat sich beim Scrollen bewegt.
Ist das auch hier irgendwie möglich?
Bräuchte dafür auch eine Anleitung.

Gruß

[HabNurNeFrage]

Hi,

Du kannst es relativ oder absolut angeben.

Absolut hat den Vorteil, dass es in jedem Fall hinhaut, solange Du keinen Serverumzug machst...
Relativ ist aus meiner Sicht zu bevorzugen.

Müsste dann folgende URL sein: ../../images/Forumhinter3.gif
Oder: images/Forumhinter3.gif

Ich bastel eigentlich immer die Variable {T_IMAGESET_PATH} direkt vor den Dateinamen.
Dazu muss das Bild im Bilderordner des Styles liegen (Ordner: imageset) und im theme.cfg des Styles muss noch parse_css_file = 1 von Null auf Eins gestellt oder eingefügt werden...

Zum Fixieren einfach noch folgende Zeile hinter den Bildaufruf im CSS notieren: background-attachment:fixed;

LG

PS: Sinn machen könnte noch, in folgenden Grafiken den grauen Rand transparent zu machen:
styles/prosilver_se/theme/images/border_top_left.gif
styles/prosilver_se/theme/images/border_top_right.gif
styles/prosilver_se/theme/images/border_bottom.gif

[Z-MANN]

Dankeschön!

Ich werde mal herumprobieren, gebe dann Bescheid!


Gruß

[Talk19zehn]

Hello ihr Zwei,

PS: Sinn machen könnte noch, in folgenden Grafiken den grauen Rand transparent zu machen: ...(...)...

Nur mal so gaaanz nebenbei ist´s auch denkbar, dass ich das Forum in einen weiteren Rahmen lege und die Hintergrundfarbe darin der Ecken wähle. Für den eigentlichen Rahmen wähle ich eine passende Farbe, die zum Forum passt oder eben zum Hintergrundbild. Somit erspare ich mir jene Arbeiten, die Grafiken andersartig zu gestalten. Das ginge doch als Alternative, - oder?
Die Frage, die auch offen ist, muss ich das Padding rechts und links minimieren, um im persönlichen Bereich ausreichenden Platz zu haben? Sind je in dem Beispiel 6px zuviel? So wäre doch eine kleine Breitenanpassung in der #wrap möglich ( von 900px auf 920px oder gar ein wenig mehr )... grübel


Idee...

common.css hinzufügen: Beispiel

Code: Alles auswählen

/* CSS 3 Rahmen mit runden Ecken
------------------------------------------*/
.forenrahmenmitrundenecken {
    border: 4px solid #505C65;
    background-color: #ACA8A1;
    padding: 8px 6px 8px 6px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 30px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

HTML:
overall_header
nach

Code: Alles auswählen

<div id="wrap">

einfügen:

Code: Alles auswählen

<div class="forenrahmenmitrundenecken">

overall_footer
vor

Code: Alles auswählen

<div>
	<a id="bottom" name="bottom" accesskey="z"></a>
	<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>

einfügen:

Code: Alles auswählen

</div><!-- Ende forenrahmenmitrundenecken -->

In älteren Browsern, die kein CSS3 unterstützen ist die Ausgabe des äußeren neuen Rahmens halt eckig anstatt rund.

Grüße


Edit:
Kann dies leider nicht umfangreich genug testen, da mein SE ( based on prosilver ) und Prosilver auf meiner Testoberfläche erheblich umgebaut sind.
LG

[Z-MANN]

------

PS: Sinn machen könnte noch, in folgenden Grafiken den grauen Rand transparent zu machen:
styles/prosilver_se/theme/images/border_top_left.gif
styles/prosilver_se/theme/images/border_top_right.gif
styles/prosilver_se/theme/images/border_bottom.gif

Habe jetzt bei diesen Dateien die stellen mit der grauen Farbe Transparent gemacht.
Wenn ich die Dateien hochlade wir aber eine Weiße Ecke angezeigt!?!? Wieso?

[Talk19zehn]

Hi, wenn ich das richtig sehe und du diese weiße Ecken am unteren Rand meinst, ist jene Grafik in der Übersicht wohl die Ursache:

styles/prosilver_se/theme/images/border_bottom2.gif


Grüße

[Z-MANN]

Hi, wenn ich das richtig sehe und du diese weiße Ecken am unteren Rand meinst, ist jene Grafik in der Übersicht wohl die Ursache:

styles/prosilver_se/theme/images/border_bottom2.gif


Grüße

Und was kann man da Tun?

[Crizzo]

Entweder hat deine Grafik keine transparenten Ecken oder was weißes im Hintergrund scheint durch.

Hast du mal einen Link dazu, dann kann ich dir genaueres sagen.