Page 1 of 62
CSS Shop (Open)
Posted: March 28th, 2012, 8:15:51 am
by Merkwerkee
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
Re: CSS Shop (as it were)
Posted: March 28th, 2012, 6:33:05 pm
by MoonDust
username: tobycoco7358
colours: gold, yellow and black
theme: mockingjay? hunger games style? ( hpe thats what u consider a theme
)
Re: CSS Shop (as it were)
Posted: March 29th, 2012, 12:23:59 am
by Merkwerkee
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
Re: CSS Shop (as it were)
Posted: March 29th, 2012, 11:35:59 am
by anyanka
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
Re: CSS Shop (as it were)
Posted: March 29th, 2012, 12:52:11 pm
by Merkwerkee
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
Re: CSS Shop (as it were)
Posted: March 29th, 2012, 1:04:17 pm
by anyanka
It's awesome, thank you!
Sending a little tip right your way
Re: CSS Shop (as it were)
Posted: March 29th, 2012, 9:33:36 pm
by MoonDust
Thank-you so much. I luv it. I can't really sum it up in words how much I luv it
Re: CSS Shop (as it were)
Posted: March 29th, 2012, 9:41:18 pm
by Silvereil
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.
Re: CSS Shop (as it were)
Posted: March 29th, 2012, 11:42:31 pm
by Merkwerkee
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
Re: CSS Shop (as it were)
Posted: March 29th, 2012, 11:48:03 pm
by Kiysa
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.