Seite 1 von 3
Hintergrundbild einfügen!? (prosilver Special Edition)
Verfasst: 25.07.2013 23:16
von 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
Re: Hintergrundbild einfügen!?
Verfasst: 25.07.2013 23:35
von 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
Re: Hintergrundbild einfügen!?
Verfasst: 25.07.2013 23:59
von 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ß
Re: Hintergrundbild einfügen!?
Verfasst: 26.07.2013 00:09
von 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
Re: Hintergrundbild einfügen!? (prosilver Special Edition)
Verfasst: 26.07.2013 00:29
von Z-MANN
Dankeschön!
Ich werde mal herumprobieren, gebe dann Bescheid!
Gruß
Re: Hintergrundbild einfügen!? (prosilver Special Edition)
Verfasst: 26.07.2013 12:59
von Talk19zehn
Hello ihr Zwei,
HabNurNeFrage hat geschrieben: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
einfügen:
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:
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
Re: Hintergrundbild einfügen!?
Verfasst: 26.07.2013 19:33
von Z-MANN
HabNurNeFrage hat geschrieben:------
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?
Re: Hintergrundbild einfügen!? (prosilver Special Edition)
Verfasst: 26.07.2013 20:41
von 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
Re: Hintergrundbild einfügen!? (prosilver Special Edition)
Verfasst: 26.07.2013 22:33
von Z-MANN
Talk19zehn hat geschrieben: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?
Re: Hintergrundbild einfügen!? (prosilver Special Edition)
Verfasst: 27.07.2013 00:00
von 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.