CSS Shop (Open)

Creatures · Post by **Merkwerkee** » March 28th, 2012, 8:15:51 am

Okay, so I do free CSS. If you want one, I need three colors that look reasonably good together and a theme for the pictures.

Don't expect miracles when it comes to headers - I'm a coder, not an artist - but rest assured that I'll do my best when making a unique one for you

I don't, however, do the impossible - so if I feel I cannot complete your request up to snuff, I'll let you know

The kind of CSS you will get is displayed loud and proud on my own profile; that's the kind of style I do

Edit: Yes, I post these codes in open thread and as such you can take muck with them to your heart's content - but I would just like to say you'll look awfully dorky with someone else's name in your header.
I'm just saying this because I suspect a good deal of people would like a hunger games or whatever profile......

Also, there's no limit to the number of times you can request, but I reserve the right to be lazy

This is where I get all my color codes, if you're feeling really specific
NEW RULE: If you use this website and request specific colors, please give me the red, green, blue color values as well

So, yes, you can request certain fonts - but it won't show up as the font unless the person viewing has the font installed on their computer. This is not actually a problem, but I just feel people should be aware

Please do not waste my time by asking for CSSs you don't intend to use. It's hurtful and annoying

I have a small guide, for them as want it, to editing CSSs. Mainly the ones I make. Pm me for the stuff

Creatures · Post by **MoonDust** » March 28th, 2012, 6:33:05 pm

username: tobycoco7358
colours: gold, yellow and black
theme: mockingjay? hunger games style? ( hpe thats what u consider a theme

)

Creatures · Post by **Merkwerkee** » March 29th, 2012, 12:23:59 am

tobycoco7358 wrote:username: tobycoco7358
colours: gold, yellow and black
theme: mockingjay? hunger games style? ( hpe thats what u consider a theme )

Code: Select all

* {font-family: DejaVu Serif !important;
color: #FFFF00 !important;}

body{background-image:url(http://www.hungergamestrilogy.net/wp-content/uploads/2010/02/Hunger-Games-Wallpaper.jpg);
background-repeat:repeat;
background-size: cover;
background-attachment:fixed;
padding: 0 !important;
}

#wrap{background-color: rgba(251, 185, 23,0.4);
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px
border-right: 1px solid gold !important;
border-left: 1px solid gold !important;
border-top: 1px solid gold !important;
border-bottom: 1px solid gold !important;}

#page-body{background-color:rgba(0,0,0,0.4);
background-image: none;
width:100%;
padding:25px;
margin-left:-25px;
padding-bottom:10px}

#page-header{background-color:  rgba(0,0,0,0.4);
background-image: none;
width:100%;
-moz-border-radius-topright:26px;
-webkit-border-top-right-radius:26px;
border-top-right-radius:26px;
-moz-border-radius-topleft:26px;
-webkit-border-top-left-radius:26px;
border-top-left-radius:26px;
padding:25px;
margin-left:-25px;
padding-bottom:0px}

#page-footer{background-color:  rgba(0, 0, 0,0.4);
background-image:none;
width:100%;
padding:25px;
padding-top:0;
margin-left:-25px;
-moz-border-radius-bottomright:26px;
-webkit-border-bottom-right-radius:26px;
border-bottom-right-radius:26px;
-moz-border-radius-bottomleft:26px;
-webkit-border-bottom-left-radius:26px;
border-bottom-left-radius:26px}

#page-header .navbar{-moz-border-radius-bottomright:16px;
-webkit-border-bottom-right-radius:16px;
border-bottom-right-radius:16px;
-moz-border-radius-bottomleft:16px;
-webkit-border-bottom-left-radius:16px;
border-bottom-left-radius:16px;
background-color:  rgba(232, 163, 23,0.4);
background-image: none;
border:1px solid gold}

#page-footer .navbar{-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
background-color: rgba(232, 163, 23,0.4);
background-image:none;
border:1px solid gold}

.headerbar{background-image:url(http://img201.imageshack.us/img201/276/tbycchdr.png);
background-repeat:no-repeat;
background-color:#c8b495;
-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
border:1px solid #FFD735}

.bg2, .bg1{background-color: rgba(251, 185, 23, 0.4);
background-image: none;
background-repeat:repeat;
-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
width:100% !important;
padding:10px;margin-left:-10px !important;
border:1px solid gold;
margin-bottom:15px;
float:none !important}

a:link, a.postlink:link{color:#FFFF00;
text-decoration:underline;
border:none}

a:visited, a.postlink:visited{color:#175de8;
text-decoration:underline;
border:none}

a:hover, a.postlink:hover{background-color:transparent;
color:#0000A0 !important;
font-size: 20px !important;;
text-decoration:none;
border:none}

a:active, a.postlink:active{color: #FFFF00;
text-decoration: none;
border:none}

a.fontsize{display:none}

a.button2:hover, input.button2:hover{color:#FFA500}

input.button2{background-image:url(http://silviahartmann.com/background-tile-art/images/fire_flame/flames-background_3.jpg);
background-color:#FFFFFF;
border:1px solid #C07B00 !important;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px}

span{background-image:none !important}

h2{display:none}

h3{background-image: none;
border-bottom-color: rgba(#C07B00,0.4);
font-size:1.5em;
color: #FFFF00;
text-align:center;
background-repeat:no-repeat;
padding:16px;
padding-left:0px;
padding-right:0px}

ul.navlinks, .custom_css_rank{border-bottom-color:#FFFF00}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{background-image:none}

.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd{color: white !important}

.spoiler .inner{-moz-border-radius:8px;
-webkit-border-radius:8px;
background-color: rgba(192, 123, 0,0.5) ;
border-radius:8px;
border:1px solid dark gold !important;
padding-left:10px;padding-bottom:10px}

.codebox{-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px}

.custom_css_signature .spoiler .codebox{margin-left:-7px !important}

.signature{max-height:100%}

.copyright{color: #FFFF00;
font-size:90%}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right{background-image:none;
background-color:transparent}

.border-bottom{display:none}

.custom_css_rank{border:none}

dl.left-box{float:left;
width:20% !important;
padding:10px}

dl.left-box.details{width:70% !important}

dl.left-box.details{border-left:1px solid #FFFF00}

.jumpbox{display:none}

dl.left-box.details dt{font-weight:bold;
margin-bottom:5px;
border-bottom:1px dotted #FFFF00}

dt{font-weight:bold}

dl.left-box.details dd{padding:3px;margin-left:20px !important}
.icon-gold{border:1px solid #FBB917;
border-top:none;
border-right:none;
background-color: #E8A317;
padding:11px;
padding-left:6px;
margin-top:-6px;
margin-left:11px;background:none; 
rgba(48, 34, 23,0.3)}

.custom_css_avatar img{border:3px double #FFFF00}

.icon-gold span{color:#FFFF00 !important}

blockquote{-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #FFFF00;
margin-left:3px
background-color: rgba(0,0,0,0.6);}
.spoiler blockquote{margin-left:-7px;
background-color: rgba(0,0,0,0.6);}

code{color: #FFFF00 !important}

Let me know if I derped anything

Edit: I did. I've fixed it now

Creatures · Post by **anyanka** » March 29th, 2012, 11:35:59 am

Uhm, no form? I'll just make my own then

Username: GothicAngel
Theme: Dark/fantasy/magick/elves/dragon/vampire/death/goth etc. Hope you know what I mean.
Colors: Black, dark purple, white (not much though)
Anything else? A dragon or a fae somewhere would be nice, but is not necessary

Creatures · Post by **Merkwerkee** » March 29th, 2012, 12:52:11 pm

GothicAngel wrote:Uhm, no form? I'll just make my own then
Username: GothicAngel
Theme: Dark/fantasy/magick/elves/dragon/vampire/death/goth etc. Hope you know what I mean.
Colors: Black, dark purple, white (not much though)
Anything else? A dragon or a fae somewhere would be nice, but is not necessary

Code: Select all

* {font-family: Death Font !important;
color: #FFFFFF !important;}

body{background-image:url(http://4.bp.blogspot.com/_-jo2ZCYhKaY/TOP1uxOfEgI/AAAAAAAAIaE/dbWvapn8Pa8/s1600/poze-horror%252B%252528gothicwallz.blogspot.com%252529.jpg);
background-repeat:repeat;
background-attachment:fixed;
background-size: cover;
padding: 0 !important;
}

#wrap{background-color: rgba(0,0,0,0.4);
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px
border-right: 1px solid dark purple !important;
border-left: 1px solid dark purple !important;
border-top: 1px solid dark purple !important;
border-bottom: 1px solid dark purple !important;}

#page-body{background-color:rgba(28, 0, 119,0.4);
background-image: none;
width:100%;
padding:25px;
margin-left:-25px;
padding-bottom:10px}

#page-header{background-color:  rgba(28, 0, 119,0.4);
background-image: none;
width:100%;
-moz-border-radius-topright:26px;
-webkit-border-top-right-radius:26px;
border-top-right-radius:26px;
-moz-border-radius-topleft:26px;
-webkit-border-top-left-radius:26px;
border-top-left-radius:26px;
padding:25px;
margin-left:-25px;
padding-bottom:0px}

#page-footer{background-color:  rgba(28, 0, 119,0.4);
background-image:none;
width:100%;
padding:25px;
padding-top:0;
margin-left:-25px;
-moz-border-radius-bottomright:26px;
-webkit-border-bottom-right-radius:26px;
border-bottom-right-radius:26px;
-moz-border-radius-bottomleft:26px;
-webkit-border-bottom-left-radius:26px;
border-bottom-left-radius:26px}

#page-header .navbar{-moz-border-radius-bottomright:16px;
-webkit-border-bottom-right-radius:16px;
border-bottom-right-radius:16px;
-moz-border-radius-bottomleft:16px;
-webkit-border-bottom-left-radius:16px;
border-bottom-left-radius:16px;
background-color:  rgba(0,0,0,0.4);
background-image: none;
border:1px solid dark purple}

#page-footer .navbar{-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
background-color: rgba(0,0,0 ,0.4);
background-image:none;
border:1px solid dark purple}

.headerbar{background-image:url(http://img853.imageshack.us/img853/3521/gthcnglhdr.png);
background-repeat:no-repeat;
background-color:#c8b495;
-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
border:1px solid #44289F}

.bg2, .bg1{background-color: rgba(0,0,0, 0.4);
background-image: none;
background-repeat:repeat;
-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
width:100% !important;
padding:10px;margin-left:-10px !important;
border:1px solid dark purple;
margin-bottom:15px;
float:none !important}

a:link, a.postlink:link{color:#FFFFFF;
text-decoration:underline;
border:none}

a:visited, a.postlink:visited{color:#3C3C81;
text-decoration:underline;
border:none}

a:hover, a.postlink:hover{background-color:transparent;
color:#FF0000 !important;
font-size: 20px !important;;
text-decoration:none;
border:none}

a:active, a.postlink:active{color: #FFFFFF;
text-decoration:underline;
border:none}

a.fontsize{display:none}

a.button2:hover, input.button2:hover{color:#FF0000}

input.button2{background-image:url(http://image.shutterstock.com/display_pic_with_logo/282778/282778,1247911706,2/stock-vector-seamless-crisscross-pattern-vector-33839794.jpg);
background-color:#FFFFFF;
border:1px solid #FFFFFF !important;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px}

span{background-image:none !important}

h2{display:none}

h3{background-image: none;
border-bottom-color: rgba(0,0,0,0.4);
font-size:1.5em;
color: #FFFFFF;
text-align:center;
background-repeat:no-repeat;
padding:16px;
padding-left:0px;
padding-right:0px}

ul.navlinks, .custom_css_rank{border-bottom-color:#FFFFFF}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{background-image:none}

.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd{color: white !important}

.spoiler .inner{-moz-border-radius:8px;
-webkit-border-radius:8px;
background-color: rgba(40, 40, 109,0.5) ;
border-radius:8px;
border:1px solid dark purple !important;
padding-left:10px;padding-bottom:10px}

.codebox{-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px}

.custom_css_signature .spoiler .codebox{margin-left:-7px !important}

.signature{max-height:100%}

.copyright{color:#FFFFFF;
font-size:90%}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right{background-image:none;
background-color:transparent}

.border-bottom{display:none}

.custom_css_rank{border:none}

dl.left-box{float:left;
width:20% !important;
padding:10px}

dl.left-box.details{width:70% !important}

dl.left-box.details{border-left:1px solid #FFFFFF}

.jumpbox{display:none}

dl.left-box.details dt{font-weight:bold;
margin-bottom:5px;
border-bottom:1px dotted #FFFFFF}

dt{font-weight:bold}

dl.left-box.details dd{padding:3px;margin-left:20px !important}
.icon-gold{border:1px solid #FFFFFF;
border-top:none;
border-right:none;
background-color:#000000;
padding:11px;
padding-left:6px;
margin-top:-6px;
margin-left:11px;background:none; 
rgba(40, 40, 109,0.3)}

.custom_css_avatar img{border:3px double #FFFFFF}

.icon-gold span{color:#FFFFFF !important}

blockquote{-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #3C3C81;
margin-left:3px
background-color: rgba(0,0,0,0.6);}
.spoiler blockquote{margin-left:-7px;
background-color: rgba(0,0,0,0.6);}

code{color:#3C3C81 !important}

As always, let me know if I derped anything

Edit: I did. Minor fix

Creatures · Post by **anyanka** » March 29th, 2012, 1:04:17 pm

It's awesome, thank you!

Sending a little tip right your way

Creatures · Post by **MoonDust** » March 29th, 2012, 9:33:36 pm

Thank-you so much. I luv it. I can't really sum it up in words how much I luv it

Creatures · Post by **Silvereil** » March 29th, 2012, 9:41:18 pm

I just copied GothicAngel's form. I hope you don't mind.

Username: jam4455588
Theme: Kind of a celestial dragon theme.
Colors: Umm... Maybe colors similar to a few in the background of my avatar?
Anything else?: Maybe a bit of text at the top? If not, then just at least one celestial dragon somewhere if possible.

Creatures · Post by **Merkwerkee** » March 29th, 2012, 11:42:31 pm

jam4455588 wrote:I just copied GothicAngel's form. I hope you don't mind.

Username: jam4455588
Theme: Kind of a celestial dragon theme.
Colors: Umm... Maybe colors similar to a few in the background of my avatar?
Anything else?: Maybe a bit of text at the top? If not, then just at least one celestial dragon somewhere if possible.

No promises. At all. I'm incapable of using MS sprites for anything, pretty much - I do headers in paint, but maybe.....

Also, I'm only guessing about the colors in your avatar - I can't hardly see it at all

Code: Select all

* {font-family: FontleroyBrown !important;
color: #232300 !important;}

body{background-image:url(http://i299.photobucket.com/albums/mm292/Dragongirl1270/celwhite.png);
background-repeat:repeat;
background-attachment:fixed;
background-size: cover;
padding: 0 !important;
}

#wrap{background-color: rgba(255, 140, 181,0.4);
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px
border-right: 1px solid #659EC7 !important;
border-left: 1px solid #659EC7 !important;
border-top: 1px solid #659EC7 !important;
border-bottom: 1px solid #659EC7 !important;}

#page-body{background-color:rgba(152, 175, 199,0.4);
background-image: none;
width:100%;
padding:25px;
margin-left:-25px;
padding-bottom:10px}

#page-header{background-color:  rgba(152, 175, 199,0.4);
background-image: none;
width:100%;
-moz-border-radius-topright:26px;
-webkit-border-top-right-radius:26px;
border-top-right-radius:26px;
-moz-border-radius-topleft:26px;
-webkit-border-top-left-radius:26px;
border-top-left-radius:26px;
padding:25px;
margin-left:-25px;
padding-bottom:0px}

#page-footer{background-color:  rgba(152, 175, 199,0.4);
background-image:none;
width:100%;
padding:25px;
padding-top:0;
margin-left:-25px;
-moz-border-radius-bottomright:26px;
-webkit-border-bottom-right-radius:26px;
border-bottom-right-radius:26px;
-moz-border-radius-bottomleft:26px;
-webkit-border-bottom-left-radius:26px;
border-bottom-left-radius:26px}

#page-header .navbar{-moz-border-radius-bottomright:16px;
-webkit-border-bottom-right-radius:16px;
border-bottom-right-radius:16px;
-moz-border-radius-bottomleft:16px;
-webkit-border-bottom-left-radius:16px;
border-bottom-left-radius:16px;
background-color:  rgba(52, 75, 99,0.4);
background-image: none;
border:1px solid #FF8CB5}

#page-footer .navbar{-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
background-color: rgba(52, 75, 99,0.4);
background-image:none;
border:1px solid #FF8CB5}

.headerbar{background-image:url(http://img694.imageshack.us/img694/5539/jmhdr.png);
background-repeat:no-repeat;
background-color:#c8b495;
-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
border:1px solid #FF8CB5}

.bg2, .bg1{background-color: rgba(52, 75, 99, 0.4);
background-image: none;
background-repeat:repeat;
-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
width:100% !important;
padding:10px;margin-left:-10px !important;
border:1px solid #FF8CB5;
margin-bottom:15px;
float:none !important}

a:link, a.postlink:link{color:#232300;
text-decoration:underline;
border:none}

a:visited, a.postlink:visited{color:#232300;
text-decoration:underline;
border:none}

a:hover, a.postlink:hover{background-color:transparent;
color: #FF9454 !important;
font-size: 20px !important;;
text-decoration:none;
border:none}

a:active, a.postlink:active{color:#232300;
text-decoration:underline;
border:none}

a.fontsize{display:none}

a.button2:hover, input.button2:hover{color: #659EC7}

input.button2{background-image:url(http://www.dreamstime.com/black-and-white-scales-pattern-thumb7240970.jpg);
background-color:#FFFFFF;
border:1px solid #000000 !important;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px}

span{background-image:none !important}

h2{display:none}

h3{background-image: none;
border-bottom-color: rgba(152, 175, 199,0.4);
font-size:1.5em;
color: #232300;
text-align:center;
background-repeat:no-repeat;
padding:16px;
padding-left:0px;
padding-right:0px}

ul.navlinks, .custom_css_rank{border-bottom-color:#232300}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{background-image:none}

.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd{color: #232300 !important}

.spoiler .inner{-moz-border-radius:8px;
-webkit-border-radius:8px;
background-color: rgba(13, 0, 0,0.5) ;
border-radius:8px;
border:1px solid #659EC7 !important;
padding-left:10px;padding-bottom:10px}

.codebox{-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px}

.custom_css_signature .spoiler .codebox{margin-left:-7px !important}

.signature{max-height:100%}

.copyright{color:#232300;
font-size:90%}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right{background-image:none;
background-color:transparent}

.border-bottom{display:none}

.custom_css_rank{border:none}

dl.left-box{float:left;
width:20% !important;
padding:10px}

dl.left-box.details{width:70% !important}

dl.left-box.details{border-left:1px solid #232300}

.jumpbox{display:none}

dl.left-box.details dt{font-weight:bold;
margin-bottom:5px;
border-bottom:1px dotted #232300}

dt{font-weight:bold}

dl.left-box.details dd{padding:3px;margin-left:20px !important}
.icon-gold{border:1px solid #232300;
border-top:none;
border-right:none;
background-color:#c7b299;
padding:11px;
padding-left:6px;
margin-top:-6px;
margin-left:11px;background:none; 
rgba(199,178,153,0.3)}

.custom_css_avatar img{border:3px double #232300}

.icon-gold span{color:#232300 !important}

blockquote{-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #659EC7;
margin-left:3px
background-color: rgba(255, 140, 181,0.6);}
.spoiler blockquote{margin-left:-7px;
background-color: rgba(255, 140, 181,0.6);}

code{color:#232300 !important}

I'm not 100% sure on this one, so do let me know what's up with it.....

edit: slight fix

Creatures · Post by **Kiysa** » March 29th, 2012, 11:48:03 pm

Lol, also copied da form...

Username: Kiysa
Theme: Assassin's Creed
Colors: Red, black, and a lil' bit o' white
Anything Else?: If you could fit the saying, We work
in the dark to serve the light, and the shadows are where we strike.
We are assassins. "Nothing is true, everything is permitted."
in there somewhere, then that would be great.

MagiStream

CSS Shop (Open)

CSS Shop (Open)

Re: CSS Shop (as it were)

Re: CSS Shop (as it were)

Re: CSS Shop (as it were)

Re: CSS Shop (as it were)

Re: CSS Shop (as it were)

Re: CSS Shop (as it were)

Re: CSS Shop (as it were)

Re: CSS Shop (as it were)

Re: CSS Shop (as it were)