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.
Zoals sommigen van jullie misschien gezien/gemerkt hebben, schrijf ik wel eens wat codes voor sheetjes etcetera voor mijn karakters. Ik ben een tijdlang gestopt met het schrijven van codes door het niet vinden van inspiratie, maar die begin ik nu weer een beetje terug te krijgen! Ik wil daarom graag wat codes met jullie delen, misschien hebben jullie er wat aan of vinden jullie er een paar leuk om te gebruiken! Wel heb ik wat regeltjes die eraan vast zitten, dus lees die aub even goed door voordat je een code gebruikt!
Regels
Je mag niet mijn codes gebruiken als basiscode voor je eigen code.
Je mag niet als ik het sheetje niet in dit topic heb gezet, maar wel mee heb gepost (in een rpg topic bv) zomaar pakken zonder mijn toestemming!
Je mag niet mijn credits onderaan weghalen.
Je mag wel de kleuren veranderen.
Je mag wel de foto's veranderen.
Je mag wel deze sheets op andere fora gebruiken, zolang mijn credits blijven staan.
Kleuren kan je veranderen door de # te vinden met de kleurcode erachter. Plaatje door het plaatje van 'placeholder' te vervangen.
In de spoilers hieronder staan de codes, samen met een screenshot van hoe de code er uit kan zien bij het gebruik van de code. Dit zodat er niet teveel codes in dit topic komen te staan. Ik update dit topic met nieuwe codes wanneer ik tijd en zin heb en ik doe ook geen requests (alleen voor OTM). Wel zijn ideetjes altijd welkom waar ik mee kan prutsen en misschien dingen van kan leren (:
<link href="https://fonts.googleapis.com/css?family=Parisienne&display=swap" rel="stylesheet"><div align="center"><div style="background-color:#e2cec7;width:350px;border:1px solid #bda59d;border-radius:10px;margin-top:10px;padding:10px;text-align:justify;line-height:120%;font-size:10px;font-family:'Verdana';color:#635753;"><div style="background-color:#bda59d;width:350px;height:25px;margin-bottom:5px;"></div><div style="font-family:'Parisienne';font-size:25px;color:#6b4f46;text-shadow: 5px 2px 6px #f7d6cb;position:absolute;margin-left:130px;margin-top:-20px;">Naam hier</div>TEXT POST HIER text </div><a href="https://www.warriorcatsnl.com/u7281">Ɓσ</a> </div>
Not Alone (Postsheet(s))(2020):
Voor al deze sheets geld een minimum van 100 woorden per post, anders werkt de sheet niet goed! Versie 1 - Ronde hoeken, rond plaatje
Code:
<link href="https://fonts.googleapis.com/css?family=Parisienne&display=swap" rel="stylesheet"><div align="center"><div style="background-color:#cfdae3;width:350px;border:1px solid #8598a8;border-radius:10px;margin-top:10px;padding:5px;text-align:justify;line-height:120%;font-size:10px;font-family:'Verdana';color:#576978;"><div style="background-color:#8598a8;width:350px;height:25px;margin-bottom:5px;"></div><div style="font-family:'Parisienne';font-size:25px;color:#4e5f6e;text-shadow: 5px 2px 6px #f7d6cb;position:absolute;margin-left:202px;margin-top:-20px;">Name</div><div style="background-image:url(http://via.placeholder.com/120x120);border-radius:50%;float:left;height:120px;width:120px;padding;5px;border:1px solid #8598a8;margin-right:5px;margin-top:-29px;"></div>Dit is een sheetje voor minimaal 100 woorden, anders werkt ie niet, dan gaat de cirkel onder de sheet staan. Dus niet voor ultiem korte posts, rekt wel mee naar beneden dus voor lange posts zeer ideaal!
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div><a href="https://www.warriorcatsnl.com/u7281">Ɓσ</a> </div>
Versie 2 - vierkante sheet, rond plaatje
Code:
<link href="https://fonts.googleapis.com/css?family=Parisienne&display=swap" rel="stylesheet"><div align="center"><div style="background-color:#e2cec7;width:350px;border:1px solid #bda59d;margin-top:10px;padding:5px;text-align:justify;line-height:120%;font-size:10px;font-family:'Verdana';color:#635753;"><div style="background-color:#bda59d;width:350px;height:25px;margin-bottom:5px;"></div><div style="font-family:'Parisienne';font-size:25px;color:#6b4f46;text-shadow: 5px 2px 6px #f7d6cb;position:absolute;margin-left:202px;margin-top:-20px;">Name</div><div style="background-image:url(http://via.placeholder.com/120x120);border-radius:50%;float:left;height:120px;width:120px;padding;5px;border:1px solid #bda59d;margin-right:5px;margin-top:-29px;"></div>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <b>text text text text</b> <i>text text text text</i> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div><a href="https://www.warriorcatsnl.com/u7281">Ɓσ</a> </div>
Versie 3 - Vierkante sheet, rond plaatje, extra info voor wordcount, OOC en tag
Code:
<link href="https://fonts.googleapis.com/css?family=Parisienne&display=swap" rel="stylesheet"><div align="center"><div style="background-color:#e2cec7;width:350px;border:1px solid #bda59d;margin-top:10px;padding:5px;text-align:justify;line-height:120%;font-size:10px;font-family:'Verdana';color:#635753;"><div style="background-color:#bda59d;width:350px;height:25px;margin-bottom:5px;"></div><div style="font-family:'Parisienne';font-size:25px;color:#6b4f46;text-shadow: 5px 2px 6px #f7d6cb;position:absolute;margin-left:202px;margin-top:-20px;">Name</div><div style="background-image:url(http://via.placeholder.com/120x120);border-radius:50%;float:left;height:120px;width:120px;padding;5px;border:1px solid #bda59d;margin-right:5px;margin-top:-29px;"></div>Dit is een sheetje voor minimaal 100 woorden, anders werkt ie niet, dan gaat de cirkel onder de sheet staan. Dus niet voor ultiem korte posts, rekt wel mee naar beneden dus voor lange posts zeer ideaal!
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
Versie 4 - ronde sheet, rond plaatje, extra info voor tag, wordcount en OOC
Code:
<link href="https://fonts.googleapis.com/css?family=Parisienne&display=swap" rel="stylesheet"><div align="center"><div style="background-color:#e2cec7;width:350px;border:1px solid #bda59d;border-radius:10px;margin-top:10px;padding:5px;text-align:justify;line-height:120%;font-size:10px;font-family:'Verdana';color:#635753;"><div style="background-color:#bda59d;width:350px;height:25px;margin-bottom:5px;"></div><div style="font-family:'Parisienne';font-size:25px;color:#6b4f46;text-shadow: 5px 2px 6px #f7d6cb;position:absolute;margin-left:202px;margin-top:-20px;">Name</div><div style="background-image:url(http://via.placeholder.com/120x120);border-radius:50%;float:left;height:120px;width:120px;padding;5px;border:1px solid #bda59d;margin-right:5px;margin-top:-29px;"></div>Dit is een sheetje voor minimaal 100 woorden, anders werkt ie niet, dan gaat de cirkel onder de sheet staan. Dus niet voor ultiem korte posts, rekt wel mee naar beneden dus voor lange posts zeer ideaal!
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
Versie 5 Ronde sheet, rond plaatje, hover voor tag/notes
Code:
<style>.overlay { opacity: 0; transition: 1s ease; background-color: #8598a8; } .container:hover .overlay { opacity: 2; } position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } </style> <link href="https://fonts.googleapis.com/css?family=Parisienne&display=swap" rel="stylesheet"><div align="center"><div style="background-color:#cfdae3;width:350px;border:1px solid #8598a8;border-radius:10px;margin-top:10px;padding:5px;text-align:justify;line-height:120%;font-size:10px;font-family:'Verdana';color:#576978;"><div style="background-color:#8598a8;width:350px;height:25px;margin-bottom:5px;"></div><div style="font-family:'Parisienne';font-size:25px;color:#4e5f6e;text-shadow: 5px 2px 6px #f7d6cb;position:absolute;margin-left:202px;margin-top:-20px;">Name</div><div style="background-image:url(http://via.placeholder.com/120x120);border-radius:50%;float:left;height:120px;width:120px;padding;5px;border:1px solid #8598a8;margin-right:5px;margin-top:-29px;"></div>Dit is een sheetje voor minimaal 100 woorden, anders werkt ie niet, dan gaat de cirkel onder de sheet staan. Dus niet voor ultiem korte posts, rekt wel mee naar beneden dus voor lange posts zeer ideaal! Deze is met hover OOC
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap" rel="stylesheet"><style type="text/css"> .whatif b { color: #cb93e6; font-weight:bold; font-size:14px;} .whatif i { color: #cb93e6; font-size:14px; font-decoration:italic;}</style> <div align="center"><div style="background-color:#46364d;width:350px;margin-bottom:10px;padding:15px;color:#c2b1c9;font-size:12px;font-family: 'Nunito Sans', sans-serif;text-align:justify;line-height:140%"><div style="background-color:#795e85;width:300px;height:200px;margin-left:40px;"></div><div style="background-image:url(http://via.placeholder.com/300x200);width:300px;height:200px;margin-left:15px;margin-top:-180px;margin-bottom:5px;"></div><div style="font-family: 'Reenie Beanie', cursive;font-size:50px;text-align:center;">NAME</div><div style="font-family: 'Reenie Beanie', cursive;font-size:30px;text-align:center;color:#95869c;margin-top:2px;margin-bottom:5px;">een quote kan hier komen</div><div class="whatif">Hier komt je post te staan! Sheet gaat automatisch verder naar beneden toe enzo. <b>"Gebruik dit als je char praat, dan krijgt het automatisch een kleurtje"</b> <i>"Gebruik dit als iemand terug praat, dan doet hij het ook automatisch!</i></div></div><div style="margin-top:-10px;"><a style="color:#000" href="https://www.warriorcatsnl.com/u7281">Ɓσ</a></div></div>
More than you know (Postsheet)(2020):
Code:
<style type="text/css">.help b { color: #84b0cf; font-weight: bold } .help i { color: #a184cf; font-decoration: italics; }</style><link href="https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap" rel="stylesheet"><div align="center"><div style="background-color:#f0f0f0;position:relative;width:400px;margin-top:10px;border: 1px solid #bfbfbf;padding:13px;"><div style="background-color:#dae3ed;border:1px solid #abb7c4;padding:13px;"><div style="background-image:url(http://via.placeholder.com/370x150);width:370px;height:150px;border:1px solid #abb7c4;"></div><div style="background-color:#f0f0f0;margin-top:-1px;border:1px solid #bfbfbf;font-size:10px;text-align:justify;padding:10px;font-family:'Verdana';line-height:140%"><div class="help"><b>tekst tekst tekst tekst tekst</b> <i>tekst tekst tekst tekst tekst</i> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst </div></div></div></div></div><div align="center"><a style="color:#000;" href="https://www.warriorcatsnl.com/u7281">Ɓσ</a></div></div>
UPDATE! Er zijn weer nieuwe sheets toegevoegd! De codes voor de sheets die ik hieronder ga showcasen kan je in de post hierboven vinden!
Not alone (5 VERSIES!):
Perfect Design:
More than you know:
Feedback is natuurlijk ook altijd welkom <3 En als er ideeën zijn voor leuke sheets kan je ze ook hier droppen! Wie weet pak ik m dan op om er een sheet van te maken! <3
Onderwerp: Bo's codes 
za 8 feb 2020 - 0:58
