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.
Plaatjes:1 Een beetje zoals bij Alpenglow Kleuren: Als het kan de kleur van Barnsteen Hover: nee Icons: Een glimmende steen onderaan de tekst Ideeën voor lay-out: Als deze niet lukt dan kun je ook dit plaatje gebruiken? Tenminste zonder de boven en onderkant. XP: Gebruik: Mag, zolang hij niet te veel op die van Amberpaw lijkt. Overige: Een speelse look, maar toch ook hard. Mocht dat lukken anders alleen speels en verras me.
Onderwerp: Re: Marieke's template codes wo 25 dec 2019 - 14:20
Hey Amberpaw ik heb je template af c: Een template op verzoek maken is moeilijker dan ik verwacht had, sorry dat het zo lang duurde ^^" Het lukte me niet zo makkelijk om het amber-kleurtje mooi te matchen met de plaatjes die je me gestuurd hebt, dus hier is een versie zonder plaatje. Ik weet niet of ik er tevreden mee ben, dus wie weet maak ik op een ander moment een nieuwe en hopelijk betere versie.
Als iemand anders 'm wil gebruiken, moeten ze even op alle plekken waar "Amber" in de code staat een ander woord neerzetten, en wil je de accent kleur aanpassen, dan moet je de hex code aan het begin van de "style" code (--accent:#c57413;) veranderen. Wil je het hart-icoontje veranderen dan moet je ra-glass-heart in de code vervangen met een ander dingetje van deze site. Verder is hier een voorbeeld van vetgedrukte tekst en hier een voorbeeld van cursieve tekst
Ambersoul
Notes can go here, but don't make them too long. I think there can be a maximum of two lines for notes (including the tag) // @Amberpaw@
code:
Code:
<div class="AmberCont"> <div class="AmberText"> Text Goes Here, <b>This is bold</b> and <i>This is Italic</i></div> <div class="AmberName"> Ambersoul <i class="ra ra-glass-heart"></i> </div> <div class="AmberNotes">Notes can go here, but don't make them too long. I think there can be a maximum of two lines for notes (including the tag) // @Tag</div></div><div style="width:500px;text-align:center;margin:0 auto;opacity:0.75;font-size:10px"><a href="http://pixel-perfect.boards.net/user/1151">thx</a></div><link href="https://fonts.googleapis.com/css?family=Lato|Playfair+Display&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://nagoshiashumari.github.io/Rpg-Awesome/stylesheets/rpg-awesome.min.css"><style>.AmberCont{ --accent:#c57413; width:500px; height:400px; background-color:#555; margin:0 auto; border:5px solid #bebebe;}.AmberText{ width:450px; height:280px; overflow:auto; margin:10px auto; background-color:rgba(190,190,190,0.95); padding:5px; color:black; text-align:justify; font-family:Lato; font-size:13px;}.AmberText::-webkit-scrollbar{ width:5px;}.AmberText::-webkit-scrollbar-thumb{ background-color:var(--accent);}.AmberText::-webkit-scrollbar-track{ display:none;}.AmberText b{ color:var(--accent); font-family:Playfair Display; text-shadow:1px 0px #dedede, 0px 1px #dedede, 0px -1px #dedede, -1px 0px #dedede;}.AmberText i{ color:var(--accent); background-color:#ddd; padding:2px;}.AmberName{ font-size:40px; font-family:playfair display; line-height:50px; text-align:center; color:#bebebe;}.AmberName i{ color:var(--accent); font-size:50px; text-shadow:0px 0px 30px #dedede;}.AmberNotes{ font-family:playfair display; height:30px; width:475px; margin:0 auto; color:#dedede; font-size:12px;}.AmberNotes a{ color:var(--accent); mix-blend-mode:color-dodge;}</style>
Onderwerp: Re: Marieke's template codes di 18 feb 2020 - 12:06
Hier is een kleine remake van Freak Show, want ik was niet heel tevreden met de eerste versie ^^" De informatie zal verschijnen wanneer je met je muis over de plaatjes gaat. Om de kleuren aan te passen hoef je enkel de hexcodes bij --FSRaccent# (waarbij # een nummer is) aan het begin van de code te veranderen, en voor de plaatjes vervang je de plekken waar in hoofdletters URL staat met een link naar een 230x230 pixels groot plaatje.
Het is (nog steeds) een multi-plotter (of multi-shipper, of hoe je zo'n ding ook wil noemen), dus een template dat gebruikt kan worden voor het vinden van connecties en relaties voor meerdere characters tegelijkertijd :3
I lost myself in make-believe
first last
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 text goes here Friends 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 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 Others text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here
longname last
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 text goes here Friends 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 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 Others text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here
screeeeeeeeeeeeeeeee
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 text goes here Friends 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 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 Others text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here
Taro
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 text goes here Friends 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 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 Others text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here
<style> --FSRaccent1:#A8A79E; --FSRaccent2:#521B5B; --FSRaccent3:#AC8E89; --FSRaccent4:#BCB64C;</style><div class="FSRcont"> <div class="FSRtitle">I lost myself in make-believe</div> <div class="FSRbox"> <div class="FSRchar1"> <div class="FSRchar1-img"> <div class="FSRchar1-name">first last</div> </div> <div class="FSRchar1txt"> 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 text goes here<br> <b>Friends</b><br>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><br>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>Enemies</b><br>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>Others</b><br>text goes here 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="FSRchar2"> <div class="FSRchar2-img"> <div class="FSRchar2-name">longname last</div> </div> <div class="FSRchar2txt"> 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 text goes here<br> <b>Friends</b><br>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><br>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>Enemies</b><br>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>Others</b><br>text goes here 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="FSRchar3"> <div class="FSRchar3-img"> <div class="FSRchar3-name">screeeeeeeeeeeeeeeee</div> </div> <div class="FSRchar3txt"> 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 text goes here<br> <b>Friends</b><br>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><br>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>Enemies</b><br>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>Others</b><br>text goes here 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="FSRchar4"> <div class="FSRchar4-img"> <div class="FSRchar4-name">Taro</div> </div> <div class="FSRchar4txt"> 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 text goes here<br> <b>Friends</b><br>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><br>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>Enemies</b><br>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>Others</b><br>text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here </div> </div> </div> <div class="FSRtitle">You can't break me</div></div><div style="width:500px;text-align:center;margin:0 auto;opacity:0.75;font-size:10px"><a href="http://pixel-perfect.boards.net/user/1151">thx</a></div><link href="https://fonts.googleapis.com/css?family=Open+Sans|Pompiere" rel="stylesheet"><style>.FSRcont{width:500px; margin:0 auto;}.FSRtitle{ text-align:center; font-family:pompiere; font-size:35px; line-height:50px;}.FSRbox{ display:flex; flex-wrap:wrap; flex-direction:row; justify-content:center;}.FSRchar1{ width:240px; height:240px; margin:2px; background-color:white; overflow:hidden; border:1px solid var(--FSRaccent1);}.FSRchar1-img{ width:230px; height:230px; background-poisition:center; transition:0.4s; -o-transition:0.4s; -moz-transition:0.4s; border:5px solid var(--FSRaccent1); background-image:url(URL); background-size:cover;}.FSRchar1-name{ font-family:pompiere; text-transform:uppercase; font-size:30px; line-height:35px; font-weight:bold; color:var(--FSRaccent1); text-align:center; position:relative; top:200px; text-shadow:1px 2px black;}.FSRchar1:hover .FSRchar1-img{ width:75px; height:75px; border:3px solid var(--FSRaccent1); position:relative; float:left; margin-right:3px;}.FSRchar2{ width:240px; height:240px; margin:2px; background-color:white; overflow:hidden; border:1px solid var(--FSRaccent2);}.FSRchar2-img{ width:230px; height:230px; background-poisition:center; transition:0.4s; -o-transition:0.4s; -moz-transition:0.4s; border:5px solid var(--FSRaccent2); background-image:url(URL); background-size:cover;}.FSRchar2-name{ font-family:pompiere; text-transform:uppercase; font-size:30px; line-height:35px; font-weight:bold; color:var(--FSRaccent2); text-align:center; position:relative; top:200px; text-shadow:1px 2px black;}.FSRchar2:hover .FSRchar2-img{ width:75px; height:75px; border:3px solid var(--FSRaccent2); position:relative; float:left; margin-right:3px;}.FSRchar3{ width:240px; height:240px; margin:2px; background-color:white; overflow:hidden; border:1px solid var(--FSRaccent3);}.FSRchar3-img{ width:230px; height:230px; background-poisition:center; transition:0.4s; -o-transition:0.4s; -moz-transition:0.4s; border:5px solid var(--FSRaccent3); background-image:url(URL); background-size:cover;}.FSRchar3-name{ font-family:pompiere; text-transform:uppercase; font-size:30px; line-height:35px; font-weight:bold; color:var(--FSRaccent3); text-align:center; position:relative; top:200px; text-shadow:1px 2px black;}.FSRchar3:hover .FSRchar3-img{ width:75px; height:75px; border:3px solid var(--FSRaccent3); position:relative; float:left; margin-right:3px;}.FSRchar4{ width:240px; height:240px; margin:2px; background-color:white; overflow:hidden; border:1px solid var(--FSRaccent4);}.FSRchar4-img{ width:230px; height:230px; background-poisition:center; transition:0.4s; -o-transition:0.4s; -moz-transition:0.4s; border:5px solid var(--FSRaccent4); background-image:url(URL); background-size:cover;}.FSRchar4-name{ font-family:pompiere; text-transform:uppercase; font-size:30px; line-height:35px; font-weight:bold; color:var(--FSRaccent4); text-align:center; position:relative; top:200px; text-shadow:1px 2px black;}.FSRchar4:hover .FSRchar4-img{ width:75px; height:75px; border:3px solid var(--FSRaccent4); position:relative; float:left; margin-right:3px;}.FSRchar1txt, .FSRchar2txt, .FSRchar3txt, .FSRchar4txt{ height:234px; opacity:0; font-family:open sans; font-size:13px; text-align:justify; overflow:auto; transition:0.4s; -o-transition:0.4s; -moz-transition:0.4s; background-color:RGBA(255,255,255,0.7); position:relative; z-index:2; padding:3px; color:black;}.FSRchar1txt::-webkit-scrollbar, .FSRchar2txt::-webkit-scrollbar, .FSRchar3txt::-webkit-scrollbar, .FSRchar4txt::-webkit-scrollbar{ display:none;}.FSRchar1:hover .FSRchar1txt, .FSRchar2:hover .FSRchar2txt, .FSRchar3:hover .FSRchar3txt, .FSRchar4:hover .FSRchar4txt{ opacity:1;}</style>
stuff:
icon art by Babs
Laatst aangepast door Slate op ma 23 maa 2020 - 11:18; in totaal 1 keer bewerkt
Onderwerp: Re: Marieke's template codes di 24 maa 2020 - 10:44
oké dit is geen posting template ding, maar ik ben er erg trots op dus wil ik het wel even delen.
Ik heb een eigen forum skin gemaakt die gewoon gebruikt mag worden door iedereen die dat zou willen. Het is voor forums die gehost zijn op jcink. De preview en XML download zijn hier te vinden.
Dit is de eerste keer dat ik iets als dit gemaakt heb, dus ik ga er van uit dat er her en der nog wat foutjes in zitten maar voor nu ziet het er allemaal goed uit en weet ik niet zo snel wat er fout gegaan zou kunnen zijn ^^"
Onderwerp: Re: Marieke's template codes do 7 mei 2020 - 19:24
I am here waiting Waiting for the storm
Heyo, nieuwe code hier!! Aanschouw: Waiting for the Storm, een template die ik ooit eerder gemaakt had voor een ander forum, maar dat forum is inactief geworden dus uhhhh, hier is de code :3
dit is bolden dit is italic, de accentkleur is #836094 en rgba(131,96,148,0.2) (beiden zijn dezelfde kleur, maar de tweede is een beetje doorzichtig door de 0.2)
Onderwerp: Re: Marieke's template codes zo 17 mei 2020 - 15:35
Laudato si Ad astra
Hallo hallo, hier is een mooie sheet genaamd Moonlit. Het is een simpele, uitrekkende sheet met als thema de maan. Als je met je muis over de sheet heengaat zul je zien dat de maan begint te gloeien!
Onderwerp: Re: Marieke's template codes do 27 aug 2020 - 17:30
kleine update: ik heb eindelijk het probleem met het tekstvlak-lettertype van Weak Fantasy opgelost (het was vrij simpel maar ik had er gewoon niet aan gedacht om het op deze manier op te lossen (oeps))
stuff:
icon art by Babs
Dreamer
Member
Marieke 276 Actief "Please, believe you'll be a dream catcher"
Onderwerp: Re: Marieke's template codes do 3 dec 2020 - 12:21
hoi ik heb voor het eerst in veel te lang een nieuw code ding in elkaar geknutseld. Deze is hopelijk relatief makkelijk aan te passen via de variables aan het begin van de code. Vergeet niet om op alle plekken in de code waar NAME staat dat te vervangen door de naam van je character of iets anders want anders krijg je mogelijk problemen als dit template vaker op dezelfde pagina gebruikt wordt.
Onderwerp: Re: Marieke's template codes zo 27 dec 2020 - 13:36
ik weet niet hoeveel mensen er hier van dit soort dingen gebruiken op Toyhou.se maar ik heb gisteren een nieuw character profile template in elkaar geknutseld en wil die graag even delen ^^
Onderwerp: Re: Marieke's template codes wo 3 feb 2021 - 17:05
Mossy Vibes
ayyyy, ik heb weer eens iets gemaakt :3 Dit is Mossy Vibes, een vrij simpel posting template dat uitrekt als er meer tekst in komt.
Kleuren kunnen aangepast worden bij de hexcodes achter --MOSSY1, --MOSSY2, en --MOSSY3 aan het begin van de code. Als je dit template gebruikt, gelieve alle plekken waar MOSSY staat te veranderen naar de naam van je character of een ander specifiek woord om problemen met dubbele CSS te voorkomen.
De icoontjes van de plant en de paddenstoelen komen van Saturn Icons en kunnen aangepast worden door sf-leaf-1-o en sf-mushroom in deze code te vervangen door andere Saturn Icon namen, al kan ik niet beloven dat alle icoontjes goed werken met deze template ^^"