Einfügen eines Bildes in den Header

Design der Seite :: christian_koeppe_berlin, 22. Oktober 2003, 09:20

Zuerst habe ich ein Bild so editiert, dass es eine Breite von 700 Pixeln hat und eine Höhe von 70 Pixeln (die Höhe muss sich gemerkt werden, da sie in dem entsprechenden Stylesheet im Skineditor angepasst werden muss, dazu später mehr). Die Breite von 700 Pixeln ergibt sich aus den Einstellungen von Antville und ist die Standardbreite (wie die geändert werden kann, habe ich noch nicht gefunden).

Dann muss dieses Bild unter images/add an image im Menu hinzugefügt werden. Dabei sollte es einen aussagekräftigen Namen erhalten.

Als letzter Schritt muss im Skin-Editor (auch im Menu zu finden) der Stylesheets-Skin editiert werden. Dort nach folgendem Eintrag suchen:


.title {
height: 70px;
font-size: 20pt;
font-weight: bold;
vertical-align: middle;
background-image: url("<% image as="url" name="title_city" %>");
background-color: transparent;
color: <% site.linkcolor %>
}


Hier habe ich die Höhe (height) auf 70 Pixel gesetzt, wenn euer Bild eine andere Höhe hat, muss diese hier eingetragen werden. Beim background-image habe ich bei Name den Namen meines Bildes eingetragen und voila, speichern und fertig.

Bekanntermassen muss wahrscheinlich noch der Cache des Browsers gelöscht werden, damit die Änderung sofort sichtbar wird.

7 comments :: Kommentieren

Züge...

christian.schreiner.linz, 24. Oktober 2003, 02:19

wenn ich das also richtig verstanden habe dann war das die erklärung, wie du das bild mit den zügen in der mitte ganz oben auf die seite gebracht hast...(?)
danke lg
chris

Verlinken :: Kommentieren

Züge...Antwort

christian_koeppe_berlin, 24. Oktober 2003, 11:43

Ja, ganz genau.

Christian

Verlinken :: Kommentieren

Tausend Dank

wolfgang.erharter.salzburg, 3. November 2003, 01:53

Tausend Dank für die genaue Anleitung wie's gemacht wird. Hab mir jetzt auch was zusammengebastelt.

Ich hab überhaupt rein gar nix dagegen, wenn du weitere Schritte auch dermaßen exakt dokumentierst.

Verlinken :: Kommentieren

Gern geschehen...

christian_koeppe_berlin, 3. November 2003, 08:58

obwohl wie unter dem Thema Main schon erwähnt mein Hauptaugenmerk eher auf der technischen Seite liegen wird.

gruß aus Berlin
Christian

Verlinken :: Kommentieren

mehrere bilder?

klaus.brunner.salzburg, 7. Januar 2004, 14:23

hallo christian, ich find's auch super, dass du uns technische tipps gibst. frage: ist es möglich, anstatt wie du nur ein bild unter die überschrift zu legen, gleich mehrere pics zu verwenden? bitte schau mal auf meinen weblog dann weißt du was ich meine - ich hab' da nämlich 5 mal das gleiche bild aneinandergereiht. mfg klaus

Verlinken :: Kommentieren

Verweis an die richtigen Stellen...

christian_koeppe_berlin, 8. Januar 2004, 12:04

Hallo Klaus,

da ich mich grösstenteils mit anderen Themen beschäftige, möchte ich Dich an die Spezialisten verweisen:

Skin-gruppe
Design/Layout-Blog

Dort wird man sich sicherlich Deiner Frage annehmen.

mfg
Christian Köppe

Verlinken :: Kommentieren

Tolle Anleitung

andrea.gugerbauer.linz, 21. Januar 2004, 19:41

Hallo Christian, danke für deine Anleitung!! Ist wirklich eine super Hilfestellung!!
lg
Andrea

Verlinken :: Kommentieren