Flauschigster NPC der Welt
Raichu
Anzahl der Beiträge : 155
Pika-Dollar : 0
Anmeldedatum : 12.09.15
Thema: Optionaler Teil der Charakterseite (+ Vorlage) Di Sep 22, 2015 8:39 pm Ihr habt die Möglichkeit weitere Teile zu eurer Charakteseite hinzuzufügen, um weitere Informationen über euren Charakter angeben zu können. Die neuen Teile könnt ihr einfach dazu posten, So könnt ihr zum Beispiel Beziehungen zu anderen, genauere Informationen über die Pokémon, etc. angeben.
Einige optionale Vorlagen wären diese:
Vorlage Beziehungen & Geschichte: Name
Familie: Freunde: Feinde: Rivalen: Reisebegleiter: Ehemalige Reisebegleiter: Partner/Partnerin:
code: Code: <center><link href="http://fonts.googleapis.com/css?family=Allura" rel="stylesheet" type="text/css" /> <div style="height: auto; width: 550px; background-color: #CED8F6; border-top-left-radius: 20px; border-top-right-radius: 20px; border: 1px dashed #9F81F7;"> <div style="font-family: Allura; font-size: 60px; color: #81BEF7; text-shadow: 3px 3px 3px black; letter-spacing: 3px;">Name</div> <div style="height: 2px; width: 550px; background-color: #9F81F7; margin-top: -20px;"> </div> <div style="height: auto; width: 500px; background-color: #A9D0F5; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border: 1px dotted #BCA9F5"> <div style="font-family: Allura; font-size: 40px; color: #BE81F7; letter-spacing: 3px; margin-top: -50px;"> [right]Relations[/right] </div> [left]<b>Familie:</b> <b>Freunde:</b> <b>Feinde:</b> <b>Rivalen:</b> <b>Reisebegleiter:</b> <b>Ehemalige Reisebegleiter:</b> <b>Partner/Partnerin:</b> [/left] </div> <div style="height: auto; width: 500px; background-color: #A9D0F5; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border: 1px dotted #BCA9F5"> <div style="font-family: Allura; font-size: 40px; color: #BE81F7; letter-spacing: 3px; margin-top: -50px;"> [right]Story[/right] </div> [left]<b>Geschichte:</b> <b>Ziele:</b> <b>Träume:</b> [/left] </div> </div></center>
Vorlage Pokémon:
Pokémon
Schreibe hier etwas über dein Pokémon
code: Code: <center><link href="http://fonts.googleapis.com/css?family=Allura" rel="stylesheet" type="text/css" /> <div style="height: auto; width: 550px; background-color: #CED8F6; border-top-left-radius: 20px; border-top-right-radius: 20px; border: 1px dashed #9F81F7;"> <div style="font-family: Allura; font-size: 60px; color: #81BEF7; text-shadow: 3px 3px 3px black; letter-spacing: 3px;"><center>Pokémon</center></div> <div style="height: 2px; width: 550px; background-color: #9F81F7; margin-top: -20px;"> </div> <style>.container {position:relative; overflow: hidden; width:400px; height:200px;} .container .textbox {position:absolute; top:0; left:0; width:400px; height:200px; margin-left:-410px; overflow: auto;} .container:hover .textbox {margin-left:0;} .container img {margin-left:0;} .container:hover img {margin-left:410px;} .text {padding: 20px; text-align:justify;} .container img, .textbox {-webkit-transition: all 0.7s ease; transition: all 0.7s ease;} </style> <div class="container"><img src="http://i.imgur.com/gH0zX7K.png" /> <div class="textbox"><p class="text"><div style="font-size: 40px; font-family: Allura; text-shadow: 2px 2px 2px black; color: white;"> [right]Name des Pokémon[/right] </div> [left]<div style="color: white;">Schreibe hier etwas über dein Pokémon</div>[/left] </p> </div></div> <div style="height: 2px; width: 400px; background-color: #9F81F7; margin-top: -20px;"> </div> </div>
Informationen: Der Code ist etwas schwerer, lässt sich jedoch mit etwas Übung beherrschen ;3. Das Bild des Absols ersetzt ihr durch ein Bild von eurem Pokémon mit den Maßen 300x200 (es ist wichtig,m dass ihr diese Maße einhaltet!) Um das Bild zu ersetzen löscht ihr bei folgendem Teil: Code: <div class="container"><img src="http://i.imgur.com/gH0zX7K.png" />
Folgendes: Code: http://i.imgur.com/gH0zX7K.png
und ersetzt es durch die url eures eigenen Bildes. Für jedes Pokémon kopiert ihr folgenden Teil und fügt ihn neu ein: Code: <div class="container"><img src="http://i.imgur.com/gH0zX7K.png" /> <div class="textbox"><p class="text"><div style="font-size: 40px; font-family: Allura; text-shadow: 2px 2px 2px black; color: white;"> [right]Name des Pokémon[/right] </div> [left]<div style="color: white;">Schreibe hier etwas über dein Pokémon</div>[/left] </p> </div></div> <div style="height: 2px; width: 400px; background-color: #9F81F7; margin-top: -20px;"> </div>