Abstand header und ganz oben

[Binia]

Hallo habe ein problem, und warscheinlich kann mir da keiner wirklich weiter helfen

habe dieses theme
http://www.wolfpack.de.vc/

ist von
http://estilos.coloreatuforo.com/styledemo/index.php

und möchte einfach das komplette board ca 350 px nach unten verschieben damit man das hintergrundbild oben ein wehnig sieht.
nun habe ich mir die dateien schon angeschaut aber das Templates ist teilweiße mit *.js dateien erstellt wo ich leider kein plan von habe.

Hoffe mir kann irgendwer weiter helfen

MfG

[Crizzo]

Hi,

suche in deinen CSS-Dateien nach folgendem: (sollte die common.css sein)

Code: Alles auswählen

body {
    background-color: #FFFFFF;
    color: #828282;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 10px;
    margin: 0;
    padding: 12px 0;
}

und das ganze ersetzt du mit:

Code: Alles auswählen

body {
    background-color: #FFFFFF;
    color: #828282;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 10px;
    margin: 0;
    padding: 350px 0 12px;
}

dann hast du einen Abstand nach oben von 350px. Kannst die Zahl natürlich noch anpassen. Wenn dein Hintergrundbild dann daneben hängt, musst du es hier:

Code: Alles auswählen

html, body {
    background-attachment: fixed;
    background-color: #000000;
    background-image: url("./styles/Metal-Grunge/theme/images/background.jpg");
    background-position: 50% 50%;
    background-repeat: repeat-y;
    color: #FFFFFF;
}

in der Zeile für "background-position" noch anders platzieren.

Grüße

[Binia]

thx dir erstmal für die super schnelle antwort.

habe jetzt

Code: Alles auswählen

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #828282;
	background-color: #FFFFFF;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0;
	padding: 350px 0 12px;
}

so gemacht, aber leider ändert sich nix cache ist auch gelehrt.

[Crizzo]

Da ich die Änderung auch nicht sehe, wie hast du die Änderung jetzt genau durchgeführt?
Das sollte im Prinzip so ablaufen:

1. CSS-Datei vom Server/Webspace laden
2. CSS-Datei ein 2.mal irgendwo abspeichern (als Backup)
3. Datei mit einem Editor öffnen (z.B. notepad++)
4. Änderung vornehmen und Datei speichern
5. alte CSS-Datei auf dem Server löschen
6. neue CSS-Datei hochladen
7. Admin-Bereich --> Styles --> Themes --> STYLENAME: aktualisieren
8. evtl. im Browser den Cache leeren, um die Änderung zu sehen

Hast du das so gemacht? Wenn nein, wie dann bzw. probiers mal so.

[Binia]

ah sauber, habe vergessen das theme zu aktualisieren jetzt geht es super thx dir

[Buddl]

Hiho, hab das gleiche Problem, und wurschtel jetzt schon ewig dran rum bekomms aber nicht hin.
Ich möchte über dem Header einen Abstand haben, so 25px.Also der body sollte etwas runter.Hab alles so probiert wie hier beschrieben, funzt aber nicht.

Stylename: Code Black-Bird

Quelle: http://www.phpbb3styles.net/db/style/Code+Black-Bird

Forum: http://buddl.net/inba/

Vielen Dank schonmal.

beste Grüsse, Buddl

[Rare Essence]

@Buddl

In der overall_header.html ändere

Code: Alles auswählen

<table id="container" cellspacing="0" cellpadding="0" border="0" style="width: 1000px;">

zu

Code: Alles auswählen

<table id="container" cellspacing="0" cellpadding="0" border="0" style="margin-top: 25px; width: 1000px;">

[eXestend]

Den Vorschlag von Rare Essence würd eich nicht umsetzen, stattdessen wäre wohl das die bessere alternative:

Code: Alles auswählen

#container {
border: 1px black solid;
padding: 0;
text-align: left;
margin-top: 350px;
}

Die css Regeln definieren das sehr deutlich. In diesemfall ist margin-top die richtige umsetzung.

In der Style-Demo klappt es

Tipp:
Css arbeitet IMMER von oben nach unten,sollten sich widersprüchliche Aussagen in einer css finden, so wird die letzt gelesene umgesetzt.

LG