Hintergrund Grafik nicht wiederholen lassen

Alles zu Styles, Templates, Icons und Smilies für phpBB 2.0, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
phpBB 2.0 hat das Ende seiner Lebenszeit überschritten
phpBB 2.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 2.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf phpBB 3.0, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
Koly007
Mitglied
Beiträge: 14
Registriert: 21.11.2004 17:38
Kontaktdaten:

Hintergrund Grafik nicht wiederholen lassen

Beitrag von Koly007 »

Hallo!

Also ich möchte den selben Hintergrund wie auf car-audio-community.com auch im Forum einbauen siehe: car-audio-community.com/hifi-forum/

Den Hintergrund habe ich bereits eingebaut aber er wiedeholt sich leider immer wieder wie kann ich das unterbinden?

Ausserdem wenn man von der Startseite zum Forum klickt ist oben der Abstand zur Adressleiste vom Browser beim Forum auch höher... dies würd ich auch gerne anpassen

Danke

lg


Die Domain hab ich ohne www geschrieben das Suchmachinen die Seiten noch nicht indexieren :) Deshalb sry nicht anklickbar ^^
Benutzeravatar
punkface
Mitglied
Beiträge: 3579
Registriert: 12.08.2004 23:37

Beitrag von punkface »

overall_header.tpl
suche

Code: Alles auswählen

/* General page style. The scroll bar colours only visible in IE5.5+ */
body { 
Danach kannst du (weitere) CSS-Eigenschaften definieren, bspw. die Hintergrundwiederholung oder den Außen- bzw. Innenabstand
Koly007
Mitglied
Beiträge: 14
Registriert: 21.11.2004 17:38
Kontaktdaten:

Beitrag von Koly007 »

Hallo!

Danke für deine Antwort

Jetzt wird es zumindest nicht mehr wiederholt..
Aber darunter ist jetzt alles weiß und da müsste ich jetzt die Farbe von oben reingeben.. also das hellere grau..

so sieht die datei aus:

Code: Alles auswählen

body { 
	background-color: {434d57};
	background-image: url('http://www.car-audio-community.com/hifi-forum/templates/subSilver/images/back.gif');
	background-repeat:repeat-x;float:left;">
	scrollbar-face-color: {T_TR_COLOR2};
	scrollbar-highlight-color: {T_TD_COLOR2};
	scrollbar-shadow-color: {T_TR_COLOR2};
	scrollbar-3dlight-color: {T_TR_COLOR3};
	scrollbar-arrow-color:  {T_BODY_LINK};
	scrollbar-track-color: {T_TR_COLOR1};
	scrollbar-darkshadow-color: {T_TH_COLOR1};
}

Wie kann ich das machen dass der normale hintergrund wo kein Hintergrund bild #434d57 ist?

Sorry bin Anfänger :)

Danke
lg
jojoho
Mitglied
Beiträge: 12
Registriert: 01.11.2007 11:19

Beitrag von jojoho »

Eventuell dumme Idee, aber wenn ich mich recht insinne, setz das Background image vor die Farbe...
Wenns nicht klappt dann ises auch gut. Ein Versuch isses wert.

Also:

Code: Alles auswählen

body {
   background-image: url('http://www.car-audio-community.com/hifi-forum/templates/subSilver/images/back.gif');
   background-color: {434d57};
   background-repeat:repeat-x;float:left;">
   scrollbar-face-color: {T_TR_COLOR2};
   scrollbar-highlight-color: {T_TD_COLOR2};
   scrollbar-shadow-color: {T_TR_COLOR2};
   scrollbar-3dlight-color: {T_TR_COLOR3};
   scrollbar-arrow-color:  {T_BODY_LINK};
   scrollbar-track-color: {T_TR_COLOR1};
   scrollbar-darkshadow-color: {T_TH_COLOR1};
}
Koly007
Mitglied
Beiträge: 14
Registriert: 21.11.2004 17:38
Kontaktdaten:

Beitrag von Koly007 »

Nein funktioniert leider nicht...

Wie kann ich das sonst machen?

lg
homoerectus
Mitglied
Beiträge: 252
Registriert: 10.11.2005 12:30

Beitrag von homoerectus »

Hallo,
versuch es doch so:

Code: Alles auswählen

body {
   background-color: #434d57;
   background-image: url('http://www.car-audio-community.com/hifi-forum/templates/subSilver/images/back.gif');
   background-repeat:repeat-x;float:left;">
   scrollbar-face-color: {T_TR_COLOR2};
   scrollbar-highlight-color: {T_TD_COLOR2};
   scrollbar-shadow-color: {T_TR_COLOR2};
   scrollbar-3dlight-color: {T_TR_COLOR3};
   scrollbar-arrow-color:  {T_BODY_LINK};
   scrollbar-track-color: {T_TR_COLOR1};
   scrollbar-darkshadow-color: {T_TH_COLOR1};
}
die Reihenfolge ist afaik völlig egal, hexadezimale Farbwerte werden aber immer mit # davor angegeben. Die restlichen Farben stehen in Mengenklammern {} weil sie Template-Variablen sind, die von der phpBB-Template-Engine noch gegen einen Farbwert ersetzt werden bevor das Stylesheet an den Browser gesendet wird.
phpBB.de: link:Suche || link:doku || link:FAQ || link:KB || KB-Übersicht
außerdem:
Google || Wikipedia || SelfHTML
jojoho
Mitglied
Beiträge: 12
Registriert: 01.11.2007 11:19

Beitrag von jojoho »

Da hat homoerectus recht, ich dachte des war noch eine Variable von PHPBB.
Hab zu flüchtig hingeschaut.

mfg jojoho
Benutzeravatar
punkface
Mitglied
Beiträge: 3579
Registriert: 12.08.2004 23:37

Beitrag von punkface »

Die Eigenschaften kann man zusammenfassen und float:left;"> ist da fehl am Platz:

Code: Alles auswählen

body {
   background: #434d57 url(templates/subSilver/images/back.gif) scroll repeat-x;
   scrollbar-face-color: {T_TR_COLOR2};
   scrollbar-highlight-color: {T_TD_COLOR2};
   scrollbar-shadow-color: {T_TR_COLOR2};
   scrollbar-3dlight-color: {T_TR_COLOR3};
   scrollbar-arrow-color:  {T_BODY_LINK};
   scrollbar-track-color: {T_TR_COLOR1};
   scrollbar-darkshadow-color: {T_TH_COLOR1};
}
Koly007
Mitglied
Beiträge: 14
Registriert: 21.11.2004 17:38
Kontaktdaten:

Beitrag von Koly007 »

danke! funktioniert 1a :)

Kann mir noch jemand helfen wie ich das Forum weiter nach unten verschieben kann damit es gleich ist mit:

car-audio-community.com
car-audio-community.com/hifi-forum/

Da sieht man das oben der Abstand beim Forum zu wenig ist..

Danke euch :)

lg
Benutzeravatar
punkface
Mitglied
Beiträge: 3579
Registriert: 12.08.2004 23:37

Beitrag von punkface »

Einfach nach

Code: Alles auswählen

body {
   background: #434d57 url(templates/subSilver/images/back.gif) scroll repeat-x;
noch

Code: Alles auswählen

   padding-top: 30px;
einfügen
Antworten

Zurück zu „phpBB 2.0: Styles, Templates und Grafiken“