Heya..
Also, ich war mal wieder kreativ..
Und hab n paar Lays für euch..
MIT CODES!!! xDD
Na ja, und ich hab für euch ne Anleitung zum Coden gschrieben..
Ich hoff' das sie verständlich ist..?!
Aber erstmal die Lays:
#1 #2 #3 #4 #5 #6 #7 Mein Gott, 'ne Arbeit, das alles hochzuladen.. Etc.. xD
Also, hier die Erklärung um ein Lay zu coden:
Wie code ich ein Layout?
Ich werde hiermit versuchen euch das Coden mit Adobe ImageReady von Div-Layouts zu erklären.
Zu erst braucht ihr ein fertiges Lay, am besten erst mal mit einem Kasten.
Dieses Layout öffnet ihr in ImageReady und wählt das Slice-Werkzeug, links aus der Palette aus. Oder ihr drückt einmal K auf eurer Tastatur, wenn ihr das Werkzeug so nicht findet.
Dann zieht ihr auf eurem Lay einen Kasten dort, wo später einmal der Text stehen soll.
Rechts müsste ein Kasten sein, wo irgendwo „Ausmessungen“ steht. Dieses Feld vergrößert ihr, bis ihr die Zahlen sehen könnt.
Kommen wir nun zum Coden des Layouts:
Schritt 1:
Ihr öffnet entweder euren Html-Editor, oder Word oder ein anderes Text-Programm.
Dort fügt ihr folgenden Tag ein:
<html>
<head>
<title>Untitled</title>
</head>
<body>
</body>
</html>
Ändern:
Statt Untitled fügt ihr euren eigenen Titel ein.
Schritt 2:
Jetzt fügt ihr unter dem <body> Tag diesen Tag ein:
<div style="position:absolute; left:0px; top:0px; z-index:1">
<img src="URL" border="0">
</div>
Ändern:
Statt URL fügt ihr dort die URL eures Layouts ein.
Bei left:0px; fügt ihr statt 0 eine Zahl ein. Die Zahl legt den Abstand vom Linken Rand fest. Für eine Knuddels-HP nehme ich da immer 190.
Bei top:0px; setzt ihr statt 0 auch eine Zahl ein. Diese Zahl definiert den Abstand vom oberen Rand. Hier nehme ich immer 380.
Schritt 3:
Unter dem </div> Tag fügt ihr jetzt diesen Tag ein:
<div style="position:absolute; left:0px; top:0px; width:0px; height:0px; z-index:2">
Hier kommt dein Inhalt hin!!
</div>
Ändern:
Dies ist jetzt der Tag wo du später deinen Text rein schreiben kannst.
Statt der 0 bei left:0px; fügst du die Zahl die bei ImageReady hinter dem X steht ein plus Die Zahl die du im Tag davor bei left:0px eingefügt hast.
Statt der 0 bei top:0px; fügst du die Zahl ein die hinter dem Y bei ImageReady steht plus die Zahl die du vorhin bei top:0px eingefügt hast.
Klartext: Bei left:0px; und top:0px; ersetzt du die 0 durch das Endergebnis dieser Rechnung:
Zahl vom Vorherigen Tag bei left:0px oder top:0px + Y bzw. X bei ImageReady=?!
Die Zahl die ihr bei ?! Raushabt fügt ihr statt der Null ein.
Logischerweise müsst ihr jedes Mal neu rechnen.
Statt der 0 bei width fügst du die Zahl ein, die bei ImageReady hinter dem W steht.
Statt der 0 bei height fügst du die Zahl hinter dem H bei ImageReady ein.
FERTIG!!!
Herzlichen Glückwunsch!!
Du hast grade dein erstes Lay gecodet.
Wenn du alles richtig gemacht hast, kannst du es jetzt auf deiner Homepage einfügen.
Sollte irgendetwas unklar sein, wende dich an mich!!
Msn:
julisch437@hotmail.deICQ: 234758080
Knuddels: julisch437
Ich hoffe, dass das hier irgendjemandem hilft?!
Was sagt ihr zu den Lays??
Glg
Julisch <3
vorheriges Thema
Index