Seite 1 von 1
Abstand header und ganz oben
Verfasst: 03.06.2012 13:06
von 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
Re: Abstand header und ganz oben
Verfasst: 03.06.2012 13:12
von 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
Re: Abstand header und ganz oben
Verfasst: 03.06.2012 13:24
von 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.
Re: Abstand header und ganz oben
Verfasst: 03.06.2012 13:28
von Crizzo
Da ich die Änderung auch nicht sehe, wie hast du die Änderung jetzt genau durchgeführt?
Das sollte im Prinzip so ablaufen:
- CSS-Datei vom Server/Webspace laden
- CSS-Datei ein 2.mal irgendwo abspeichern (als Backup)
- Datei mit einem Editor öffnen (z.B. notepad++)
- Änderung vornehmen und Datei speichern
- alte CSS-Datei auf dem Server löschen
- neue CSS-Datei hochladen
- Admin-Bereich --> Styles --> Themes --> STYLENAME: aktualisieren
- evtl. im Browser den Cache leeren, um die Änderung zu sehen
Hast du das so gemacht? Wenn nein, wie dann bzw. probiers mal so.
Re: Abstand header und ganz oben
Verfasst: 03.06.2012 13:29
von Binia
ah sauber, habe vergessen das theme zu aktualisieren jetzt geht es super thx dir
Re: Abstand header und ganz oben
Verfasst: 26.11.2012 10:21
von 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
Re: Abstand header und ganz oben
Verfasst: 26.11.2012 15:35
von 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;">
Re: Abstand header und ganz oben
Verfasst: 02.12.2012 18:40
von 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