7x bewertet

Eigenes Design bei Myblog

von Fischstäbchen  |  22.08.2007 um 03:37 h
Layout
Typ: Layout
Stufe:Einfach
Eigentlich ist es recht simpel, eigene Myblog-Layouts herzustellen, da sie ganz gewöhnliche Layouts mit einigen hinzugefügten Codes sind.
Jedoch ist man bei myblog.de darauf beschränkt, Div- und Table-Layouts zu nutzen, Iframes sind denkbar ungeeignet. Man sollte zudem darauf achten, dass Content und Navigation nicht zu schmal sind.

Daher codet man zunächst ein ganz gewöhnliches Table- bzw. Div Layout, wie das geht, findet sich hier: Div-Tut | Table-Tut

Es ist jedoch zu beachten, dass die CSS-Datei, sofern man sie nicht extern hochlädt, in den Code direkt integriert werden sollte, indem der Inhalt der style.css zwischen folgende
Tags kopiert:
<style type="text/css">Inhalt der style.css</style>

Das kommt dann wie zuvor in den Head-Bereich des Layouts.

Danach fügt ihr diesem CSS-Teil noch folgendes hinzu:

.inhaltetable { width: 100% }
Das ermöglicht die perfekte Anpassung des Inhaltbereiches.

Hat man dies erledigt, sollte man die Bilder hochladen, die dem Layout das Erscheinungsbild verleihen. Z.B. bei imagehack.us. Den Link zum Bild, den man dort erhält, fügt man dann dort im Code ein, wo die Bilder verlinkt sind. Entweder im CSS-Teil oder erst später (variiert von Layout zu Layout).

Hat man auch das erledigt, kann man sich dem eigentlichen Myblog-Einbau widmen.
1) Dazu loggt man sich dort ein und klickt auf Layout -> Vollprofi
2) Dort in dem leeren, weißen Feld fügt man seinen Code ein.
3) Jetzt funktioniert allerdings noch nicht allzu viel, daher sehen wir uns das an, was über dem Textfeld steht wie z.B:
Navigation: {PLACE_NAVI}
4) Das bedeutet, dass man in dem Teil im Layout, wo zuvor die Navigation war, einfach {PLACE_NAVI} einfügt, damit die Navigation angezeigt wird. Darunter kommen dann {PLACE_PAGES}, {PLACE_LINKS}, {PLACE_FRIENDS}
4a) Ein anderer Weg kann es auch sein, die Links unter dem Textfeld manuell einzufügen, die zu den verschiedenen Navigationspunkten führen. Dazu braucht ihr einfach den html-Code im Feld kopieren und ihn anschließend oben im Textfeld an der passenden Stelle einfügen. Das ist z.B. nützlich, wenn man seine Navi mit dem class-Befehl definiert hat.
5) Hat man das geschafft, kann man im Content-Bereich des Layouts (da wo der Inhalt hinkommt), den Befehl {PLACE_CONTENT} einfügen, damit der Inhalt später angezeigt wird. Am besten man setzt zudem {PLACE_POWEREDBY} darunter, damit die Werbung nicht allzu sehr stört.
6) Jetzt klickt man auf "Dein eigenes Layout speichern" und schon müsste dein Layout bei myblog integriert sein.

bei Fragen PN.



7 Kommentare




hm du hast den extra css-teil von myblog vergessen, nämlich den .inhaltetable (der gibt die breite des contents an, normal steht der auf 420px oder so)
sonst find ich das tutorial hilfreich :)
am 28.09.2007 um 15:29 Uhr


Fischstäbchen

ja, weil ich den nicht kannte XD Ist aber gut zu wissen.
am 10.10.2007 um 20:43 Uhr


Jel

imageshack.eu?
am 22.10.2007 um 18:07 Uhr


Fischstäbchen

joa, aber den Link gibt es scheinbar inzwischen nicht mehr.

pictureupload.de geht auch XD
am 22.10.2007 um 23:28 Uhr


Fischstäbchen

habs jetzt mal ergänzt Smilie
am 17.11.2007 um 18:20 Uhr


es gibt imgeshack.us o.O Smilie
am 19.03.2008 um 10:39 Uhr


Kaley

imageshack.us wenn schon : ) gibt einige free-image-hoster ; )
am 17.11.2009 um 23:09 Uhr