Sinister Kid [Thread Template/Sheets shopje]

Title [McTitle]

hello this is dummy text is this fine idk, how long does this get and does the thingy expand?that is the question after all. I hope it does. I am trying shit out so if it gives you problems just hit me up. hello this is dummy text is this fine idk, how long does this get and does the thingy expand?that is the question after all. I hope it does. I am trying shit out so if it gives you problems just hit me up. hello this is dummy text is this fine idk, how long does this get and does the thingy expand?that is the question after all. I hope it does. I am trying shit out so if it gives you problems just hit me up. hello this is dummy text is this fine idk, how long does this get and does the thingy expand?that is the question after all. I hope it does. I am trying shit out so if it gives you problems just hit me up. hello this is dummy text is this fine idk, how long does this get and does the thingy expand?that is the question after all. I hope it does. I am trying shit out so if it gives you problems just hit me up.

❅

Code:: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://use.typekit.net/ojo0pdz.css"> <style> .posies1{ background-color: #222; width: 400px; margin: auto; margin-top: 20px; padding:25px; padding-bottom:0px; overflow: hidden } .posies2 { left:0; bottom:0; width: 350px; height: 130px; background: linear-gradient(to right,#785589ba, #BB8A89cc), url("https://images.unsplash.com/photo-1525384198871-f77a5293fdab?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1650&q=80"); background-repeat: no-repeat; background-size: cover; -webkit-text-fill-color: transparent; -webkit-background-clip: text; margin-top: 10px; margin-right:-25px; float:right; text-transform: uppercase; font-size: 60px; line-height:100%; font-family: rig-solid-bold-fill, sans-serif; font-weight: 700; font-style: normal; } .posies3 { height: 200px; width: 1px; background: linear-gradient(to top,#785589ba, #BB8A89cc); float: left; margin-top:-25px; margin-left: 25px; } .posies4 { height: 1px; width: 351px; background: linear-gradient(to right,#785589ba, #BB8A89cc); float: left; margin-top:35px; margin-left: -1px; margin-bottom:0px; } .posies5 { width: 346px; margin: auto; overflow:hidden; display: flex; padding:10px; padding-top:25px; padding-left:16px; color: white; margin-top:-1px; font-size:10px; text-align:justify; font-family: protipo-wide, sans-serif; } {color:#BB8A89;} .posies6 { height: 100%px; width: 4%; background: linear-gradient(to top,#785589ba, #BB8A89cc); float: left; margin-left:25px; margin-top:-25px; } .posies7 { height: 50px; width: 1px; background: linear-gradient(to bottom,#785589ba, #BB8A89cc); float: left; margin-top:-10px; margin-left: 375px; } </style> </head> <body> <div class="posies1"><div class="posies3"></div><div class="posies2">NAME TITLE HERE</div><div class="posies4"></div><div class="posies5">TEXT HERE<div class="posies6"></div></div><div class="posies7"></div> </body> <a href="http://cttw.jcink.net/index.php?showuser=15275" style="color:white;margin-left:5px;"><center>❅</center></a></div> </html>

Sinister Kid [Thread Template/Sheets shopje] - Pagina 4 Hedges10

ooo, die is leuk, bedankt <3

Sinister Kid [Thread Template/Sheets shopje] - Pagina 4 JXzosG

stuff:

Naam: Bee
Voor één karakter of voor multi use?: 1 karakter namelijk Nocturnal eyes in the dark
Bepaald kleur-thema?

Color pallete:

Het liefst een donker thema met bv een foto van een donker bos
Scroll-bar of auto-expand? Auto expand :-)

Sinister Kid [Thread Template/Sheets shopje] - Pagina 4 Jlkjlmkl

Nocturnal

NocturnaL

eyes of the night

hello this is a dummy text, i hope it looks good. I hope you like this sheet. Idk about the picture in the background, it may go on repeat so idk. If it does just ctrl+f and search background-size:425px; then make it bigger.

❅

Code:: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://use.typekit.net/vef6hgi.css"> <style> .nocturnal1 { width:250px; padding:20px 50px; background:#222; margin:auto; box-shadow: 0px 0px 20px black; } .nocturnal2 { background: -webkit-linear-gradient(#ADC4C0, #5A7877, #111); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 55px; font-family: bebas-neue-pro, sans-serif; font-weight: 600; font-style: normal; text-align:center; text-transform: uppercase; margin-bottom:-7px; margin-left:-45px; width:350px; height:35px; padding-top:15px; letter-spacing:10px; } .nocturnal3 { letter-spacing: 8px; font-size: 12px; background: -webkit-linear-gradient(#ADC4C0, #5A7877, #444); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: bebas-neue-pro, sans-serif; font-weight: 400; font-style: normal; text-align:center; margin-left: 8px; margin-bottom:12px; } .nocturnal4 { background: -webkit-linear-gradient( #ADC4C0, #5A7877); height:1px; width:391px; margin-left:-70px; margin-bottom:10px; } .nocturnal5 { color:#999; font-size:10px; font-family: bebas-neue-pro, sans-serif; font-weight: 400; font-style: normal; width:300px; margin:auto; margin-bottom:20px; margin-left:-25px; text-align:justify; letter-spacing:0.5px; } .nocturnal5 b { color:#ADC4C0; } .nocturnal5 i { color:#ADC4C0; } .nocturnal6 { width:350px; padding:20px; border:1px solid #ADC4C0; margin:auto; } .nocturnalcont { background: url("https://images.unsplash.com/photo-1612703508477-00e02a9b170c?ixid=MXwxMjA3fDB8MHxzZWFyY2h8MTJ8fGRhcmslMjBmb3Jlc3R8ZW58MHwxfDB8&ixlib=rb-1.2.1&auto=format&fit=crop&w=900&q=60"); background-size:425px; width:425px; margin:auto; padding-top:25px; padding-bottom:25px; } </style> </head> <body> <div class="nocturnalcont"><div class="nocturnal6"><div class="nocturnal1"><div class="nocturnal2">NocturnaL<br> </div><div class="nocturnal3">eyes of the night</div><div class="nocturnal4"></div><div class="nocturnal5">hello this is a dummy text, i hope it looks good. I hope you like this sheet. Idk about the picture in the background, it may go on repeat so idk. If it does just <i>ctrl+f</i> and search <b>background-size:425px;</b> then make it bigger.</div><a href="http://cttw.jcink.net/index.php?showuser=15275" style="color:#999; font-size:10px;"><center>❅</center></a></div></div></div> </body> </html>

Slotje open

Sinister Kid [Thread Template/Sheets shopje] - Pagina 4 Skadi_17

Sinister Kid [Thread Template/Sheets shopje] - Pagina 4 COxUkZt

Sinister Kid [Thread Template/Sheets shopje] - Pagina 4 E8v3o2

Sinister Kid [Thread Template/Sheets shopje] - Pagina 4 Member10

Sinister Kid [Thread Template/Sheets shopje] - Pagina 4 Toothy10

:.:

Naam: Cricketkit
Voor één karakter of voor multi use?: Cricket alleen
Bepaald kleur-thema?

Spoiler:

ik denk groen mooi is voor een cricket. Maar heb nu nog geen vibe vast staan.
Scroll-bar of auto-expand? Waar je op dat moment zin in hebt. Al je sheetjes zijn awesome.

Sinister Kid [Thread Template/Sheets shopje] - Pagina 4 Cricketkitsig

Hello, this is a dummy text. Does it look nice? Idk. I am just trying out some shit.this is italic. Idk it's simple but I like it?

❅

Code:: <!DOCTYPE html> <html> <head> <style> .cricketcont { width:300px; padding:50px; background: linear-gradient(180deg, rgba(0,61,52,1) 0%, rgba(34,34,34,1) 100%); margin:auto; margin-top:10px; margin-bottom:20px; } .cricketbox { width:300px; border:1px solid #00eba7; } .cricketicon { width:100px; height:100px; margin:auto; background:url("https://b.kisscc0.com/20180817/swq/kisscc0-insect-grasshopper-caelifera-locust-omocestus-viri-low-poly-grasshopper-5b768cbbe0d6c3.122952041534495931921.png"); filter:hue-rotate(80deg); background-size:100px; border-radius:50px; border: 1px solid yellow; margin-top:20px; } .cricketline { background-color:#00eba7; width:1px; height:50px; margin:auto; } .crickettext { overflow:hidden;color:#999; text-align:justify; width:200px; margin:auto; font-size:10px; font-family:helvetica; padding:10px; border:1px solid #00eba7; } .crickettext b { color:#fff; background: linear-gradient(90deg, rgba(0,235,167,1) 0%, rgba(5,101,76,1) 100%); padding:0px 2px; text-shadow:0px 0px 5px black; } .crickettext i{ color:#fff; } </style> </head> <body> <div class="cricketcont"><div class="cricketbox"><div class="cricketicon"></div><div class="cricketline"></div><div class="crickettext">Hello, this is a <b>dummy text</b>. Does it look nice? Idk. I am just trying out some shit.<i>this is italic</i>. Idk it's simple but I like it?</div><div class="cricketline"></div></div></div> <a href="http://cttw.jcink.net/index.php?showuser=15275" style="margin:auto; margin-bottom:20px; font-size:10px;"><center>❅<center></a> </body> </html>

:.:

Naam:Lightningmoon
Voor één karakter of voor multi use?: karakter
Bepaald kleur-thema?iets met maantjes en sterretjes ofzo, redelijk lighthearted vind ik wel cute https://i.pinimg.com/564x/f1/3e/68/f13e68e87160b70d5c76a2ca4c64cebb.jpg
Scroll-bar of auto-expand?auto hier

Sinister Kid [Thread Template/Sheets shopje] - Pagina 4 Phanto11

::

[/center]

lightningmoon

hello text goes here i guess. Idk galaxy enough? i hope it is what you wanted :shrugging-woman: I kind of like it, simple with cute gradients, right? At least I hope they're cute. Welp, anyways, this was a bit of a process to make. Style wise. hello text goes here i guess. Idk galaxy enough? i hope it is what you wanted :shrugging-woman: I kind of like it, simple with cute gradients, right? At least I hope they're cute. Welp, anyways, this was a bit of a process to make. Style wise. hello text goes here i guess. Idk galaxy enough? i hope it is what you wanted :shrugging-woman: I kind of like it, simple with cute gradients, right? At least I hope they're cute. Welp, anyways, this was a bit of a process to make. Style wise. hello text goes here i guess. Idk galaxy enough? i hope it is what you wanted :shrugging-woman: I kind of like it, simple with cute gradients, right? At least I hope they're cute. Welp, anyways, this was a bit of a process to make. Style wise.

☾

Code:: <!DOCTYPE html> <html> <head> <script src="https://kit.fontawesome.com/3082a85852.js" crossorigin="anonymous"></script> <link rel="stylesheet" href="https://use.typekit.net/ewy0sms.css"> <style> .lightningcont { width:400px; background: #222; background: rgb(34,34,34); background: linear-gradient(360deg, rgba(34,34,34,1) 0%, rgba(71,51,86,1) 33%, rgba(155,139,185,1) 66%, rgba(68, 152, 199) 100%); margin:auto; margin-bottom:20px; padding:50px; padding-bottom:80px;} .lightningbox { /*setting alpha = 0.1*/ background: rgba(0, 0, 0, 0.3)url("https://live.staticflickr.com/5173/5436446554_9244788c36_b.jpg"); width:350px; padding:25px; margin:auto; margin-top:px; color:white; font-size:10px; border:1px solid white; mix-blend-mode:soft light; text-align:justify; line-height:100%; font-family: bilo, sans-serif; font-weight: 500; font-style: normal; } .lightningbox p { font-family: bilo, sans-serif; font-weight: 500; font-size:10px;} .lightningbox b { font-size: 12px; background: -webkit-linear-gradient(125deg, #9B8BB9, #72B0D5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .lightningtitle { font-size: 60px; background: -webkit-linear-gradient(50deg, #fff, #72B0D5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align:center; margin-bottom:0px; font-family: six-hands-brush, sans-serif; font-weight: 400; font-style: normal; height:100px; padding-top:40px} .ecred { width:50px; height:50px; margin-top:-50px; margin-left:90px; transform:rotate(-10deg); } </style> </head> <body> <div class="lightningcont"><div class="lightningtitle">lightningmoon</div><div class="lightningbox"><p>TEXT HERE</p></div></div> <div class="ecred"><a href="http://cttw.jcink.net/index.php?showuser=15275"><div style="font-size:40px;color:#4498C7;margin-left:400px;margin-top:100px;">☾</div></a></div></body> </html>

Sinister Kid [Thread Template/Sheets shopje] - Pagina 4 Poppyp14

Naam: Sootpaw
Voor één karakter of voor multi use?: 1 karakter!
Bepaald kleur-thema?

Palette:

Scroll-bar of auto-expand? auto

Setje door bunny (niet butter) ♡
Sinister Kid [Thread Template/Sheets shopje] - Pagina 4 5lfc3X

Something doesn't quite line up.

sootpaw

hello does text show up pls say it do. Yay it do. Well, hello then. This is a sheet, I hope you like it. I tried to make it pretty but idk if you thinkg that it's pretty :shrugging-woman: It's gray and black and white though, so at least I stuck to the color scheme yay.

❅

Code:: <!DOCTYPE html> <html> <head><link rel="stylesheet" href="https://use.typekit.net/bwd8gsq.css"> <style> .sootcont { width:400px; padding:20px; background:#222; margin:auto; border: 1px solid #999; z-index:0; position:relative; } .sootcontimg { width:300px; padding:50px; background: url("https://i.servimg.com/u/f79/20/10/40/12/sheet_11.jpg"); background-size: 400px; margin:auto; border: 1px solid #fff; z-index:0; position:relative; } .soottitle { width:400px; margin:auto; margin-top:85px; margin-bottom:-65px; color:#999; font-size:60px;font-family: luxus-brut,cursive;font-weight: 400;font-style: normal; text-align:center; z-index:1; position:relative; text-shadow:0px 0px 5px black; } .sootbox { width:250px; padding: 25px; background: linear-gradient(360deg, rgba(51,51,51,1) 0%, rgba(102,102,102,1) 50%, rgba(153,153,153,1) 100%); position:relative; z-index:2; background-blend-mode: unset; color:#000; text-align:justify; font-size:12px; border: 1px solid white; font-family: jubilat-thin,serif;font-weight: 400;font-style: normal;} .sootbox b { font-size: 12px; background: -webkit-linear-gradient(125deg, #fff, #9dbcd4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } </style> </head> <body> <div class="soottitle">sootpaw</div><div class="sootcont"><div class="sootcontimg"><div class="sootbox">hello does text show up pls say it do. Yay it do. Well, hello then. <b>This is a sheet</b>, I hope you like it. I tried to make it pretty but idk if you thinkg that it's pretty :shrugging-woman: It's gray and black and white though, so at least I stuck to the color scheme yay. </div></div></div><a href="http://cttw.jcink.net/index.php?showuser=15275"><center>❅</center></a> </body> </html>

:.:

Naam: Deerkit
Voor één karakter of voor multi use?: Alleen voor Deer
Bepaald kleur-thema? Iets met herten of bruin? Verras me maar!
Scroll-bar of auto-expand? auto-expand

Sinister Kid [Thread Template/Sheets shopje] - Pagina 4 Deer-banner

Naam: Runningwind
Voor één karakter of voor multi use?: Karakter hier
Bepaald kleur-thema? Groen (bladeren, bomen met eventueel een riviertje erin verwerkt). Eventueel met animatie, als het niet lukt is het niet erg.
Scroll-bar of auto-expand? auto expand

Sinister Kid [Thread Template/Sheets shopje] - Pagina 4 Runnin11

Danny, bedankt voor het tonen van interesse, echter staat er in de begin post dat ik maar met een slotje werk, aangezien het best wel veel tijd in bestek neemt, dus volgende keer aub eventjes wachten.

Nou neem ik hem wel mee als ik klaar ben met die van Deerkit, maar vaak vergeet ik het als er meerde aanvragen staan of krijg ik er oprecht minder zin in omdat het dan als een taak ipv een lolletje gezien word. Bedoel dit ook helemaal niet rot.

Also ik snap niet helemaal wat je bedoeld met de animatie dingetjes, want ik werk met gifjes en fotos gewoon, dat codeer ik niet. Dus als je een patroon wilt wat aansluit (dat neem ik aan, aangezien je auto expand wilt), dan zal het waarschijnlijk geen gifje worden.

:.:

Skadi schreef:: Danny, bedankt voor het tonen van interesse, echter staat er in de begin post dat ik maar met een slotje werk, aangezien het best wel veel tijd in bestek neemt, dus volgende keer aub eventjes wachten.

Nou neem ik hem wel mee als ik klaar ben met die van Deerkit, maar vaak vergeet ik het als er meerde aanvragen staan of krijg ik er oprecht minder zin in omdat het dan als een taak ipv een lolletje gezien word. Bedoel dit ook helemaal niet rot.

Also ik snap niet helemaal wat je bedoeld met de animatie dingetjes, want ik werk met gifjes en fotos gewoon, dat codeer ik niet. Dus als je een patroon wilt wat aansluit (dat neem ik aan, aangezien je auto expand wilt), dan zal het waarschijnlijk geen gifje worden.

Oh dan had ik verkeerd gelezen, dacht dat je met wachtrij werkte. Excuses...

Laat Animatie maar weg, dan is het niet handig.

Deerkit

hello, here goes the post. I hope you like what I made for you, I kind of wanted to try some aesthetics out. It will auto expand the more you type. I know it's not really brownish like you wanted to, but the color scheme fitted the pretty picture I found on the internet.

Sinister Kid [Thread Template/Sheets shopje] - Pagina 4 1f337

Code:: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://use.typekit.net/ykl8ctm.css"> <style> .deerback { width:250px; height:250px; background: linear-gradient(0.4turn, pink, brown); transform: rotate(45deg); margin:auto; margin-top:70px; position:relative; z-index:0; } .deertext { color:black; text-align:justify; font-size:11px; width:200px; padding:25px; margin:auto; position:relative; z-index:2; background:#fff; margin-top:-120px; border-style:solid; border-color:#000; border-width: 5px 0px 5px 0px; font-family: arbotek-rounded,sans-serif; font-weight: 300; font-style: normal; } .deertext h1 { background-color: #f3ec78; background-image: linear-gradient(to right, pink, brown); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; font-family: bebas-neue, sans-serif; font-weight: 400; font-style: normal; text-transform:uppercase; font-size:25px; } .deerimg { width: 200px; height:220px; background-image:url("https://i.pinimg.com/originals/b2/c3/a0/b2c3a011f5ce362638715ff50265e8f9.png"); background-size:200px; margin:auto; margin-top:-320px; position:relative; z-index:2; } .deerbox { box-shadow: 0px 0px 8px brown; width:200px; height:270px; position:relative; z-index:1; margin:auto; margin-top:-170px; } </style> </head> <body> <div class="deerback"></div><div class="deerimg"></div><div class="deerbox"></div><div class="deertext"><center><h1>Deerkit</h1></center>POST HERE</div><a href="http://cttw.jcink.net/index.php?showuser=15275" style="color:black; margin-top:50px;position:relative;z-index:1;font-size:10px;"><center> [img]https://twemoji.maxcdn.com/16x16/1f337.png[/img] </center></a> </body> </html>

Runningwind

hello this is text is this fun idk. Honestly I just made some shit so I hope you like it. Yeye. The image of Running won't stay in the middle, but it is more towards the top. But it will be in the middle if you type like 1 line.

Code:: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://use.typekit.net/bgf1qpn.css"> <style> .runningcont { width:350px; padding:25px; background-color:#000; margin:auto; margin-top:20px; position:relative; z-index:0; border-radius:30px; padding-bottom:40px; box-shadow:0px 0px 10px #1a2701; } .runningcont::before { content: ""; background-image: url("https://us.123rf.com/450wm/paprika/paprika1504/paprika150400059/38425989-green-leaves-repeating-background-seamless-pattern-.jpg?ver=6"); background-size:100px; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0.3; border-radius: 30px; } .runningborder { width:300px; padding:20px; padding-top:22px; border:1px solid #b0f16b; margin:auto; margin-top:-127px; position:relative; z-index:1; color:#fff; border-radius:20px; } .runningbox { width:250px; padding:25px; background: rgba(0, 20, 19, 0.7); margin:auto; position:relative; z-index:1; color:#ecfbda; border-radius:20px; font-size:10px; text-align:justify; font-family: sofia-pro,sans-serif; font-weight: 400; font-style: normal; } .runningtitle { padding:10px;height:40px;font-family: flood-std,sans-serif; font-weight: 400; font-style: normal; margin:auto; text-align:center; width:300px; font-size:40px; color:white; position:relative; z-index:2; background: #B0F16B; background: -webkit-linear-gradient(to right, #B0F16B 0%, #507903 100%); background: -moz-linear-gradient(to right, #B0F16B 0%, #507903 100%); background: linear-gradient(to right, #B0F16B 0%, #507903 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .runningbox b { background: #B0F16B; background: -webkit-linear-gradient(to right, #B0F16B 0%, #507903 100%); background: -moz-linear-gradient(to right, #B0F16B 0%, #507903 100%); background: linear-gradient(to right, #B0F16B 0%, #507903 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: sofia-pro,sans-serif; font-weight: 700; font-style: normal; } .runningimg { width:100px; height:100px; background:url("https://www.warriorcatsnl.com/users/3012/10/08/24/avatars/1493-86.jpg"); background-size:100px; border-radius:100px; box-shadow:0px 0px 10px #1a2701; position:relative; z-index:2; margin-left:-60px; margin-top:-15px; } .el4acred { width:40px; height:40px; background-repeat:no-repeat; background-image:url("https://i1.wp.com/thumbs.gfycat.com/BarrenPastAlligatorgar-max-1mb.gif"); margin:auto; margin-top:-20px; margin-left:335px; position:relative; z-indek:3; background-size:40px 33px; -webkit-filter: drop-shadow(0px 0px 5px #1a2701); filter: drop-shadow(0px 0px 5px #1a2701); </style> </head> <body> <div class="runningcont"><div class="runningtitle">Runningwind</div><div class="runningimg"></div><div class="runningborder"><div class="runningbox">POST HERE!!</div></div></div><center><a href="http://cttw.jcink.net/index.php?showuser=15275"><div class="el4acred"></div></a></center> </body> </html>

slotje open ig

:.:

Naam: Butter
Voor één karakter of voor multi use?: Ik wil voor Brittleshell en Honeykit - Honeysuckle een sheetje. Mag dezelfde zijn met aangepast thema of je mag als je heel veel zin en tijd hebt twee maken maar ik laat je zoals gewoonlijk je magie gewoon doen :')
Bepaald kleur-thema? Voor beide heb ik nog geen thema.
Honeysuckle is een calico en Brittleshell is een crème kat.
Scroll-bar of auto-expand? Maakt mij niet uit

Sinister Kid [Thread Template/Sheets shopje] - Pagina 4 Tzfuz9H

Brittleshell.

hello the post goes here, hope you like the aesthetic.

❅

Code:: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://use.typekit.net/uod5sbj.css"> <style> .shellcont { box-shadow:0px 0px 10px #888; width:350px; padding:50px; padding-bottom:0px; background:lavender; margin:auto; margin-top:20px; position:relative; z-index:1; } .shelltitle { -webkit-animation: tracking-in-expand 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; animation: tracking-in-expand 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; font-size:50px; color:#000; width:300px; height:50px; text-align:center; margin:auto; text-shadow: -2px 1px 2px #999; font-family: louvette-banner,serif; font-weight: 700; font-style: normal; position:relative; z-index:0; text-transform:lowercase; } .shelltext { font-family: gelo,serif; font-weight: 400; font-style: normal; text-align:justify; width:280px; padding:25px; margin:auto; border-style:solid; border-width: 1px 0px 0px 1px; border-color:#000; margin-top:10px; font-size:12px; position:relative; z-index:1; } .shellimg { width:450px; height:70px; background:url("https://images.unsplash.com/photo-1555493916-15cdece4fe81?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1546&q=80"); position:relative; z-index:3; margin-left:-50px; background-size:450px; background-position:center; mix-blend-mode:luminosity; } .shellline { width:1px; height:70px; background:black; margin-left:9.5px; } @-webkit-keyframes tracking-in-expand { 0% { letter-spacing: -0.5em; opacity: 0; } 40% { opacity: 0.6; } 100% { opacity: 1; } } @keyframes tracking-in-expand { 0% { letter-spacing: -0.5em; opacity: 0; } 40% { opacity: 0.6; } 100% { opacity: 1; } } @-webkit-keyframes scale-down-ver-bottom { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } 100% { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } } @keyframes scale-down-ver-bottom { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } 100% { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } } </style> </head> <body> <div class="shellcont"><div class="shelltitle">Brittleshell.</div><div class="shelltext">hello the post goes here, hope you like the <b>aesthetic</b>. </div><div class="shellline"></div><div class="shellimg"></div><div class="shellline" style="height:30px;"></div></div> </body><a href="http://cttw.jcink.net/index.php?showuser=15275"><center>❅</center></a> </html>

Honeysuckle.

hello the post goes here, hope you like the aesthetic.

❅

Code:: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://use.typekit.net/uod5sbj.css"> <style> .honeycont { box-shadow:0px 0px 10px #522E00; width:350px; padding:50px; padding-bottom:0px; background:#FCBF06; margin:auto; margin-top:20px; position:relative; z-index:1; } .honeytitle { -webkit-animation: tracking-in-expand 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; animation: tracking-in-expand 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; font-size:50px; color:#fff; width:300px; height:50px; text-align:center; margin:auto; text-shadow: -2px 1px 2px #522E00; font-family: louvette-banner,serif; font-weight: 700; font-style: normal; position:relative; z-index:0; text-transform:lowercase; } .honeytext { font-family: gelo,serif; font-weight: 400; font-style: normal; text-align:justify; width:280px; padding:25px; margin:auto; border-style:solid; border-width: 1px 0px 0px 1px; border-color:#fff; margin-top:10px; font-size:12px; position:relative; z-index:1; color:#FFF7D6;} .honeytext b { color:#fff;} .honeyimg { width:450px; height:70px; background:url("https://images.unsplash.com/photo-1588470723502-aa1dcb00424b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80"); position:relative; z-index:3; margin-left:-50px; background-size:450px; background-position:center; mix-blend-mode:luminosity; } .honeyline { width:1px; height:70px; background:white; margin-left:9.5px; } @-webkit-keyframes tracking-in-expand { 0% { letter-spacing: -0.5em; opacity: 0; } 40% { opacity: 0.6; } 100% { opacity: 1; } } @keyframes tracking-in-expand { 0% { letter-spacing: -0.5em; opacity: 0; } 40% { opacity: 0.6; } 100% { opacity: 1; } } @-webkit-keyframes scale-down-ver-bottom { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } 100% { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } } @keyframes scale-down-ver-bottom { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } 100% { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } } </style> </head> <body> <div class="honeycont"><div class="honeytitle">Honeysuckle.</div><div class="honeytext">hello the post goes here, hope you like the <b>aesthetic</b>. </div><div class="honeyline"></div><div class="honeyimg"></div><div class="honeyline" style="height:30px;"></div></div> </body> <a href="http://cttw.jcink.net/index.php?showuser=15275"><center>❅</center></a></html>

Slotje open

:.:

Naam: Rimekit
Voor één karakter of voor multi use?: Alleen voor Rimekit
Bepaald kleur-thema? Ik denk dat zachte coole tonen het mooiste zijn.

link:

Of een met een zacht roze erin. Het mag in ieder geval gebaseerd zijn op winterse kleuren.
Scroll-bar of auto-expand? Wat jij het leukste vind om creatief mee bezig te gaan ;')

- dit heeft geen haast. Meer als je tijd/zin en je erna voelt.

Sinister Kid [Thread Template/Sheets shopje] - Pagina 4 6ArKIoJ

Rime and cold

POST HERE

Elvira

Code:: <html><head> <link rel="stylesheet" href="https://use.typekit.net/ejp3lds.css"> <style> .rimecont { width:500px; padding:20px; background:#B2C9FF; margin:auto; margin-top:30px; position:relative; z-index:1; border: 3px double white; box-shadow: 0px 0px 10px #fff, 0px 0px 20px #999 ;} .rimeborder { width:250px; padding:25px; padding-left:100px; border: 1px solid white; background: rgb(255, 255, 255, 0.3); margin-left:100px; margin-top:-230px; position:relative; z-index:2; min-height:198px; box-shadow: 0px 0px 5px white; color:white; text-shadow: 0px 0px 10px #888; text-align: justify; font-size:12px; font-family: brevia, sans-serif; font-weight: 500; font-style: normal; } .rimeborder b { padding: 0.5px 5px; border-radius:10px; background: linear-gradient(90deg, rgba(157,113,232,1) 0%, rgba(190,153,255,1) 50%, rgba(151,182,255,1) 100%); } .rimetitle { color:white; width:400px; padding:10px; font-size:50px; font-family:times new roman; position:relative; z-index:2; font-family: ambroise-std, serif; font-weight: 400; font-style: normal; text-transform: uppercase; text-align:center; margin-top:10px; margin-left:50px; text-shadow: 0px 0px 3px white; } .rimeline { width:400px; height:1px; background:white; box-shadow: 0px 0px 5px white; z-index:2; postion:relative; margin-top:-15px; margin-left:-20px; } .rimeline2 { width:250px; height:1px; background:white; box-shadow: 0px 0px 5px white; z-index:2; postion:relative; margin-top:15px; margin-left:270px; margin-bottom:-10px; } .rimeimg { width:150px; height:250px; background:url("https://images.unsplash.com/photo-1640613065990-677820930f7b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=740&q=80"); background-size:200px; background-position:center; position:relative; border:1px solid white; box-shadow: 0px 0px 5px white; z-index:3; margin-top:20px; } .ecred { color:white; margin:auto; padding:10px; text-align:center; width:100px; font-size:10px; font-family: brevia, sans-serif; font-weight: 500; font-style: normal; margin-top:-8px; margin-bottom:-20px; } .ecred a{ color:#BE99FF; margin:auto; padding:10px; text-align:center; width:100px; font-size:10px; font-family: brevia, sans-serif; font-weight: 500; font-style: normal; } .ecred a:hover{ color:#fff; margin:auto; padding:10px; text-align:center; width:100px; font-size:10px; font-family: brevia, sans-serif; font-weight: 500; font-style: normal; } </style> </head> <body> <div class="rimecont"><div class="rimetitle">Rime and cold</div><div class="rimeline"></div><div class="rimeline2"></div><div class="rimeimg"></div><div class="rimeborder"> POST <b>HERE</b></div><div class="rimeline" style="margin-top:20px;"></div><div class="ecred"><a href="">Elvira</a></div><div class="rimeline2" style="width:300px; margin-top:-40px; margin-left:220px;"></div></div> </body> </html>

:.:

Onderwerp: Re: Sinister Kid [Thread Template/Sheets shopje]