Schwierigkeitsgrad
Normal - einfaches HTML und CSS genau beschrieben
Vorschau:
Schaut mal nach oben, ein schicker schwarzer Demo-Header!
Zuerst ladet ihr ganz normal den Jimdo-Standard-Header hoch. Auf den Header klicken, "Header bearbeiten" und dann "Eigenes Bild".
Er wird auf allen Unterseiten angezeigt, auf denen ihr den Header nicht später anpasst.
Erstellt in der Navigation eine neue Unterseite und versteckt diese (Augen-Icon nebenan). Auf dieser Seite erstellt ihr ein Bild-Modul und ladet das Headerbild hoch. Vergrößert dieses Bild (plus Button), bis es seine Maximalgröße erreicht hat, auch wenn es dadurch teilweise über den Seitenrand hinaussteht bzw. das Ende abgeschnitten scheint.
Geht dann in den Ansichtsmodus eurer Jimdo-Page, Rechtsklick auf das Bild und kopiert den Bildlink heraus (Firefox "Grfikadresse kopieren kopieren" oder Internet Explorer unter"Einstellungen").
Diesen Code am besten bei euch auf dem PC in einem Textdokument abspeichern, den benötigen wir gleich. Alles was nach der Dateiendung (meist .jpg) kommt, löscht ihr.
Ok, das wäre geschafft. Jetzt geht ihr auf die Unterseite, deren Header ihr ändern wollt. Dort fügt ihr ganz unten am Seitenende ein neues "Widget/HTML"-Objekt ein. Hier kopiert ihr nun folgenden Code hinein:
<div style="position: absolute; top:17px; align: center;">
<img style="margin-left: -15px;" src="Bildardesse.jpg" alt="" />
</div>
Bildardesse.jpg: Hier fügt ihr die soeben kopierte Adresse ein
Mit diesen Einstellungen spielt ihr herum, bis der Header passt:
top:17px: Abstand des Headers von oben
margin-left: -15px: Header nach links und rechts verschieben
(Bsp.: -15px = um 15 Pixel nach links verschoben)
Bei euch funktioniert es nicht?
Es gibt einige Jimdo-Designs mit denen diese Methode nicht funktioniert. Hierfür gibt es derzeit jedoch noch keine gute Alternative..