Coding Shop

Hi hi hi. Welcome to the Coding Shop. Feel free to take anything so long as you remember to give credit to the Original Author (Unless they don't require it. You can also take designs, and alter them however you want. :D Have fun shopping!!

P.S I would not suggest editing a certain section because that does not give you the full code. Click the button on the top left, "Edit" always.

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

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;">I'm not even sure what this is, honestly. It's blue. It's purple. It's got black text. It has a white border. That's all I know.

<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 the thing to expand

<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

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 

Foxey'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;">

author's note
===Icy's Designs ===

Click Expand to see them!

Put it here

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

<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

Wollow's Designs


<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.