Ja, auch das muss leider sein. ^^

• Du darfst die Tutorials, egal ob in normaler oder veränderter Form, nicht als deine ausgeben. Hinter jedem steckt eine Menge Arbeit.
• Es wäre nett, wenn du diese Page verlinken würdest, wenn du eines der Tutorials verwendet hast, es muss aber nicht unbedingt sein.
• Ja, du darfst Grafiken anbieten, die du mit Hilfe eines der Tutorials erstellt hast. Allerdings ist es dann Pflicht, dass du mich irgendwo auf deiner Petpage verlinkst.
• Du darfst nicht vorgeben, alles "ganz ohne fremde Hilfe" erstellt zu haben.
• Schicke mir bitte eine Neomail, wenn du Fehler auf der Page findest.
• Hab Spaß hier! :D

Hast du Fragen zu den Regeln? Hier kannst du mir einfach eine Neomail schicken.

Frage vorschlagen

kommen bald, bin heute nicht so kreativ :P

Brushes, auch Werkzeugspitzen oder Pinsel genannt, kannst du ganz leicht selbst machen. Erst erstellst du eine Datei, sie sollte nicht zu klein sein, damit genug Platz ist.

Jetzt geht's ans Gestalten. Du kannst Bilder einfügen, etwas zeichnen, Text schreiben, was du willst. Lass deiner Fantasie einfach freien Lauf. Du kannst auch auf mehreren Ebenen arbeiten, das ist ganz egal. Achtung: Weiße Farbe ist nachher nicht mehr zu sehen, also transparent!

Ich habe einfach nur ein Angelpuss eingefügt. Es macht nichts, wenn rundherum noch viel freier Platz ist. Dein Brush wird nachher automatisch so zugeschnitten, dass nur noch Teile des Bildes zu sehen sind, auf denen sich Farbe befindet.

Sobald du deinen Brush fertig gestaltet hast, klickst du auf Bearbeiten - Pinselvorgabe festlegen. Ich arbeite mit Photoshop CS3, falls du eine andere Version verwendest, könnte dieser Befehl irgendwo anders im Menü versteckt sein. Gib nun einen Namen ein, in meinem Fall war "Angelpuss" sehr naheliegend :PWenn du auf OK klickst, wird dein Brush gespeichert.

Gut gemacht, du hast gerade deinen eigenen Brush erstellt!

Verwenden kannst du ihn wie jeden anderen. Wähle ihn einfach aus, nimm eine Farbe und mal drauf los. :)

Du kannst noch nicht so gut coden, möchtest aber trotzdem ein selbst erstelltes, schlichtes Petpage Layout? Keine Sorge, dieses Layout ist ganz einfach zu erstellen, du brauchst keinerlei Programmier- oder Grafikkenntnisse. ^^

Links siehst du ein Beispiel-Layout. Ziehe das Bild in die Adressleiste, um es in Originalgröße zu sehen.

Hm, willst du auch so eines? Kopiere zuerst den folgenden Grundcode:

<style type="text/css"></style> body { background: #FFFFFF; color: #FFFFFF; font-family: Verdana, Geneva, Arial, sans-serif; font-size: 12px; text-align: center; } h1, h2 { color: #FFFFFF; text-align: center; font-weight: normal; } a { color: #FFFFFF; text-decoration: none; } a:hover { color: #FFFFFF; text-decoration: none; } i { color: #FFFFFF; } b { color: #FFFFFF; } .mitte { text-align: center; } #all { background: #FFFFFF; border: 2px solid #FFFFFF; text-align: left; padding-top: 20px; padding-bottom: 20px; padding-right: 50px; padding-left: 50px; margin-left: auto; margin-right: auto; margin-top: 50px; margin-bottom: 50px; width: 500px; } /> <div id="all"> <h1>Willkommen!</h1> <p class="mitte"><a href="http://www.neopets.com/">Link</a> - <i>Kursiver Text</i> - <b>Fetter Text</b></p> <p>Dein Text</p> <h2>Überschrift</h2> <p>Dein Text</p> <p>Markiere ihn und drücke <i>Strg</i>+<i>C</i>, dann gehst du auf <a href="http://www.neopets.com/edithomepage.phtml">diese Seite</a>, wählst die Petpage aus und fügst das ganze mit <i>Strg</i>+<i>V</i> in das HTML-Feld ein.</p> <p>Gut, jetzt musst du nur noch einige Dinge ersetzen, vor allem HEX-Codes, das sind Codes, die Farben angeben. Der HEX-Code für weiß ist zum Beispiel #FFFFFF, der für rot #FF0000, der für pink #FF0055 und so weiter und so fort. Such einfach bei Google nach <i>HEX-Codes</i>, klicke auf ein Ergebnis und du hast gleich eine Menge Farbcodes vor deiner Nase, die du einfügen kannst. ^^</p> <p>Oben im Code habe ich bei allen HEX-Codes, die du ersetzen kannst, einfach #FFFFFF eingegeben, damit du es gleich siehst.</p> <p>body {<br> background: #FFFFFF; <i>Hintergrundfarbe der Page</i><br> color: #FFFFFF;<i>Textfarbe</i><br> font-family: Verdana, Geneva, Arial, sans-serif;<br> font-size: 12px;<br> text-align: center;<br> }</p> <p>h1, h2 {<br> color: #FFFFFF; <i>Textfarbe der Überschriften</i><br> text-align: center;<br> font-weight: normal;<br> } </p> <p>a {<br> color: #FFFFFF; <i>Textfarbe der Links</i><br> text-decoration: none; <i>Weiter unten erfährst du mehr über text-decoration!</i><br> }</p> <p> a:hover {<br> color: #FFFFFF; <i>Textfarbe der Links, wenn man mit der Maus darüber fährt</i><br> text-decoration: none; <i>Weiter unten erfährst du mehr über text-decoration!</i><br> }</p> <p> i {<br> color: #FFFFFF; <i>Textfarbe von kursivem Text</i><br> } </p> <p> b {<br> color: #FFFFFF; <i>Textfarbe von fettem Text</i><br> }</p> <p> .mitte {<br> text-align: center;<br> }</p> <p> #all {<br> background: #FFFFFF; <i>Hintergrundfarbe des Textfeldes</i><br> border: 2px solid #FFFFFF; <i>Farbe des Rahmens</i><br> text-align: left;<br> padding-top: 20px;<br> padding-bottom: 20px;<br> padding-right: 50px;<br> padding-left: 50px;<br> margin-left: auto;<br> margin-right: auto;<br> margin-top: 50px;<br> margin-bottom: 50px;<br> width: 500px;<br> }</p> <p>Super, das wäre erledigt x)<br> Jetzt erzähle ich dir noch etwas über <i>text-decoration</i>. Mit <i>text-decoration</i> kannst du deine Links ein wenig anders gestalten.<br> Du kannst den Standard <i>none</i> so ändern:</p> <p><i>underline:</i> Text unterstreichen<br><i>overline:</i> Text überstreichen<br><i>underline overline:</i> Text unter- und überstreichen<br><i>line-through:</i> Text durchstreichen<br><i>blink:</i> Der Text blinkt, was von vielen Usern als nervend empfunden wird. Netscape 4 und Internet Explorer unterstützen <i>blink</i> nicht.</p> <p>Gut, jetzt hast du das Layout fertig gecodet! :)<br> Natürlich kannst du auch noch alles mit Bildern und anderen Dingen verschönern, falls du dazu in der Lage bist.</p> <p>Wenn du jetzt Text einfügen willst, ist es eigentlich ganz einfach:</p> <p><textarea><p>Absatz</p> <p>Und noch einer. ^^</p><a href="http://www.neopets.com/">Link</a><i>Kursiv</i><b>Fett</b><h1>Große Überschrift</h1><h2>Kleine Überschrift</h2><p class="mitte">Einzelner, zentrierter Absatz</p>

Viel Spaß mit deinem Layout! ;]