MagiStream

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

Okay. If you ask for a CSS and don't like what you get tell me what's bothering you. I'll do my best to fix it, and it's really hurtful when you request a CSS from me, then five minutes later use one garnered from someone else because you feel the one I gave you isn't up to snuff. These CSSs do take time, and I ask that you not waste mine with pointless requests

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

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

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

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

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

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

It's awesome, thank you! Sending a little tip right your way

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

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.

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