We're part of a story, part of a tale. We're all on this journey, no one is to stay. Where ever it's going. What is the way?
Welcome
Warrior Cats is een rollenspel gebaseerd op de serie 'Warriors' van Erin Hunter. Je verkent hier al schrijvend de geliefde wereld van de Clankatten, rogues en kittypets. Dit doe je door je eigen karakter aan te maken, waarbij je bijna alles zelf mag bepalen over uiterlijk en karakter. Wild of tam, goed of slecht, sociaal of eenling? Help jij oorlogen te voorkomen? Of ben je een van de katten die hongerig opzoek is naar een groter territorium en meer macht? Het kan allemaal op Warrior Cats.
KIND OF WEATHER
NEWLEAF
Season
Newleaf, 10°C - 20°C
Langzaam maar zeker komen de eerste bloemen weer op. De zon breekt weer door wat zorgt voor een aantal warme dagen. Newleaf zet alles in volle bloei.
Hewwo, ik ben Marieke en ik maak post templates met HTML en CSS code zooi. In dit topic staan verscheidene templates en dingen die ik gemaakt heb. Naast de templates die hier staan maak ik ook soms profielen voor op Toyhouse. Dit topic was origineel bedoeld voor een coding challenge die ik gedaan heb, maar nu die af is kan ik mooi dit topic hergebruiken voor de rest van mijn codes :'D
Op alle codes zitten credits, een tekst of symbooltje dat teruglinkt naar een van mijn accounts (in het geval van de post templates gaat het naar mijn Pixel Perfect account, en ik het geval van de Toyhouse profielen gaat het naar mijn coding account op TH)
Je mag mijn codes aanpassen naar je wil, zo lang de credits er maar op blijven staan!
Oké, dus ik heb besloten om verzoekjes te nemen voor templates en dergelijke. Dit betekent dat ik een code zal proberen te maken naar hoe jij wil dat het er uit komt te zien. Ik zal aangeven in de code wat waar moet, dit doe ik in hoofdletters (terwijl de rest van de code als het goed is in kleine letters is) zodat het hopelijk makkelijk te vinden is, ook voor mensen die niet weten hoe dit soort dingen werken.
Kopieer het lijstje hieronder naar een nieuwe post en vul het in om iets aan te vragen. Een mockup (plaatje van hoe jij wil dat de template er uit komt te zien, hoeft niet gedetailleerd te zijn en kan ook gewoon in Paint of zo gemaakt worden met gekleurde rechthoeken en zo om aan te geven hoe jij wil dat het er uit komt te zien) is altijd handig, maar niet nodig.
Code:
[b]Plaatjes:[/b] (Hoeveel? Welke vormen en/of groottes?) [b]Kleuren:[/b] (Grijstinten met een accentkleur? Verschillende tinten van dezelfde kleur? Noem maar op en ik zal kijken wat ik er mee kan) [b]Hover:[/b] (Wil je effecten als je met je muis over (specifieke delen van) de template gaat? Zo ja, wat voor effecten?) [b]Icons:[/b] (wil je icoontjes (van bijvoorbeeld Honeybee Icons of RPG Awesome) in je template? Zo ja, welke? En waar?) [b]Ideeën voor lay-out:[/b] (Wat voor vorm de template moet hebben, welke dingen waar moeten komen, etc. Als je een mockup hebt mag je die hier ook neerzetten) [b]Gebruik:[/b] (Mag ik de code van het ding dat ik maak delen met anderen of is het enkel voor jouw gebruik?) [b]Overige:[/b] (wat wil je verder nog laten weten?)
dit plaatje is gemaakt door Jamie
Laatst aangepast door Flight • op di 29 okt 2019 - 17:00; in totaal 27 keer bewerkt
Dit is Alpenglow er komt een scrollbar als dit tekstvak zich opvult uwu
Het icoontje op de achtergrond komt van Honeybee Icons, en kan makkelijk veranderd worden door de "th-mountain-o" in de code te veranderen naar de naam van het gewenste icoontje (bijvoorbeeld "th-shooting-star" of "th-leaf-o")
Dit is Freak Show, een multiplotter! Handig voor als je snel voor meerdere karakters contacten wil zoeken
Friends text goes here text goes here text goes here text goes here text goes here text goes here text goes here enemies text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here lovers? text goes here text goes here text goes here text goes here text goes here text goes here text goes here
Dit is Freak Show, een multiplotter! Handig voor als je snel voor meerdere karakters contacten wil zoeken
Friends text goes here text goes here text goes here text goes here text goes here text goes here text goes here enemies text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here lovers? text goes here text goes here text goes here text goes here text goes here text goes here text goes here
Dit is Freak Show, een multiplotter! Handig voor als je snel voor meerdere karakters contacten wil zoeken
Friends text goes here text goes here text goes here text goes here text goes here text goes here text goes here enemies text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here lovers? text goes here text goes here text goes here text goes here text goes here text goes here text goes here
Dit is Freak Show, een multiplotter! Handig voor als je snel voor meerdere karakters contacten wil zoeken
Friends text goes here text goes here text goes here text goes here text goes here text goes here text goes here enemies text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here lovers? text goes here text goes here text goes here text goes here text goes here text goes here text goes here
<style type="text/css">.freakshowcont{ --freakaccent_1:#A8A79E; --freakaccent_2:#521B5B; --freakaccent_3:#AC8E89; --freakaccent_4:#BCB64C;}</style><div class="freakshowcont"><div class="freakshowtitle">I lost myself in make-believe</div><div class="freakshowchar1"><div class="freakshowchar1cont"><h2>NAME</h2><p><a href="#">app</a></p>some info 'bout the nerd<br><br><b>Friends</b> text goes here text goes here text goes here text goes here text goes here text goes here text goes here<br><b>enemies</b> text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here<br><b>lovers?</b> text goes here text goes here text goes here text goes here text goes here text goes here text goes here</div></div><div class="freakshowchar2"><div class="freakshowchar2cont"><h2>NAME</h2><p><a href="#">app</a></p>some info 'bout the nerd<br><br><b>Friends</b> text goes here text goes here text goes here text goes here text goes here text goes here text goes here<br><b>enemies</b> text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here<br><b>lovers?</b> text goes here text goes here text goes here text goes here text goes here text goes here text goes here</div></div><div class="freakshowchar3"><div class="freakshowchar3cont"><h2>NAME</h2><p><a href="#">app</a></p>some info 'bout the nerd<br><br><b>Friends</b> text goes here text goes here text goes here text goes here text goes here text goes here text goes here<br><b>enemies</b> text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here<br><b>lovers?</b> text goes here text goes here text goes here text goes here text goes here text goes here text goes here</div></div><div class="freakshowchar4"><div class="freakshowchar4cont"><h2>NAME</h2><p><a href="#">app</a></p>some info 'bout the nerd<br><br><b>Friends</b> text goes here text goes here text goes here text goes here text goes here text goes here text goes here<br><b>enemies</b> text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here<br><b>lovers?</b> text goes here text goes here text goes here text goes here text goes here text goes here text goes here</div></div><div class="freakshowtitle">you can't break me</div><div class="freakshowcredticks"><a href="http://pixel-perfect.boards.net/user/1151">thx</a></div></div><link href="https://fonts.googleapis.com/css?family=Open+Sans|Pompiere" rel="stylesheet"><style type="text/css">.freakshowcont{ width:500px; display:flex; flex-direction:row; flex-wrap:wrap; margin:0px auto;}.freakshowcont ::-webkit-scrollbar{ display:none;}.freakshowtitle{ font-family:pompiere; font-size:45px; width:500px; line-height:50px; text-align:center;}.freakshowchar1{ width:240px; height:250px; background-color:var(--freakaccent_1); background-position:top center; background-image:url(http://placehold.it/240x250); background-blend-mode:overlay; margin:2px; color:black;}.freakshowchar1cont{ opacity:0; width:200px; height:210px; background-color:rgba(255,255,255,0.8); margin:10px; padding:10px; transition:1.5s; text-align:justify; font-family:open sans; font-size:12px; overflow:auto;}.freakshowchar1cont h2{ font-size:25px; text-align:center; line-height:25px; margin-top:-1px; color:var(--freakaccent_1); font-family:pompiere;}.freakshowchar1cont b{ background-color:var(--freakaccent_1); color:#fff; font-weight:normal; padding:2px; font:pompiere; text-transform:uppercase;}.freakshowchar1cont p{ background-color:var(--freakaccent_1); color:#fff; font-weight:normal; padding:2px; font:pompiere; text-transform:uppercase; text-align:center; margin-top:-20px;}.freakshowchar1cont a{ color:#fff; text-decoration:none;}.freakshowchar1:hover .freakshowchar1cont{ opacity:1;}.freakshowchar2{ width:240px; height:250px; background-color:var(--freakaccent_2); background-position:top center; background-image:url(http://placehold.it/240x250); background-blend-mode:overlay; margin:2px;}.freakshowchar2cont{ opacity:0; width:200px; height:210px; background-color:rgba(255,255,255,0.8); margin:10px; padding:10px; transition:1.5s; text-align:justify; font-family:open sans; font-size:12px; overflow:auto; color:black;}.freakshowchar2cont h2{ font-size:25px; text-align:center; line-height:25px; margin-top:-1px; color:var(--freakaccent_2); font-family:pompiere;}.freakshowchar2cont b{ background-color:var(--freakaccent_2); color:#fff; font-weight:normal; padding:2px; font:pompiere; text-transform:uppercase;}.freakshowchar2cont p{ background-color:var(--freakaccent_2); color:#fff; font-weight:normal; padding:2px; font:pompiere; text-transform:uppercase; text-align:center; margin-top:-20px;}.freakshowchar2cont a{ color:#fff; text-decoration:none;}.freakshowchar2:hover .freakshowchar2cont{ opacity:1;}.freakshowchar3{ width:240px; height:250px; background-color:var(--freakaccent_3); background-position:top center; background-image:url(http://placehold.it/240x250); background-blend-mode:overlay; margin:2px; color:black;}.freakshowchar3cont{ opacity:0; width:200px; height:210px; background-color:rgba(255,255,255,0.8); margin:10px; padding:10px; transition:1.5s; text-align:justify; font-family:open sans; font-size:12px; overflow:auto;}.freakshowchar3cont h2{ font-size:25px; text-align:center; line-height:25px; margin-top:-1px; color:var(--freakaccent_3); font-family:pompiere;}.freakshowchar3cont b{ background-color:var(--freakaccent_3); color:#fff; font-weight:normal; padding:2px; font:pompiere; text-transform:uppercase;}.freakshowchar3cont p{ background-color:var(--freakaccent_3); color:#fff; font-weight:normal; padding:2px; font:pompiere; text-transform:uppercase; text-align:center; margin-top:-20px;}.freakshowchar3cont a{ color:#fff; text-decoration:none;}.freakshowchar3:hover .freakshowchar3cont{ opacity:1;}.freakshowchar4{ width:240px; height:250px; background-color:var(--freakaccent_4); background-position:top center; background-image:url(http://placehold.it/240x250); background-blend-mode:overlay; margin:2px; color:black;}.freakshowchar4cont{ opacity:0; width:200px; height:210px; background-color:rgba(255,255,255,0.8); margin:10px; padding:10px; transition:1.5s; text-align:justify; font-family:open sans; font-size:12px; overflow:auto;}.freakshowchar4cont h2{ font-size:25px; text-align:center; line-height:25px; margin-top:-1px; color:var(--freakaccent_4); font-family:pompiere;}.freakshowchar4cont b{ background-color:var(--freakaccent_4); color:#fff; font-weight:normal; padding:2px; font:pompiere; text-transform:uppercase;}.freakshowchar4cont p{ background-color:var(--freakaccent_4); color:#fff; font-weight:normal; padding:2px; font:pompiere; text-transform:uppercase; text-align:center; margin-top:-20px;}.freakshowchar4cont a{ color:#fff; text-decoration:none;}.freakshowchar4:hover .freakshowchar4cont{ opacity:1;}.freakshowcredticks{ width:450px; text-align:right; margin-top:-50px;}.freakshowcredticks a{ text-decoration:none; font-size:10px; opacity:0.75;}</style>
dit plaatje is gemaakt door Jamie
Laatst aangepast door Flight • op di 30 apr 2019 - 16:10; in totaal 1 keer bewerkt
Age: contentGender: contentOccupation: contentPreferred face claim: character from series
Dit is Hald Mich 's Vas, het is een wanted ad, oftewel een template dat gebruik kan worden voor die topics waarin je familie zoekt voor je chars. Deze is voor één karakter, maar als het goed is kun je 'm kopiëren en plakken zodat je er meerdere hebt. (je moet dan wel de classes veranderen als je wil dat ze niet allemaal exact hetzelfde zijn)
dit tekstvak rekt uit wanneer er meer tekst in komt uwu
Dit is Isara, een lekker luchtig posting template ;3 Als je over dit template heen hovert zul je wolkjes voorbij zien komen, en als je er dan weer vanaf gaat met je muis zullen de wolkjes stil blijven hangen c: Ook zal het plaatje hier aan de zijkant automatisch de vorm van de zon krijgen, je hoeft dus geen mad photoshop skills te hebben daarvoor (:
Als dit tekstvak zich opvult komt er een scrollbar uwu
<style type="text/css">.jump_cont{--jump_accent1:#9edea1;--jump_accent2:#68a46b;}</style><div class="jump_cont"><div class="jump_top"><div class="jump_icon"></div><div class="jump_tag">@[someone]</div></div><div class="jump_msg"><div class="jump_txt">this is a message by your character.</div><div class="jump_txt_alt">and this is a message by the person they're texting</div></div></div><div class="jump_credticks"><a href="http://pixel-perfect.boards.net/user/1151">thx</a></div><link href="https://fonts.googleapis.com/css?family=Concert+One|Raleway:600" rel="stylesheet"><style type="text/css">.jump_cont{width:225px;height:350px;margin:0 auto;background-color:var(--jump_accent1);border:2px solid var(--jump_accent2);}.jump_top{width:201px;height:36px;padding:12px;}.jump_icon{width:50px;height:50px;background-image:url(http://placehold.it/50x50);border-radius:50px;border:3px solid var(--jump_accent2);margin-top:-10px;}.jump_tag{color:#fff;font-size:30px;text-align:right;margin-top:-50px;}.jump_tag a{color:#fff !important;font-family: concert one !important;text-decoration:none;}.jump_msg{width:215px;height:280px;padding:5px;background-color:#fff;overflow:auto;font-family:raleway;font-weight:600;}.jump_msg::-webkit-scrollbar{width:5px;}.jump_msg::-webkit-scrollbar-thumb{background-color:var(--jump_accent1);border-radius:1px;}.jump_msg::-webkit-scrollbar-track{background-color:#fff;}.jump_txt{font-size:12px;position:relative;float:right;max-width:125px;padding:3px;border-radius:15px 15px 0px 15px;color:var(--jump_accent2);background-color:var(--jump_accent1);margin-bottom:5px;text-align:right;}.jump_txt_alt{position:relative;float:left;font-size:12px;max-width:125px;padding:3px;border-radius:15px 15px 15px 0px;color:var(--jump_accent2);background-color:#fff;border:1px solid var(--jump_accent1);margin-bottom:5px;text-align:left;}.jump_credticks{width:225px;margin:0 auto;text-align:center;font-size:10px;}</style>
Gebruik de onderstaande code voor jouw berichten, plak ze binnen de "jump_msg" div
Code:
<div class="jump_txt">this is a message by your character.</div>
Gebruik de onderstaande code voor de berichten van je medespeler, plak ze binnen de "jump_msg" div
Code:
<div class="jump_txt_alt">and this is a message by the person they're texting</div>
Onderwerp: Re: Marieke's template codes do 16 mei 2019 - 18:20
Mister Blue Sky
please tell us why you had to hide away for so long
Dit is Mister Blue Sky, een redelijk basic template dat gebruikt kan worden voor verschillende dingen. Dit tekstvak gaat scrollen als er genoeg tekst in komt uwu
@Goldenpaw* Dit is niet echt een post ding, maar het is een "technology template" geïnspireerd door YouTube. Je kunt een video embedden, maar je kunt ook gewoon een plaatje gebruiken (zorg er dan wel voor dat je de video's embed-code weghaalt)
Onderwerp: Re: Marieke's template codes za 8 jun 2019 - 14:13
Partners in crime
Oké, dit template is meer bedoeld voor site-gerelateerde topics zoals regels en mededelingen en dergelijke maar van mij mag je 'm ook als post template gebruiken aangezien hij daar ook wel voor zou kunnen werken.
Iedere < p > (zonder spaties) heeft zo'n coole grote letter. Wil je geen coole grote letter aan het begin van je zin/paragraaf, laat de < p > tags dan weg uwu
@Goldenpaw* Dit is niet echt een post ding, maar het is een "technology template" geïnspireerd door YouTube. Je kunt een video embedden, maar je kunt ook gewoon een plaatje gebruiken (zorg er dan wel voor dat je de video's embed-code weghaalt)
Commenter name a comment goes here uwu
Commenter name a comment goes here uwu
Commenter name a comment goes here uwu
Commenter name a comment goes here uwu