Fairy Lights [grote droptopic]

Hoi hoi,

welkom bij mijn grote drop topic. Hier post ik waarschijnlijk niet veel en waarschijnlijk ook van alles door elkaar van al mijn accounts. Denk aan setjes, sheetjes, etc.

Ik vraag iedereen voor de zekerheid even vriendelijk om hier niets van te gebruiken.

Groetjes,

Elfje

You won't know anything unless you try

Post gaat hier

You might fall but you just might fly

Code:: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://use.typekit.net/gvi1drc.css"><style> .speckle1 { width: 460px; min-height:200px; margin: auto; margin-top: 50px; background: rgb(255,243,223); background: linear-gradient(180deg, rgba(255,243,223,1) 0%, rgba(255,191,143,1) 100%); margin-bottom:20px; padding:20px; border: 1px solid #af3800;} .speckle2 { width:200px; height:100px; background-postion:center; background-size:200px; background-image:url("https://www.seekpng.com/png/full/646-6461482_svg-library-download-fish-pixel-pixels-pixelart-aesthetic.png"); background-repeat:no-repeat; margin-top:-50px; margin-left:-50px } .speckle3 { color:#fd5200; font-size:30px; line-height:23px; max-width:450px; min-height:1px; margin:auto; margin-top:20px; text-align:center; font-family: zooja-pro, sans-serif; font-weight: 400; font-style: normal; letter-spacing:1px;} .speckle4 { background-color:#FFF5EB; border: 1px solid #af3800; color:black; width:250px; min-height:40px; margin:auto; font-family: minion-3-display, serif; font-weight: 400; font-style: normal; margin-top:20px; margin-bottom:40px; padding:40px; font-size:14px; text-align:justify; } .speckle4 b { font-family: minion-3-display, serif; font-weight: 700; font-style: normal; color:#fd5200; } .speckle4 i { font-family: minion-3-display, serif; font-weight: 400; font-style: italic; color:#fd5200; } .speckle5 { transform: scaleX(-1); filter: FlipH; width:200px; height:100px; background-postion:center; background-size:200px; background-image:url("https://www.seekpng.com/png/full/646-6461482_svg-library-download-fish-pixel-pixels-pixelart-aesthetic.png"); background-repeat:no-repeat; margin-bottom:-40px; margin-left:310px; } </style> </head> <body> <div class="speckle1"><div class="speckle2"></div><div class="speckle3">You won't know anything unless you try</div><div class="speckle4">Post gaat hier</div><div class="speckle3">You might fall but you just might fly</div><div class="speckle5"></div></div> </body> </html>

True Power, The Divine Right To Rule

SKADI

POST HIER

Is Something You Were Born With

code:

Code:: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://use.typekit.net/mzm4kvd.css"> <style> .ardent { min-height:400px; width:500px; background-color:#0D0D0D; margin:auto; margin-top:30px; } .ardent2 { min-height:50px; width:500px; margin:auto; background-image: url("https://static.tumblr.com/076d0e1b6a1e26813eed7408991942ae/ywdh7px/pNFo16tvc/tumblr_static_tumblr_static__focused_v3.jpg"); background-repeat: repeat; background-position: center; background-size:300px;line-height: 105%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top: -15px; margin-bottom: 0px; font-size: 120px; text-align: center; font-weight: bold; letter-spacing:10px; text-transform: uppercase; font-family: novecento-sans-condensed; font-weight: 800; -webkit-font-smoothing: antialiased;} .ardent3 { padding:15px; width:480px; min-height:1px; font-family: novecento-sans-condensed, sans-serif; font-weight: 100; font-style: normal; text-transform:uppercase; color:#fff; text-align:center; font-size:12px; letter-spacing:2px; } .ardent4 { min-height:50px; width:380px; margin:auto; color:#fff; font-family: rubrik-edge-new, sans-serif; font-weight: 400; font-style: normal; font-size:10px; text-align:justify; padding-top:30px; padding-bottom:50px; } .ardent4 b{ color:#cc3333; font-family: rubrik-edge-new, sans-serif; font-weight: 800; font-style: normal; font-size:10px; } .ardent4 i{ color:#cc3333; font-family: rubrik-edge-new, sans-serif; font-weight: 400; font-style: italic; font-size:10px; } .ardent5 { height:70px; width:500px; background:url("https://static.tumblr.com/076d0e1b6a1e26813eed7408991942ae/ywdh7px/pNFo16tvc/tumblr_static_tumblr_static__focused_v3.jpg"); background-size:600px; background-position: top right; } </style> </head> <body> <div class="ardent"><div class="ardent3">True Power, The Divine Right To Rule</div><div class="ardent2">SKADI</div><div class="ardent4">

POST HIER

</div><div class="ardent5"></div><div class="ardent3">Is Something You Were Born With</div></div></body> </html>

Like a light dance.

POST HERE BOLD AND ITALIC.

Code:: <!DOCTYPE html> <html> <head> <script src="https://kit.fontawesome.com/a076d05399.js"></script><link rel="stylesheet" href="https://use.typekit.net/exr4jjh.css"><style> .aspen1{ background-color: #03071E; width: 350px; height: 480px; border: 0px solid orange; margin: auto; margin-top: 20px; } .aspen2{ background-image:url('https://i.pinimg.com/originals/7c/5d/86/7c5d86128f6cf83a60c562d86e18f32c.jpg'); height:480px; width:350px; background-repeat:no repeat; background-size:300px; margin:auto; opacity:0.2; } .aspen3{ width: 290px; height: 300px; border: 0.5px solid white; margin: auto; margin-top: -0px; } .aspen4{ text-align:justify;width: 250px; height: 260px; margin: auto; margin-top:-280px; color:white; font-size:9px; font-family: hero-new, sans-serif; font-weight: 400; font-style: normal; overflow-y:scroll; padding-right:10px; position:relative; } .aspen5{ font-family: hero-new, sans-serif;font-weight: 400;font-style: normal;width:240px; min-height:1px; color:white; letter-spacing:5px; margin:auto; margin-top:0px; padding:3px; text-align:center; } .aspen4 b{ color:#ffba08; } .aspen5 b{ color:#ffba08; } .aspen6{ width:100px; height:100px; border-radius:50%; border:0.5px inset white; margin:auto; background-color:white; margin-top:-460px; background-image:url('https://i.servimg.com/u/f95/20/25/30/14/aspenk14.jpg');background-size:100px;background-repeat:no repeat;background-postition:center;position:relative; } /* width */ .aspen4::-webkit-scrollbar { width: 1px; } /* Track */ .aspen4::-webkit-scrollbar-track { background: ; } /* Handle */ .aspen4::-webkit-scrollbar-thumb { background: #ffba08; } /* Handle on hover */ .aspen4::-webkit-scrollbar-thumb:hover { background: #F48C06; } .credit {color:#313760;font-size:9px;opacity: 0.8;letter-spacing:5px; font-family: times; margin:auto; width:300;text-align:center;margin-bottom:40px;} </style> </head> <body> <div class="aspen1"><div class="aspen2"></div><div class="aspen6"></div><div class="aspen5">Like a light <b>dance</b>.</div><div class="aspen3"></div><div class="aspen4">POST HERE <b>BOLD</b> AND <I>ITALIC</i>.</div></div><div class="credit"><a href="http://cttw.jcink.net/index.php?showuser=15275"><i class="fas fa-leaf" style="color:#ffba08;"></i></a></div> </body> </html>

F

TEXT HERE

code:

Poppykit.

This is a sheet for my sweet little poppy. Though she isn't really that sweet, but we don't care about that. She's pretty and cute. This box will expand the more I type and hopefully work on warrior cats. When poppy talks, text will be bold. When she thinks or emphasizes something, it will be in itallics. If you hover over the circle images below, a tooltip text with information will appear.

tag@[PERSON]

notesnotes can go here

words###

❅

Code:: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://use.typekit.net/asr1sjr.css"> <style> .poppycont{ background-color: #222; width: 400px; padding: 50px; padding-bottom:140px; margin: auto; margin-top: 30px; box-shadow: 0px 0px 10px #111; } .poppyimg1{ width: 100px; height: 100px; border-radius: 100px; background-color: #444; float: left; background-image:url("https://i.servimg.com/u/f43/20/30/40/48/ezgif_17.jpg"); background-size: 100px; background-position: center; margin-top:-15px; box-shadow:0px 0px 10px #111; color: white; font-size: 10px; text-align: center; font-family: fira-sans, sans-serif; font-weight: 700; font-style: normal; } .poppyimg2{ width: 100px; height: 100px; border-radius: 100px; background-color: #444; background-image:url("https://i.servimg.com/u/f43/20/30/40/48/ezgif_15.gif"); background-size: 100px; background-position: center; float: left; margin-left:50px; margin-top:-15px; text-shadow: 1px 0px 5px black; box-shadow:0px 0px 10px #111; color: white; font-size: 10px; text-align: center; font-family: fira-sans, sans-serif; font-weight: 700; font-style: normal; } .poppyimg3{ width: 100px; height: 100px; border-radius: 100px; background-color: #444; float: right; background-image: url("https://i.servimg.com/u/f43/20/30/40/48/ezgif_16.jpg"); background-size: 100px; background-position: center; margin-top:-15px; box-shadow:0px 0px 10px #111; color: white; font-size: 10px; text-align: center; text-shadow: 0px 0px 5px black; font-family: fira-sans, sans-serif; font-weight: 700; font-style: normal; } .poppyimg1 .tooltiptext {max-width: 100px; visibility: hidden; background-color: black; color: #fff; text-align: center; padding: 5px 10px; border-radius: 6px; margin-left: 20px; opacity:0.6; position: absolute; z-index: 0; font-family: stix-two-text, serif; font-weight: 400; font-style: italic; } .poppyimg2 .tooltiptext {max-width: 100px; visibility: hidden; background-color: black; color: #fff; text-align: center; padding: 5px 10px; border-radius: 6px; margin-left: 20px; opacity:0.6; position: absolute; z-index: 0; font-family: stix-two-text, serif; font-weight: 400; font-style: italic; } .poppyimg3 .tooltiptext {max-width: 100px; visibility: hidden; background-color: black; color: #fff; text-align: center; padding: 5px 10px; border-radius: 6px; margin-left: 20px; opacity:0.6; position: absolute; z-index: 0; font-family: stix-two-text, serif; font-weight: 400; font-style: italic; } /* Show the tooltip text when you mouse over the tooltip container */ .poppyimg1:hover .tooltiptext { visibility: visible; } .poppyimg2:hover .tooltiptext { visibility: visible; } .poppyimg3:hover .tooltiptext { visibility: visible; } .poppyhead{ color: #f1f1f1; font-size: 50px; text-shadow: 0px 0px 10px black; text-align: center; width: 500px; height:60px; margin: auto; margin-left:-50px; background-image: url("https://s12.favim.com/orig/170226/esteticheskoe-moda-tsvety-rozy-Favim.ru-5092972.jpeg"); background-color: #444; background-size: 500px; background-position: bottom center; box-shadow: 0px 0px 20px #111; font-family: adobe-handwriting-frank, sans-serif; font-weight: 400; font-style: normal; } .poppybox { background-color: #333; width: 300px; padding:20px; padding-bottom:50px; margin:auto; box-shadow: 0px 0px 20px #111; margin-top:60px; } .poppytext { color: #999; font-size:11px; text-align:justify; font-family: stix-two-text, serif; font-weight: 400; font-style: normal; } .poppytext b { color: white; font-family: stix-two-text, serif; font-weight: 700; font-style: normal; } .poppytext i { color: white; font-family: stix-two-text, serif; font-weight: 400; font-style: italic; } .elviracred { color: red; text-align: center; padding: 5px 10px; font-family: fira-sans-compressed, sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; margin-bottom:10px;} </style> </head> <body> <div class="poppycont"><div class="poppyhead"><br><br>Poppykit.</div><div class="poppybox"><div class="poppytext">POST HERE</div></div><div class="poppyimg1"><br><br><p>tag<span class="tooltiptext">@[PERSON]</span></div><div class="poppyimg2"><br><br><p>notes<span class="tooltiptext">notes can go here</span></div><div class="poppyimg3"><br><br><p>words<span class="tooltiptext">###</span></div></div><a href="http://cttw.jcink.net/index.php?showuser=15275" class="elviracred"><center>❅</center></a></body> </html>

la dame blanche

“When you took me from the witch trial at Cranesmuir- you said then that you would have died with me, you would have gone to the stake with me, had it come to that!" He grasped my hands, fixing me with a steady blue gaze. "Aye, I would," he said. "But I wasna carrying your child." The wind had frozen me; it was the cold that made me shake, I told myself. The cold that took my breath away. "You can't tell," I said, at last. "It's much too soon to be sure." He snorted briefly, and a tiny flicker of amusement lit his eyes. "And me a farmer, too! Sassenach, ye havena been a day late in your courses, in all the time since ye first took me to your bed. Ye havena bled now in forty-six days." "You bastard!" I said, outraged. "You counted! In the middle of a bloody war, you counted!" "Didn't you?" "No!" I hadn't; I had been much too afraid to acknowledge the possibility of the thing I had hoped and prayed for so long, come now so horribly too late.

notesnotes here

tag@[PERSON]

words###

❅

Code:: <!DOCTYPE html> <html> <head> <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display+SC:wght@700&display=swap" rel="stylesheet"><style> .glen1 { width: 400px; height: 100px; margin: auto; margin-top: 20px; background-image: url("https://i.pinimg.com/originals/ca/1c/d7/ca1cd7cb7f73a859c532dcb2077b0a6f.jpg"); background-size: 400px; background-position: center; } .glen2 { width: 350px; padding: 25px; border-top: 5px solid black; border-bottom: 5px solid black; margin: auto; background-color: white; } .glen3 {font-family: 'Playfair Display SC', serif; width: 280px; text-shadow:1px 0px 5px black; font-size: 15px; text-transform: uppercase; margin: auto; margin-left: 220px; margin-top:-60px; text-align:justify; letter-spacing: 30px; color: white; margin-bottom:20px; } .glen4 { width: 350px; color: black; font-size:10px; margin:auto; text-align:justify; font-family: 'Bitter', serif; } .glen5 { width: 360px; background-color: black; padding:10px 20px 25px 20px; margin: auto; } .glennote {font-family: 'Playfair Display SC', serif; margin-top:-5px; width: 100px; margin-right:0px; color:white; float:left; font-size: 8px; padding-left:30px; letter-spacing:5px; } .glentag {font-family: 'Playfair Display SC', serif; margin-top:-5px; width: 100px; color:white; float: left; font-size: 8px; text-align: center; letter-spacing:5px; } .glenword {font-family: 'Playfair Display SC', serif; margin-top:-5px; width:: 100px; color:white; margin-left:0px; float: right; font-size: 8px; text-align: center; padding-right:30px; letter-spacing:5px; } .glennote .tooltiptext {letter-spacing: 1px ;font-size: 9px; max-width: 100px; visibility: hidden; background-color: white; color: black; text-align: center; padding: 5px 10px; border-radius: 6px; margin-left: 5px; opacity:0.5; position: absolute; z-index: 0; font-family: stix-two-text, serif; font-weight: 400; font-style: italic; } .glentag .tooltiptext {letter-spacing:1px; font-size: 9px; max-width: 100px; visibility: hidden; background-color: white; color: black; text-align: center; padding: 5px 10px; border-radius: 6px; margin-left: 5px; opacity:0.5; position: absolute; z-index: 0; font-family: stix-two-text, serif; font-weight: 400; font-style: italic; } .glenword .tooltiptext { letter-spacing: 1px; font-size:9px; max-width: 100px; visibility: hidden; background-color: white; color: black; text-align: center; padding: 5px 10px; border-radius: 6px; margin-left: 5px; opacity:0.5; position: absolute; z-index: 0; font-family: stix-two-text, serif; font-weight: 400; font-style: italic; } /* Show the tooltip text when you mouse over the tooltip container */ .glennote:hover .tooltiptext { visibility: visible; } .glentag:hover .tooltiptext { visibility: visible; } .glenword:hover .tooltiptext { visibility: visible; } .glen1:hover { cursor: url(https://cur.cursors-4u.net/nature/nat-9/nat855.ani), url(https://cur.cursors-4u.net/nature/nat-9/nat855.png), auto; } .glen2:hover { cursor: url(https://cur.cursors-4u.net/nature/nat-9/nat855.ani), url(https://cur.cursors-4u.net/nature/nat-9/nat855.png), auto; } .glen3:hover { cursor: url(https://cur.cursors-4u.net/nature/nat-9/nat855.ani), url(https://cur.cursors-4u.net/nature/nat-9/nat855.png), auto; } .glen4:hover { cursor: url(https://cur.cursors-4u.net/nature/nat-9/nat855.ani), url(https://cur.cursors-4u.net/nature/nat-9/nat855.png), auto; } .glen5:hover { cursor: url(https://cur.cursors-4u.net/nature/nat-9/nat855.ani), url(https://cur.cursors-4u.net/nature/nat-9/nat855.png), auto; } .glennote:hover { cursor: url(https://cur.cursors-4u.net/nature/nat-9/nat855.ani), url(https://cur.cursors-4u.net/nature/nat-9/nat855.png), auto; } .glentag:hover { cursor: url(https://cur.cursors-4u.net/nature/nat-9/nat855.ani), url(https://cur.cursors-4u.net/nature/nat-9/nat855.png), auto; } .glenword:hover { cursor: url(https://cur.cursors-4u.net/nature/nat-9/nat855.ani), url(https://cur.cursors-4u.net/nature/nat-9/nat855.png), auto; } </style> </head> <body> <div class="glen1"></div><div class="glen3">la dame blanche</div><div class="glen2"><div class="glen4">POST HERE</div></div><div class="glen5"><div class="glennote">notes<span class="tooltiptext">notes here</span></div><div class="glentag">tag<span class="tooltiptext">@[PERSON]</span></div><div class="glenword">words<span class="tooltiptext">###</span></div></div> </body><a href="http://cttw.jcink.net/index.php?showuser=15275"><center>❅</center></a></div> </html>

Relationship Tracker

Name McName

Friendship

Hate

Love

A little description can go here, if you'd like, otherwhise just leave this empty. It is justified I think, so it lines out nicely. I'm just typing to fill this up and check, but you know, otherwise I just edit the code so it will be. Fun, right?

Name McName

Friendship

Hate

Love

A little description can go here, if you'd like, otherwhise just leave this empty. It is justified I think, so it lines out nicely. I'm just typing to fill this up and check, but you know, otherwise I just edit the code so it will be. Fun, right?

❅

Code:: <!DOCTYPE html> <html> <link rel="stylesheet" href="https://use.typekit.net/cws3rvw.css"> <head> <style> .retracont { background-color: #222; width: 400px; border: solid #FFADAD; border-width: 0px 10px; padding: 50px; padding-bottom: 20px; margin: auto; margin-top: 20px; margin-bottom: 20px; } .retratitle { font-family: utopia-std-display, serif; font-weight: 700; font-style: normal; color: #FFADAD; text-transform: uppercase; text-align: center; width:400px; font-size: 25px; letter-spacing: 5px; } .retraline { background-color: #FFADAD; width: 400px; height: 1px; margin-top: 10px; margin-bottom: 10px; } .retrasubtitle { color: #999; text-align: center; text-transform: uppercase; width: 400px; margin-bottom: 30px; letter-spacing: 5px; font-size: 10px; font-family: utopia-std-display, serif; font-weight: 700; font-style: normal; } .retrablock { width: 450px; padding: 25px; background-color: #; margin-left: -50px; overflow: hidden; color: #999; font-size: 10px; text-align: justify; font-family: utopia-std, serif; font-weight: 400; font-style: normal; } .retrablock h2 { color: #FFADAD; font-size: 15px; text-transform: uppercase; font-family: utopia-std-display, serif; font-weight: 700; font-style: normal; letter-spacing:3px; } .retrablock h3 { text-transform: uppercase; font-size:10px; } .retraimg { width: 150px; height: 150px; background-color: #444; image-size: 160px; float: left; margin-right: 20px; border-radius:100px; box-shadow: -5px 2px 0px #FFADAD; margin-top:25px; object-fit: cover; } .retraprogressbar { background-color: black; border-radius: 13px; /* (height of inner div) / 2 + padding*/ padding: 3px; width: 200px; margin-left:170px; margin-top:-8px; } .retraprogressbar>div { background-color: #FFADAD; height: 8px; border-radius: 10px; } .retracredits { color: #FFADAD; font-family: utopia-std, serif; font-weight: 700; font-style: normal; padding-top:50px; font-size:10px; } </style> </head> <body> <div class="retracont"><div class="retratitle">Relationship Tracker</div><div class="retraline"></div><div class="retrasubtitle">Name McName</div><div class="retrablock"><img src="https://i.servimg.com/u/f43/20/30/40/48/poppya10.jpg" class="retraimg"><h2>Name McName</h2><p></p><h3>Friendship</h3><div class="retraprogressbar"><div style="width:20%;"></div></div><p></p><h3>Hate</h3><div class="retraprogressbar"><div style="width:50%;"></div></div><p></p><h3>Love</h3> <div class="retraprogressbar"><div style="width:2%;"></div></div><br><br>A little description can go here, if you'd like, otherwhise just leave this empty. It is justified I think, so it lines out nicely. I'm just typing to fill this up and check, but you know, otherwise I just edit the code so it will be. Fun, right?</div><div class="retrablock"><img src="https://i.servimg.com/u/f43/20/30/40/48/poppya10.jpg" class="retraimg"><h2>Name McName</h2><p></p><h3>Friendship</h3><div class="retraprogressbar"><div style="width:20%;"></div></div><p></p><h3>Hate</h3><div class="retraprogressbar"><div style="width:50%;"></div></div><p></p><h3>Love</h3> <div class="retraprogressbar"><div style="width:2%;"></div></div><br><br>A little description can go here, if you'd like, otherwhise just leave this empty. It is justified I think, so it lines out nicely. I'm just typing to fill this up and check, but you know, otherwise I just edit the code so it will be. Fun, right?</div><a href="http://cttw.jcink.net/index.php?showuser=15275" class="retracredits"><center><br><br><br>❅</center></a></div> </body> </html>

Milkshake

Hello bold looks like this Strawberry milkshakes are fine, but a little basic. We do love pink though.

Tag @[ person ]

❅

Code:: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://use.typekit.net/ojo0pdz.css"> <style> .milkshake1 { background: linear-gradient(to bottom, #FFFBFB , #FFD7D7); width:400px; padding:25px; margin:auto; margin-top:20px; margin-bottom:20px; border: 1px double #FF7979; } .milkshake2 { width:150px; height:100px; background:url("https://images.unsplash.com/photo-1516007445015-fc20d86f8468?ixid=MXwxMjA3fDB8MHxzZWFyY2h8NjN8fG1pbGtzaGFrZXxlbnwwfHwwfA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=900&q=60"); background-size: 150px; background-position: center; clip-path: ellipse(50% 50% at 50% 50%); transform: rotate(-10deg); } .milkshake3{ width: 150px; height: 99px; border: 1px solid #FF7979; border-radius: 50%; margin-left:-1px; margin-top:-100px; } .milkshake4 { color: #fff; background: linear-gradient(90deg, rgba(255,121,121,1) 0%, rgba(255,215,215,1) 100%); width: 190px; padding:20px 30px; padding-left:60px; height:15px; font-size:35px; margin-top: -80px; margin-left:100px; font-family: professor, serif; font-weight: 400; font-style: normal;} .milkshake5 { width:1px; height:30px; background:#FF7979; margin-left:80px; } .milkshake6 { line-height:120%; margin:auto; margin-left:80px; width:270px; padding:10px; border-color:#FF7979; border-width: 0px 0px 1px 1px; border-style:solid; font-size: 12px; font-family: protipo-wide, sans-serif; font-weight: 300; font-style: normal; text-align:justify; } .milkshake6 b { font-family: protipo-wide, sans-serif; font-weight: 700; font-style: normal; background: linear-gradient(90deg, rgba(255,121,121,1) 0%, rgba(255,215,215,1) 100%); padding:0px 5px; } .milkshake7 { width:150px; font-family: protipo-wide, sans-serif; font-weight: 700; font-style: normal; background: linear-gradient(90deg, rgba(255,121,121,1) 0%, rgba(255,215,215,1) 100%); padding:5px; margin:auto; font-size:10px; text-align:center; margin-top:30px; color:#FFF; text-transform:uppercase; margin-bottom:3px; } .milkshake8 { color:#FF7979; text-align:center; font-family: protipo-wide, sans-serif; font-weight: 700; font-style: normal; } </style> </head> <body> <div class="milkshake1"><div class="milkshake2"></div><div class="milkshake3" style="transform: rotate(170deg);"></div><div class="milkshake3" style="transform: rotate(160deg);"></div><div class="milkshake4">TITLE</div><div class="milkshake5"></div><div class="milkshake6"><b>POST HERE</div><div class="milkshake7">Tag @[ person ]</div><a href="http://cttw.jcink.net/index.php?showuser=15275" style="milkshake8"><center>❅</center></a></div> </body> </html>

frostnip

TEXT HERE

Code:: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://use.typekit.net/gvi1drc.css"> <style> .frostnip1 { background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(215,239,255,1) 100%); width: 200px; padding: 20px 50px; margin: auto; margin-top: 20px; border: 1px solid #d7efff; } .frostnip2 { color:white; font-size:50px; font-family: braisetto; font-weight: 700; font-style: normal; text-align:center; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #c4e7ff; margin-bottom:10px; } .frostnip3 { width:220px; color:#222; padding:20px; margin:auto; margin-left:-30px; text-align:justify; font-size:11px; font-family: minion-3-display, serif; font-weight: 400; font-style: normal; } .frostnip3 b { color:black; font-family: minion-3-display, serif; font-weight: 700; } .frostnip3 i{ color:black; font-family: minion-3-display, serif; font-weight: 600; } .frostnip4 { width: 302px; height:50px; background:url("https://images.unsplash.com/photo-1548262783-202c5b633d80?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80"); background-size:302px; background-position: center; margin:auto; } .frostnip5 { width:302px; height:50px; margin:auto; margin-top:-50px; margin-bottom:20px; background:#fff; opacity:0.2; } </style> </head> <body> <div class="frostnip1"><div class="frostnip2">frostnip</div><div class="frostnip3">TEXT HERE</div></div><div class="frostnip4"></div><div class="frostnip5"></div> </body> </html>

Skadi

hello post goes here. Pretty silver sheet. I hope it will look as good on the warrior cats site and stuff and that it works the same because I actually really like it. I'm just typing up a load of text here to see if the justify works and to see where the text ends. hello post goes here. Pretty silver sheet. I hope it will look as good on the warrior cats site and stuff and that it works the same because I actually really like it. I'm just typing up a load of text here to see if the justify works and to see where the text ends. hello post goes here. Pretty silver sheet. I hope it will look as good on the warrior cats site and stuff and that it works the same because I actually really like it. I'm just typing up a load of text here to see if the justify works and to see where the text ends. hello post goes here. Pretty silver sheet. I hope it will look as good on the warrior cats site and stuff and that it works the same because I actually really like it. I'm just typing up a load of text here to see if the justify works and to see where the text ends. hello post goes here. Pretty silver sheet. I hope it will look as good on the warrior cats site and stuff and that it works the same because I actually really like it. I'm just typing up a load of text here to see if the justify works and to see where the text ends. hello post goes here. Pretty silver sheet. I hope it will look as good on the warrior cats site and stuff and that it works the same because I actually really like it. I'm just typing up a load of text here to see if the justify works and to see where the text ends. hello post goes here. Pretty silver sheet. I hope it will look as good on the warrior cats site and stuff and that it works the same because I actually really like it. I'm just typing up a load of text here to see if the justify works and to see where the text ends. hello post goes here. Pretty silver sheet. I hope it will look as good on the warrior cats site and stuff and that it works the same because I actually really like it. I'm just typing up a load of text here to see if the justify works and to see where the text ends. hello post goes here. Pretty silver sheet. I hope it will look as good on the warrior cats site and stuff and that it works the same because I actually really like it. I'm just typing up a load of text here to see if the justify works and to see where the text ends. hello post goes here. Pretty silver sheet. I hope it will look as good on the warrior cats site and stuff and that it works the same because I actually really like it. I'm just typing up a load of text here to see if the justify works and to see where the text ends. hello post goes here. Pretty silver sheet. I hope it will look as good on the warrior cats site and stuff and that it works the same because I actually really like it. I'm just typing up a load of text here to see if the justify works and to see where the text ends. hello post goes here. Pretty silver sheet. I hope it will look as good on the warrior cats site and stuff and that it works the same because I actually really like it. I'm just typing up a load of text here to see if the justify works and to see where the text ends.

Code:: <html><head><link rel="stylesheet" href="https://use.typekit.net/mpc6bfp.css"><style>.wolvescont { background: rgb(224,224,224); background: linear-gradient(141deg, rgba(224,224,224,1) 0%, rgba(243,244,249,1) 25%, rgba(217,217,217,1) 39%, rgba(255,255,255,1) 51%, rgba(224,224,224,1) 66%, rgba(243,244,249,1) 83%, rgba(224,224,224,1) 100%); width:400px; height:400px; padding:50px; margin:auto; margin-top:50px; margin-bottom:10px; border: 20px solid; border-image:url("https://i.ibb.co/ryNWyjX/border.png") 10% round; box-shadow: 0px 0px 2px #333; position:relative; z-index:1; } .wolvesimg1 { height:120px; widht:120px; background: url("https://i.ibb.co/0KxSQjb/skadi-coin.png"); background-repeat:no-repeat; background-size:120px; postion:relative; z-index:3; margin-left:145px; margin-top:-120px; filter:drop-shadow( 2px 1px 1px #333); } .wolvestitle {height:150px; font-family: fragile-bombers-attack, sans-serif; font-weight: 400; font-style: normal; text-transform:uppercase; font-size: 50px; text-align:center; background: rgb(190,191,195); background: linear-gradient(141deg, rgba(190,191,195,1) 0%, rgba(248,250,255,1) 21%, rgba(190,191,195,1) 38%, rgba(113,113,113,1) 45%, rgba(241,241,241,1) 65%, rgba(190,191,195,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(2px 2px 1px #555); position:relative; z-index:4; margin-top:-20px; padding-top:20px;} .wolvestitle cap { font-size:70px; } .wolvesimg2{ width:700px; height:200px; background:url("https://i.ibb.co/Hzc104W/wolves.png"); postion:relative; z-index:1; background-size:700px; background-repeat: no-repeat; margin:auto; margin-top:-170px; filter:drop-shadow(2px 2px 2px #333) } .wolvestextbox { postion:relative; z-index:3; width:430px; height:400px; border: 2px solid; border-image: linear-gradient(141deg, rgba(190,191,195,1) 0%, rgba(248,250,255,1) 21%, rgba(190,191,195,1) 38%, rgba(113,113,113,1) 45%, rgba(241,241,241,1) 65%, rgba(190,191,195,1) 100%) 1; background-size:430px 370px; margin-top:-370px; margin-left:-13px; } .wolvestext { overflow-y:scroll; color:#555; width:380px; height:300px; padding:20px; postion:relative; z-index:4; margin:auto; margin-top:-100px; margin-left:-5px; text-align:justify; font-family: kepler-std,serif; font-weight: 400; font-style: normal; font-size:11px;} .wolvestext b {color:#666;} /* width */ .wolvestext::-webkit-scrollbar { width: 2px; } /* Track */ .wolvestext::-webkit-scrollbar-track { background:; } /* Handle */ .wolvestext::-webkit-scrollbar-thumb { background: silver; } /* Handle on hover */ .wolvestext::-webkit-scrollbar-thumb:hover { background: #555; }</style></head><body> <div class="wolvescont"><div class="wolvesimg1"></div><div class="wolvestitle"><cap>S</cap>kad<cap>i</cap></div><div class="wolvestext">POST HERE</div><div class="wolvestextbox"></div></div><div class="wolvesimg2"></div> </body></html>

Specklepaw

How cute, you don't think I can get something I want

Hello here is a dummy text, it shows how a post would look. I really like the pixel image I found. It is really riverclan aesthetic-y. Idk if that makes sense.

Code:: <html> <head><link rel="stylesheet" href="https://use.typekit.net/ezg3qld.css"> <style> .specklecont3 { background:#fff; border: 1px solid #cae4f1; width:300px; padding:50px; padding-top:0px; padding-bottom:20px; margin:auto; margin-top:20px; position:relative; z-index:0; } .speckleimg3 { background:url("https://i.ytimg.com/vi/MPW8sStfCfE/maxresdefault.jpg"); background-size:400px 200px; background-position:center; width:400px; height:150px; margin:auto; margin-bottom:-80px; margin-left:-50px; border-width: 0px 0px 1px 0px; border-style:solid; border-color:#cae4f1; position:relative; z-index:1; } .speckletitle3 { font-family: magneta,serif; font-weight: 700; font-style: normal;color:#cae4f1; text-transform: uppercase; text-align: center; letter-spacing: 10px; font-size: 25px; width:400px; height:100px; margin-left:-50px; text-shadow: 0px 0px 10px white; position:relative; z-index:2; } .specklesub3 { font-family: magneta,serif; font-weight: 400; font-style: normal; color:#cae4f1; text-transform: uppercase; text-align: center; letter-spacing: 2px; font-size: 7px; width:400px; height:100px; margin-left:-50px; margin-top:0px; text-shadow: 0px 0px 5px white; margin-bottom:-30px; position:relative; z-index:2; } .speckleline3 { background:#cae4f1; width:350px; height:1px; margin-left:-25px; margin-top:-75px; box-shadow: 0px 0px 10px white; position:relative; z-index:2; } .speckletext3 { color:#777; font-size:10px; text-align:justify; line-height:100%; overflow:hidden; font-family: magneta,serif; font-weight: 400; font-style: normal; position:relative; z-index:3;} .speckletext3 b { color:#52708a; } </style> </head> <body> <div class="specklecont3"><div class="speckleimg3"></div><div class="speckletitle3">Specklepaw</div><div class="speckleline3"></div><div class="specklesub3">How cute, you don't think I can get something I want</div> <div class="speckletext3"> POST HERE </div> </div> </body> </html>

Onderwerp: Re: Fairy Lights [grote droptopic]