Hey!
Hier habe ich für euch ein Tutorial zum Coden von Layouts erstellt.
Das Verfahren ist ganz einfach und man benötigt dazu kein Programm!
Schritt 1:Zu aller erst müsst ihr euer Layout hochladen. Das könnt ihr zum Beispiel bei tinypic.com machen. Am besten lasst ihr bei der Größe default stehen.
Wenn das Layout hochgeladen wurde, kopiert ihr dann den Direkt Link, das ist der vierte Code.
Schritt 2:Jetzt musst du auf dein Howrse-Profil, dort deine Präsentation modifizieren und auf HTML-Modus klicken. Jetzt benötigst du folgende Codes, bei denen ich erkläre, was man damit machen muss.
Kopier diesen Code und füge ihn ein. Jetzt benötigst du den Direkt Link deines Layouts. Den fügst du an Stelle des #URL# ein. Als nächstes brauchst du Höhe und Breite der Grafik. Diese fügst du dann auch jeweils an die Stelle #Höhe#, bzw. #Breite#, ein.
- Code:
-
<div style="background: url(#URL#) no-repeat; width: #Breite#px; height: #Höhe#px; position: relative;">
Diesen Code setzt du dann sooft unter den Oberen, wie viele Textboxen du benötigst. Heißt, wenn du 4 Boxen hast, fügst du den Code 4-mal ein.
- Code:
-
<div style="width: 100px; height: 100px; position: absolute; top: 25px; left: 25px; overflow: auto;">a</div>
Zum Abschluss kommt dann dieser Code darunter.
- Code:
-
</div>
Schritt 3:Jetzt klickt ihr auf Normal-Modus. Oben links in der Ecke müsste sich nun ein kleines ‘a’ befinden, das hier anklickt und nun müsstest ihr dieses Bild erhalten:
Nun könnt ihr die Scrollbox an den Ecken an die richtige Stelle ziehen, an der ihr die Box haben möchtet. Später kann man ihren Platz immer noch verändern und die Boxen sind auch unabhängig voneinander, sodass man viel mehr Spielraum hat.
Wenn ihr die Boxen beschreiben möchtet, müsst ihr darauf Doppelklicken.
Ich hoffe, dass ich euch mit diesem Tutorial helfen konnte,
Viel Spaß beim testen!
lg
Startseite 