Donnerstag, 18. November 2004
Wie verändere ich das Layout des Headers?
Das Verändern des Headers im Layout empfehle ich nur „advanced- Weblogern“, da man dabei den HTML-Quellcode vom Weblog selbst verändert.

1. Bild für den Header bearbeiten

Möchtest Du ein Bild im Header haben, so musst Du Dir zuerst ein Bild anfertigen! Das bedeutet, Du bearbeitest in einem Grafikprogramm (zB: Photoshop) ein Bild Deiner Wahl indem Du erstens die Größe des Bildes veränderst (zuschneiden) auf die Breite des Weblogs. In diesem Fall ist es eine Breite von ca. 709 pixel und einer Höhe von ca. 79 Pixel, welche auch nach Geschmack verändert werden kann. Diese Pixelangaben können jedoch generell variieren, sie sind vom Weblog abhängig. Zweitens den Namen Deines Weblogs auf diesem Bild „draufschreibst“ (Textfeld), da der Header von Antville durch das Bild ersetzt wird und daher Dein Weblogname nicht mehr sichtbar ist.
Wichtig: das fertige Bild neu abspeichern auf Deiner Festplatte!

2. Bild für Header im Weblog einfügen

Nun loggst Du Dich in Deinem Weblog ein und lädst das bearbeitete Bild hoch (so wie Du das auch mit Bildern für normale Beiträge machst). Sollte es Probleme dabei geben hier eine Hilfe zum Bilder einfügen.
Nur musst Du berücksichtigen, dass Du bei „max. width“ statt 400 pixel auf 800 pixel umstellst! „max. height“ bleibt bei 400 pixel.

3. skin editor

Als nächstes gehst Du auf den Punkt „skin editor“ im Menü des Weblogs. Dann klickst Du Dich weiter unter Basic layout zu „main page“, so gelangst Du zum HTML Code für Deinen Weblog. Dort suchst Du Dir die Zeile

<td width="700" class="title" nowrap="nowrap"><% image name="/pixel" width="40" %><a href="<% this.href %>"><% site.title %></a></td>
.

Diese Zeile änderst Du folgendermaßen um:

<td width="700" class="title" nowrap="nowrap"><a href="<% this.href %>"><% image name="XXXXX" %></a></td>



Den Bereich, welcher mit 5 X (XXXXX) gekennzeichnet ist, löschst Du heraus und ersetzt es mit dem Bildnamen, welchen Du für das bearbeitete Bild vergeben hast.

Dann noch auf „save“ klicken und fertig ist der neue Header!!

... comment

 
Hans.Mittendorfer.Uni-Linz, Sonntag, 28. November 2004, 19:32
Ihr Vorschlag ist gut,
.. den Header Text in das Bild "einzubrennen". Der Hauptvorteil liegt darin, dass der Text optimal an den Hintergrund angepasst werden kann. Anti-Aliasing ist eine gebräuchliche Methode.

Es ist aber auch möglich, den Titel-Text als Header-Text nach wie vor aktiv zu behalten und dennoch ein Bild dahinter zu setzen. In diesem Fall ist das Bild ein Hintergrundbild der Zelle, in der sich der Header befindet. Diese Methode hat den Vorteil, dass der Header-Text jederzeit einfach geändert werden kann, ohne das Bild neu zu bearbeiten.

Vielleicht probiert es jemand aus und berichet an dieser Stelle seine Erfahrungen. Übrigens mehrere meiner Blogs sind nach der zweiten Methode gestaltet.

... link  


... comment

 
Online for 7342 days
Last update: 2005.11.07, 16:45
You're not logged in ... login
 
November 2004
Mo
Di
Mi
Do
Fr
Sa
So
 1 
 2 
 3 
 4 
 5 
 6 
 7 
 8 
 9 
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
 
 
 
 
 
 
 
Bild einfügen
Erst einmal danke, die Hilfestellungen hier sind echt...
by gerhard.janser.Uni-Sbg (2005.11.07, 16:45)
es gibt da auch eine...
Möchte man dasselbe Ergebnis wie im obigen Beitrag...
by Hans.Mittendorfer.Uni-Linz (2005.03.19, 10:58)
Learning by Doing
Also für mich trifft das ganz sicher zu. Es kann...
by florian.richter.uni-sbg (2005.01.29, 18:56)
::: Danke für die...
Hallo zusammen! Habe bereits am Helpdesk einen Beitrag...
by alex.kaltenbrunner.linz (2005.01.27, 13:37)
feedback zum weblog...
ich war anfangs ein echt blutiger anfänger - mit...
by susanne.deisl.uni-sbg (2005.01.26, 13:18)

xml version of this page

made with antville
powered by
helma object publisher