Coding Shop

Here is your go to spot for page designs! It's simple - find what you like, copy the coding, paste it to your page, and fill up the content. You may add your own designs too under a new heading.

Steppy's Designs
Click 'Expand' to see the designs!

Bubblegum Pink






Appearance


Personality


Family & Friends


History


Gallery


Underwater City
<div style="background:radial-gradient(rgba(10,20,147, 0.3) 23px, #000, transparent -35px), radial-gradient(rgba(0,2,255, 0.3) 23px, #000, transparent 25px) 0 25px, radial-gradient(rgba(0,0,0, 0.3) 23px, #000, transparent 25px) 25px 0, radial-gradient(rgba(0, 0, 0, 0.5) 23px, #000, transparent 25px) 25px 25px, #FFF; background-size:50px 50px; border:5px solid black;box-shadow: 0 2px 15px 2px hotpink, inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 1px rgba(255,255,255,0.3);border-radius:30px;color:#fff;font-family:papyrus;">





Appearance


Personality


Family


Friends


History


Trivia


Gallery
.

Wollow's Designs
Click Expand to see them!

<div style="background: radial-gradient(circle at 0% 0%, transparent 9px, #ddd 11px, transparent 12px), radial-gradient(circle at 0% 100%, transparent 9px, #ddd 11px, transparent 12px), radial-gradient(circle at 100% 0%, transparent 9px, #ddd 11px, transparent 12px), radial-gradient(circle at 100% 100%, transparent 9px, #ddd 11px, transparent 12px), radial-gradient(circle at 10% 10%, transparent 9px, #ddd 11px, transparent 12px), radial-gradient(circle at 10% 90%, transparent 9px, #ddd 11px, transparent 12px), radial-gradient(circle at 90% 10%, transparent 9px, #ddd 11px, transparent 12px), radial-gradient(circle at 90% 90%, transparent 9px, #ddd 11px, transparent 12px), radial-gradient(circle at 20% 20%, transparent 9px, #ddd 11px, transparent 12px), radial-gradient(circle at 20% 80%, transparent 9px, #ddd 11px, transparent 12px), radial-gradient(circle at 80% 20%, transparent 9px, #ddd 11px, transparent 12px), radial-gradient(circle at 80% 80%, transparent 9px, #ddd 11px, transparent 12px), radial-gradient(circle at 30% 30%, transparent 9px, #ddd 11px, transparent 12px), radial-gradient(circle at 30% 70%, transparent 9px, #ddd 11px, transparent 12px), radial-gradient(circle at 70% 30%, transparent 9px, #ddd 11px, transparent 12px), radial-gradient(circle at 70% 70%, transparent 9px, #ddd 11px, transparent 12px), radial-gradient(circle at 40% 40%, transparent 9px, #ddd 11px, transparent 12px), radial-gradient(circle at 40% 60%, transparent 9px, #ddd 11px, transparent 12px), radial-gradient(circle at 60% 40%, transparent 9px, #ddd 11px, transparent 12px), radial-gradient(circle at 60% 60%, transparent 9px, #ddd 11px, transparent 12px), #eee; background-size: 50px 50px;width:90%;color:#999;font-family:angelic serif;font-size:16px;">

<div style="background:linear-gradient(90deg, rgba(192,192,192,0.8), rgba(255,255,255,0.8),rgba(192,192,192,0.8));padding:10px;border-radius:1em;text-align:center;">

TitlE

content content content content content content content content

content content

content <div style="background:linear-gradient(90deg, rgba(192,192,192,0.8), rgba(255,255,255,0.8),rgba(192,192,192,0.8));padding:10px;border-radius:1em;text-align:center;">

TitlE

content content content content content content content content

content content

content <div style="background:linear-gradient(90deg, rgba(192,192,192,0.8), rgba(255,255,255,0.8),rgba(192,192,192,0.8));padding:10px;border-radius:1em;text-align:center;">

TitlE

content content content content content content content content

content content

content '

Icy's Designs
Click Expand to see them!

<div style="background:linear-gradient(to bottom right, #C6E2FF 0%, #87CEFA 50%, #1E90FF 100%);color:black;">This is a diagonal blue gradient with black text. I don't remember what font it is. Please remember to credit me! Helpful critiscism is also welcome - I'm fairly new to coding..

<div style="background:radial-gradient(#EE00EE 70%,#9370DB 50%) 0 4px;background-size:60px 75px;border:4px outset white; box-shadow:0 4px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);border-radius:20px;font-family:Londrina Shadow;font-size:19px">

Description
Content

Personality
Content

On the Blog
Content

On the Wiki
Content

Gallery
Content

Trivia
Content

<div style="background:radial-gradient(#8B008B 9%, #D8BFD8 15%) 0 6px;background-size:62px 75px;border:6px outset black; box-shadow:0 4px 6px rgba(0,0,0,0.5), inset 0 4px rgba(250,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);border-radius:20px;font-family:Indie Flower;font-size:18px">

Description
Stuff

Personality
More stuff

On the Blog
Even more stuffs

On the Wiki
Blah

Gallery
Merp

Trivia
Wheeee

Fallen's Designs
Click expand to see the coding!

Do credit, please :)

<div style="border: 2px solid black; -moz-border-radius: 0px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 0 0 5px 2px; background: linear-gradient(-250deg, #5d00ff 50%, #8b4af9 50%); font-family:bad script;font-size:15px;color:white"> this is here for the text -

<div style="border: 2px solid black; -moz-border-radius: 0px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 0 0 5px 2px; background: linear-gradient(to right, #db68f2, #963aa8, #641a72);font-family:akronim;font-size:15px;color: black; text-shadow: black 0px 3px 3px"> this is here for the text -

<div style="border: 2px solid black; -moz-border-radius: 0px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 0 0 10px 5px; background: linear-gradient(to top, #ff9b9b, #ffc99b, #fff59b, #a5ff9b, #9bffc6, #9bfdff, #9ba7ff, #c49bff, #fd9bff, #ff9b9b);font-family:cabin sketch;font-size:15px;color:black;text-shadow: black 0px 3px 6px"> this is here for the text

<div style="border-radius: 1em; background: -webkit-repeating-radial-gradient(top left, #ff00f3, #f3ff00 10%, #00f3ff 20%);font-family:indie flower;font-size:20px;color:black"> This is here for the text

Stoatie's Designs
Click expand to see

Please keep the credit at the end. Thanks.

<div style="background: linear-gradient(to left, firebrick, navy); color:white;;font-family:Overlock">

WELCOME TO (your name goes here)'S FURSONA PAGEIf your page has a free-range version, link it here!Feel free to change the color and font of this design if you apply it somewhere.


 * -|Description=

Filler text


 * -|Friends=
 * QWERTYUIOP
 * IDK
 * Barry B. Benson
 * Beep Beep I'm A Sheep
 * Meow Meow I'm A Cow


 * -|Gallery=




 * -|Add as many tabs as you like=

Title says all.

Coding by Stoatbramble of the BlogClan-2 Wikia.

<div style="border: 15px double lightcyan; -moz-border-radius: 0px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 0 0 5px 6px blue;color:gainsboro;font-family:Josefin Sans;background:navy">

(Your Name Goes Here)'s Page

A Heading
Stuff goes here

Another Heading
Stuff also goes here

Yet Another Heading
Even more stuff goes here

Taking this design?
Feel free to add more headings!

Coding By Stoatbramble of the BlogClan-2 Wikia
More designs coming soon...

Streamy's designs
Click Expand to see them!

Blue
Feel free to change what you want! Put |-| if you want to add a new tab. When you're done, type </"tabber> without the ".

Stuff= <div style="border:10px double white;background:linear-gradient(skyblue,royalblue); text-align:center"> Insert stuff here <div style="border:5px solid white; -moz-border-raidus:0px; -webkit-border-radius:10px;border-radius:10px;background:radial-gradient(skyblue,lightskyblue);width:250px;height:250px;overflow:auto; text-align:center"> insert more stuff here. This is a scrolling box, so as you fill up the box a scroll bar will appear

<div style="border:10px double white;background:linear-gradient(skyblue,royalblue); text-align:center"> Insert stuff here <div style="border:5px solid white; -moz-border-raidus:0px; -webkit-border-radius:10px;border-radius:10px;background:radial-gradient(skyblue,lightskyblue);width:250px;height:250px;overflow:auto; text-align:center"> insert more stuff here. This is a scrolling box, so as you fill up the box a scroll bar will appear
 * -| More Stuff=

Metallic Stripes
<div style="border:10px double teal;background:linear-gradient(145deg,gray,white,gray,white,gray,white,gray,white,gray,white);color:cadetblue;">

Something
stuff

something else
meep

e v e n m o r e t h i n g s
idk

<span style="text-shadow:azure 0px 2px 6px;font-family:Angelic Peace;font-size:60pt;color:cornflowerblue;">Insert

<span style="text-shadow:azure 0px 2px 6px;font-family:Angelic Peace;font-size:60pt;color:cornflowerblue;">Title

<span style="text-shadow:azure 0px 2px 6px;font-family:Angelic Peace;font-size:60pt;color:cornflowerblue;">Here

<div style="background:linear-gradient(135deg,powderblue,aliceblue,azure,white);">

Stuff
put stuff here

more stuff
geese

meep
meeeep

honkhonk
honkwing's journey

Purple Stripes
<div style="border:10px double white;background:repeating-linear-gradient(145deg,darkorchid 35%,thistle 45%);color:white;">

Whatever
todokete setsuna sa ni wa

things
what does the sheep say

more things
meh

Peacock Feathers
<div style="background:radial-gradient(circle at 50% 50%, lightseagreen 10%, transparent 0px),radial-gradient(circle at 30% 30%, #7fffd4 5%, transparent 0px),radial-gradient(circle at 70% 30%, #48d1cc 5%, transparent 0px),radial-gradient(circle at 50% 20%, #afeeee 5%, transparent 0px),radial-gradient(circle at 20% 50%, #7fffd4 5%, transparent 0px),radial-gradient(circle at 80% 50%, #48d1cc 5%, transparent 0px),radial-gradient(circle at 25% 75%, #7fffd4 10%, transparent 0px),radial-gradient(circle at 75% 75%, #48d1cc 10%, transparent 0px), radial-gradient(circle at 25% 80%, lightseagreen 21%, transparent 0px), radial-gradient(circle at 75% 80%, lightseagreen 21%, transparent 0px), radial-gradient(circle at 50% 50%, #40e0d0 25%, transparent 0px), radial-gradient(circle at 45% 70%, #40e0d0 20%, transparent 0px), radial-gradient(circle at 55% 70%, #40e0d0 20%, transparent 0px); background-size:50px 50px;  background-color: lightseagreen;border:10px double white; height:auto;width:auto;color:teal;">

<div style="background:rgba(175, 238, 238, .6);border:5px solid darkturquoise; -moz-border-radius: 0px; -webkit-border-radius: 10px; border-radius: 10px; margin:10px; padding-right:15px;padding-left:15px;box-shadow: 0 2px 6px rgba(240,255,255,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(240,255,255,.3), inset 0 0 3.5pc paleturquoise;color:teal;">

Things
bla bla

<div style="background:rgba(175, 238, 238, .6);border:5px solid darkturquoise; -moz-border-radius: 0px; -webkit-border-radius: 10px; border-radius: 10px; margin:10px; padding-right:15px;padding-left:15px;box-shadow: 0 2px 6px rgba(240,255,255,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(240,255,255,.3), inset 0 0 3.5pc paleturquoise;color:teal;">

more things
copy the above code to get more boxes

Golden Sun
<div style="background:radial-gradient(rgba(240, 230, 140, .3) 23px, #fff, transparent 25px), radial-gradient(rgba(255,215,0,.3) 23px, #fff, transparent 25px) 0 25px, radial-gradient(rgba(218, 165, 32, .3) 23px, #fff, transparent 25px) 25px 0, radial-gradient(rgba(255, 125, 0, .6) 23px, #fff, transparent 25px) 25px 25px, #FFF; background-size:50px 50px; border:8px dotted lightgoldenrodyellow;padding: 10px; height:auto; width:auto;">

<div style="background:rgba(255, 140, 0, .6);border:6px dotted lightgoldenrodyellow; border-radius:2pc 2pc 0 0; margin:10px; padding-right:10px;padding-left:10px; text-align:center;box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3), inset 0 0 2pc orange;color:white;"> blablablbalblbla

<div style="background:rgba(255, 160, 0, .6);border:6px dotted lightgoldenrodyellow; margin:10px; padding-right:10px;padding-left:10px;box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3), inset 0 0 3.5pc orange;color:white;">

Appearance
umidk

<div style="background:rgba(255, 160, 0, .6);border:6px dotted lightgoldenrodyellow; margin:10px; padding-right:10px;padding-left:10px;box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3), inset 0 0 3.5pc orange;color:white;">

Personality
stuffers

<div style="background:rgba(255, 160, 0, .6);border:6px dotted lightgoldenrodyellow; margin:10px; padding-right:10px;padding-left:10px;box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3), inset 0 0 3.5pc orange;color:white;">

bla
merp

Leaf's Designs
Click expand to see the designs!

Slytherin Stripes
<div style="background:linear-gradient(145deg, #9FFFA2 0%, #3E924D 5%, #666666 6%, #AAAAAA 7%, #CCCCCC 12%, #FFFFFF 13%, #D3FFD8 18%, #9FFFA2 19%, #3E924D 24%, #666666 25%, #AAAAAA 26%, #CCCCCC 31%, #FFFFFF 32%, #D3FFD8 37%, #9FFFA2 38%, #3E924D 43%, #666666 44%, #AAAAAA 45%, #CCCCCC 50%, #FFFFFF 51%, #D3FFD8 56%, #9FFFA2 57%, #3E924D 62%, #666666 63%, #AAAAAA 64%, #CCCCCC 69%, #FFFFFF 70%, #D3FFD8 75%, #9FFFA2 76%, #3E924D 81%, #666666 82%, #AAAAAA 83%, #CCCCCC 88%, #FFFFFF 89%, #D3FFD8 94%, #9FFFA2 95%, #3E924D 100%);color:blue"> This is a semi-basic code, since I'm pretty new to this. I kind of wonder why I even put this here :P

Name
bleorp

Appearance
a spoopy ghost

Personality
ded

Trivia
i exist

Other
...or do i?

Ravenclaw Radials
<div style="background:radial-gradient(#1C81FF 0%, #BD7600 70%, #1C81FF 100%);background-size:10px 50px;color:white;">Yep, I'm continuing with the HP theme.

This one's even simpler. Hooray.

Name
lalalalala

Appearance
boop

Personality
moo

Trivia
It's 00:22 rn

Other
You could also switch the colors around, if you wanted: <div style="background:radial-gradient(#BD7600 0%, #1C81FF 70%, #BD7600 100%);background-size:10px 50px;height:100px">

Gryffindor Gradients
coming soon...

Hufflepuff... something
coming soon maybe 

Ooh, I wonder if a hexagonal gradient is possible... Edit: nope

Sandy's Designs
Click 'expand to see the code!

<div style="background: linear-gradient(#0000FF, #0018A8, #0000CD, #4000FF, #4666FF); color:#CCCCFF; font-family:indie flower; font-size:15pt; border:7px inset mediumpurple; text-shadow:thistle 0px 3px 3px">

title
i lik potatoes

title
yee

On the blog
villager news

How I found warriors
out of a potato

How I found BlogClan
murp

Trailing Stars
thIS PeRsOn LiKeS pOtAtOeS

Friends
blah blahblahblah

Say something
derp derp derpy derp

Quotes
I LiKe PoTaToEs

Ships
potatoflewaroundmyroom

Trivia
potatobrinexpotato

Fanfictions
potatobrine's secret

Coding by Sandy

Shadow's Designs
Click expand to see them, and feel free to tweak to your liking! More will be here soon!

<div style="background: linear-gradient(lightcyan,mediumpurple);font-family: Indie Flower;font-size:14pt;color:black; border:5px double mediumaquamarine;border-radius:2em;padding:5px">

Fursona
Content

Stuff
Content

On the blog
Content

How I found warriors
Content

How I found BlogClan
Content

Trailing Stars
Content

Friends
Content

What people say about me
Content

Quotes
Content

Ships
Content

Trivia
Content

Fanfictions
Content

Coding by Shadow

===Crystie's Designs]]

Wollow's Designs
clickie expand

Go into Classic Editor and then the Source Editor to copy the code, there are some notes >.<

{ {DISPLAYTITLE:<span style="border-radius:0.25em;background-image: -webkit-linear-gradient(top left, grey 0%, #222222 50%, grey 100%);border:none;text-shadow: 2px 2px 2px black;color:white;">-TITLE- } }

<div style="border-radius:0.5em;background-image: -webkit-linear-gradient(top left, grey 0%, #222222 50%, grey 100%);border:none;text-shadow: 2px 2px 2px black;">

<div style="border-radius:0.5em;color:white;background-image: -webkit-linear-gradient(top left, #222222 0%, grey 50%, #222222 100%);border:none;box-shadow: 0 2px 6px #000000;">-TITLE-

<div style="background:rgba(0, 0, 0, 0.5);color:#dddddd;border-radius:0.5em;border:none;">FANFICTION BY AUTHOR  EXTRAINFO

<div style="border-radius:0.5em;color:white;background-image: -webkit-linear-gradient(top left, #222222 0%, grey 50%, #222222 100%);border:none;box-shadow: 0 2px 6px #000000;">Mysterious foreshadowing...

<div style="background:rgba(0, 0, 0, 0.5);color:#dddddd;border-radius:0.5em;border:none;">CHAPTER TITLE Chapter

<div style="text-align:right;font-size:14px;color:rgba(255,255,255,0.5);text-shadow:none;">Coding by <span style="color:rgba(255,255,255,0.5);">Willowpaw 

Steppy's Designs (Credit me!)
Click Expand to see them!

<div style="background:radial-gradient(rgba(128,0,128,0.5) 23px, #000, transparent -35px), radial-gradient(rgba(192,192,192, 0.3) 23px, #000, transparent 25px) 0 25px, radial-gradient(rgba(192,192,192, 0.3) 23px, #000, transparent 25px) 25px 0, radial-gradient(rgba(0, 0, 0, 0.5) 23px, #000, transparent 25px) 25px 25px, #FFF; background-size:50px 50px; border:5px solid black;box-shadow: 0 2px 6px 2px gray, inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 1px rgba(255,255,255,0.3);border-radius:30px;color:#000;">.

<div style="background:radial-gradient(purple 80%,silver 50%) 0 2px;border:3px dotted white;background-size:80px 50px; box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);border-radius:20px;margin:10px;">

<div style="background:linear-gradient(100deg, rgb(128,20,128), rgb(192,192,192)); border-radius:1px 2pc; padding:10px;box-shadow:0 6px 6px rgb(255,255,255), inset 0 1px rgb(0,0,0), inset 0 10px rgb(255,255,255), inset 0 10px 20px rgb(255,255,255), inset 0 15px 30px rgb(255,255,255); margin:5px;">

foreword//table of contents
<div style="background:linear-gradient(100deg, rgb(128,20,128), rgb(192,192,192)); border-radius:10px ; padding:10px;box-shadow:0 6px 6px rgb(255,255,255), inset 0 1px rgb(0,0,0), inset 0 10px rgb(255,255,255), inset 0 10px 20px rgb(255,255,255), inset 0 15px 30px rgb(255,255,255); margin:5px;">

write the story here

<div style="background:linear-gradient(100deg, rgb(128,20,128), rgb(192,192,192)); border-radius:10px ; padding:10px;box-shadow:0 6px 6px rgb(255,255,255), inset 0 1px rgb(0,0,0), inset 0 10px rgb(255,255,255), inset 0 10px 20px rgb(255,255,255), inset 0 15px 30px rgb(255,255,255); margin:5px;">

Icy's Designs
Click Expand to see them!

Put it here

Streamy's designs
Click Expand to see them!

Insert

title

here

Stuff= Insert stuff here <div style="border:5px solid white; -moz-border-raidus:0px; -webkit-border-radius:10px;border-radius:10px;background:linear-gradient(midnightblue,white);width:450px;height:500px;overflow:auto;"> '''insert more stuff here. This is a scrolling box, so as you fill up the box a scroll bar will appear'''

Insert stuff here <div style="border:5px solid white; -moz-border-raidus:0px; -webkit-border-radius:10px;border-radius:10px;background:linear-gradient(midnightblue, white);width:450px;height:500px;overflow:auto;"> '''insert more stuff here. This is a scrolling box, so as you fill up the box a scroll bar will appear'''
 * -| More Stuff=

Steppy's Designs (Credit me!)
Click Expand to see them!

Polka-Dot World
<div style="background:radial-gradient(circle at 75% 75%, hotpink 20%, transparent 4px),radial-gradient(circle at 23% 75%, white 10%, transparent 6px),radial-gradient(circle at 50% 50%, purple 30%, transparent 10px);background-size:70px 80px;border:5px outset white;background-color:black;background-size:70px 80px;">

<div style="background:linear-gradient(150deg, rgba(128,0,128, .8), rgba(255, 255, 255, .8), rgba(128,0,128, .8)); border: 3px solid black; border-radius:1px 3pc; padding:10px;box-shadow:0 2px 6px rgba(0,0,255,0.5), inset 0 1px rgba(60,70,240,0.3), inset 0 10px rgba(200,200,255,,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(255,255,255,0.3);margin:10px;color:black;">

about you

<div style="background:linear-gradient(150deg, rgba(128,0,128, .8), rgba(255, 255, 255, .8), rgba(128,0,128, .8)); border: 3px solid black; border-radius:1px 3pc; padding:10px;box-shadow:0 2px 6px rgba(0,0,255,0.5), inset 0 1px rgba(60,70,240,0.3), inset 0 10px rgba(200,200,255,,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(255,255,255,0.3);margin:10px;color:black;">

favorite pages

<div style="background:linear-gradient(150deg, rgba(128,0,128, .8), rgba(255, 255, 255, .8), rgba(128,0,128, .8)); border: 3px solid black; border-radius:1px 3pc; padding:10px;box-shadow:0 2px 6px rgba(0,0,255,0.5), inset 0 1px rgba(60,70,240,0.3), inset 0 10px rgba(200,200,255,,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(255,255,255,0.3);margin:10px;color:black;">

conclude

Violet Hearted
<div style="background:radial-gradient(rgba(0, 0, 0, 0.3) 23px, #000, transparent 25px), radial-gradient(rgba(255, 0, 255, 0.3) 23px, #000, transparent 25px) 0 25px, radial-gradient(rgba(255, 0, 255, 0.3) 23px, #000, transparent 25px) 25px 0, radial-gradient(rgba(0, 0, 0, 0.5) 23px, #000, transparent 25px) 25px 25px, #FFF; background-size:50px 50px; border:2px solid #000;border-radius:20px;box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25);">

<div style="background:radial-gradient(rgba(0, 0, 0, 0.3) 29px, #000, transparent 16px), radial-gradient(rgba(255, 0, 255, 0.3) 23px, #000, transparent 25px) 0 25px, radial-gradient(rgba(255, 0, 255, 0.3) 23px, #000, transparent 22px) 25px 0, radial-gradient(rgba(0, 0, 0, 0.5) 23px, #000, transparent 15px) 25px 25px, #FFF; background-size:50px 10px; border:2px solid #000;border-radius:20px;box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25);margin:20px;padding:10px;">

<div style="background:linear-gradient(purple,violet);margin:18px;color:black;border-radius:10px;padding:20px;">

☙ About Me ❧
text

<div style="background:linear-gradient(purple,violet);margin:18px;color:black;border-radius:10px;padding:20px;">

☙ Fan Fictions ❧
text

<div style="background:linear-gradient(purple,violet);margin:18px;color:black;border-radius:10px;padding:20px;">

☙ Friends ❧
text

<div style="background:linear-gradient(purple,violet);margin:18px;color:black;border-radius:10px;padding:20px;">

☙ My Favorite Pages ❧
text

Wollow's Designs
Click Expand to see them!

<div style="background:rgba(255, 255, 255,.6); padding:5px; overflow:hidden; text-align:center; color:white; margin:-50% auto 90% auto; border-radius:19px; width:500px; height:370px; overflow-x: hidden; overflow-y: scroll; box-shadow: 0 0 28px rgba(255,255,255,.9); position: relative;font-family:angelic serif;text-shadow:0 0 3px navy">

YouR NamE

Hello. This is content, and content, and content. 'Tis very contentious. You put your introramble here.

HeadinG

This is even more content. You can put anything here! Your friends, where to find you, RP characters, links to stuff, etc.

HeadinG

This is even more content. You can put anything here! Your friends, where to find you, RP characters, links to stuff, etc.

HeadinG

This is even more content. You can put anything here! Your friends, where to find you, RP characters, links to stuff, etc.

If you want to add more content, just look in Classic Editor's source mode. There'll be a comment there with the code you need.

Icy's Designs
Click Expand to see them!

Put it here

Wollow
Err so requests

Tell me what page to code and the basic color/theme you want (for example, purple, underwater, etc.)  You can ask for specifics as well, but I can easily work off of a simple idea. I also do chatskins, and for those you should also tell me the basic color/theme (and any specifics, such as what background image, if you'd like)

Steppy
Just tell me what you want your coding to look like, and please be specific because if you aren't, I will probably pester you with questions or just decide myself and then you won't like it. I do signatures and page/profile/fursona design and I suppose I'm experienced since I've been doing this for a year, so...yeah.

Sandy
Tell me what font and colors would you like! I'm taking requests currently (February 2019)!

Some fonts here

https://blogclan-2.fandom.com/wiki/User_blog:Willowlight7/Updated_Wikia_Font_List

Crystie
Tell me the color or theme, font, and coding style. So... yay! :P