CSS Shop (Open)

Creatures · Post by **Chess** » May 3rd, 2012, 4:40:16 pm

So I just updated my profile, just because I needed to. I went to check it, and, lo behold!
The CSS worked. I suppose I had to update it or something. It wasn't broken code, since I edited that part out and it still didn't work before. Okay, now I know how to fix the problem!

Creatures · Post by **Cinnamon** » May 8th, 2012, 4:23:33 pm

Could I get one please?

Username: Cinnamon
Colors: #C35617 (Dark Orange 3), #8A4117 (Sienna) and #C85A17 (Chocolate)
Theme: Cinnamon
Other: I like swirls, smoke and clouds...

Thanks in advance!

Creatures · Post by **Merkwerkee** » May 8th, 2012, 5:00:14 pm

I went looking, and I found this for a background:
http://1.bp.blogspot.com/-3Kt-ILXhR8c/T ... G_6093.JPG
And now I'm starving. But that's beside the point. Does it suit?

Creatures · Post by **Cinnamon** » May 8th, 2012, 5:05:58 pm

Merkwerkee wrote:I went looking, and I found this for a background:
http://1.bp.blogspot.com/-3Kt-ILXhR8c/T ... G_6093.JPG
And now I'm starving. But that's beside the point. Does it suit?

It's perfect

Creatures · Post by **Merkwerkee** » May 8th, 2012, 5:43:05 pm

Code: Select all

.bg2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
background-color: rgba(200, 90, 23,0.4) !important;
float: left;
width: 96% !important;
padding: 0px;
margin: 0px;
background-image: none;
-moz-transform:translate(-2em, 0em);
transform:translate(-2em, 0em);
-webkit-transform:translate(-2em, 0em);
}
.bg1{
text-align: center !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
background-color: rgba(200, 90, 23,0.4) !important;
float: right;
width: 96% !important;
padding: 0px;
margin-right: -5px;
background-image: none;
-moz-transform:translate(2em, 0em);
transform:translate(2em, 0em);
-webkit-transform:translate(2em, 0em);
}
.headerbar{
background-image: url(http://img825.imageshack.us/img825/7892/cinhdr.png);
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border: 1px groove #A53800;
border-radius: 3em 1em;
background-color: rgba(200, 90, 23,0.3);
}
#page-footer .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
background-color: rgba(200, 90, 23,0.4) !important;
padding: 15px;
margin-left: -20px;
background-image: none;
}
#page-header .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
background-color: rgba(200, 90, 23,0.4) !important;
padding: 0px;
margin-left: 0px;
background-image: none;
}
#page-body{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
background-color: rgba(138, 65, 23,0.3);
width: 100% !important;
}
#page-footer{/*
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
background-color: rgba(138, 65, 23,0.3);
width: 100% !important; */
display: none;
}
#page-header{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
background-color: rgba(138, 65, 23,0.3);
width: 100% !important;
}
input.button2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
background-color: rgba(200, 90, 23,0.4);
background-image: url(http://images2.layoutsparks.com/1/29667/Brown-Smoke-Circles-Cute.jpg) !important;
}
.signature{
display: none;
}
* {
font-family: Segoe Script !important;
color: #F58849 !important;
text-align: center !important;
}
#wrap{
background-image: none;
background-color: rgba(195, 86, 23, 0.4) !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
}
body{
Background-image: url(http://1.bp.blogspot.com/-3Kt-ILXhR8c/TVrfeEkQ-2I/AAAAAAAAAOY/hk0PuukhCE8/s1600/IMG_6093.JPG);
background-size: 100% !important;
background-attachment: fixed !important;
}
span{
background: none;
display: none !important;
color: transparent;
}
.spoiler .inner{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(88, 15, 0 ,0.5);
border: 1px groove brown;
}
.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
background: none;
}
dl.left-box.details{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
text-align: center !important;
}
.jumpbox{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
background-color: rgba(200, 90, 23,0.3);
}
.icon-gold{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
}
.custom_css_avatar img{
-moz-border-radius: 1em 3em;
-webkit-border-radius: 1em 3em;
border-radius: 1em 3em;
border: 1px groove #A53800;
}

h3{
float: center;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
background-color: rgba(200, 90, 23,0.3);
background-image: none;
}

dl.left-box{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
float: right;
}
h2{
display: none;
} 
a:link, a.postlink:link{
text-decoration: none;
}
a:visited, a.postlink:visited{
color: dark gray;
text-decoration: none;
}
a:hover, a.postlink:hover{
font-size: 16px;
text-decoration: none;
background-color: transparent;
}

blockquote{
-moz-border-radius: 2em 2em !important;
-webkit-border-radius: 2em 2em !important;
border-radius: 2em 2em !important;
border:1px groove chocolate !important;
background-color: rgba(108, 35, 20,0.6) !important;
}

Let me know how that works

Creatures · Post by **ForPeetaSake** » May 9th, 2012, 8:23:43 pm

Username:tomato6396
Colors: dark turquoise, Green yellow, Cyan 4
Theme: Manga. do you think you could put a winged blonde girl in? If you can put text in, could it be " Always" in Italics?

Creatures · Post by **Cinnamon** » May 10th, 2012, 10:36:02 am

Merkwerkee wrote:

Code: Select all

.bg2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
background-color: rgba(200, 90, 23,0.4) !important;
float: left;
width: 96% !important;
padding: 0px;
margin: 0px;
background-image: none;
-moz-transform:translate(-2em, 0em);
transform:translate(-2em, 0em);
-webkit-transform:translate(-2em, 0em);
}
.bg1{
text-align: center !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
background-color: rgba(200, 90, 23,0.4) !important;
float: right;
width: 96% !important;
padding: 0px;
margin-right: -5px;
background-image: none;
-moz-transform:translate(2em, 0em);
transform:translate(2em, 0em);
-webkit-transform:translate(2em, 0em);
}
.headerbar{
background-image: url(http://img825.imageshack.us/img825/7892/cinhdr.png);
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border: 1px groove #A53800;
border-radius: 3em 1em;
background-color: rgba(200, 90, 23,0.3);
}
#page-footer .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
background-color: rgba(200, 90, 23,0.4) !important;
padding: 15px;
margin-left: -20px;
background-image: none;
}
#page-header .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
background-color: rgba(200, 90, 23,0.4) !important;
padding: 0px;
margin-left: 0px;
background-image: none;
}
#page-body{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
background-color: rgba(138, 65, 23,0.3);
width: 100% !important;
}
#page-footer{/*
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
background-color: rgba(138, 65, 23,0.3);
width: 100% !important; */
display: none;
}
#page-header{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
background-color: rgba(138, 65, 23,0.3);
width: 100% !important;
}
input.button2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
background-color: rgba(200, 90, 23,0.4);
background-image: url(http://images2.layoutsparks.com/1/29667/Brown-Smoke-Circles-Cute.jpg) !important;
}
.signature{
display: none;
}
* {
font-family: Segoe Script !important;
color: #F58849 !important;
text-align: center !important;
}
#wrap{
background-image: none;
background-color: rgba(195, 86, 23, 0.4) !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
}
body{
Background-image: url(http://1.bp.blogspot.com/-3Kt-ILXhR8c/TVrfeEkQ-2I/AAAAAAAAAOY/hk0PuukhCE8/s1600/IMG_6093.JPG);
background-size: 100% !important;
background-attachment: fixed !important;
}
span{
background: none;
display: none !important;
color: transparent;
}
.spoiler .inner{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(88, 15, 0 ,0.5);
border: 1px groove brown;
}
.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
background: none;
}
dl.left-box.details{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
text-align: center !important;
}
.jumpbox{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
background-color: rgba(200, 90, 23,0.3);
}
.icon-gold{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
}
.custom_css_avatar img{
-moz-border-radius: 1em 3em;
-webkit-border-radius: 1em 3em;
border-radius: 1em 3em;
border: 1px groove #A53800;
}

h3{
float: center;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #A53800;
background-color: rgba(200, 90, 23,0.3);
background-image: none;
}

dl.left-box{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
float: right;
}
h2{
display: none;
} 
a:link, a.postlink:link{
text-decoration: none;
}
a:visited, a.postlink:visited{
color: dark gray;
text-decoration: none;
}
a:hover, a.postlink:hover{
font-size: 16px;
text-decoration: none;
background-color: transparent;
}

blockquote{
-moz-border-radius: 2em 2em !important;
-webkit-border-radius: 2em 2em !important;
border-radius: 2em 2em !important;
border:1px groove chocolate !important;
background-color: rgba(108, 35, 20,0.6) !important;
}

Let me know how that works

I love it! Thanks a lot

:

Creatures · Post by **Merkwerkee** » May 13th, 2012, 4:44:34 pm

ForPeetaSake wrote:Username:tomato6396
Colors: dark turquoise, Green yellow, Cyan 4
Theme: Manga. do you think you could put a winged blonde girl in? If you can put text in, could it be " Always" in Italics?

Code: Select all

.bg2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #CFECEC;
background-color: rgba(48, 125, 126,0.3) !important;
float: left;
width: 96% !important;
padding: 0px;
margin: 0px;
background-image: none;
-moz-transform:translate(-2em, 0em);
transform:translate(-2em, 0em);
-webkit-transform:translate(-2em, 0em);
}
.bg1{
text-align: center !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #CFECEC;
background-color: rgba(48, 125, 126,0.3) !important;
float: right;
width: 96% !important;
padding: 0px;
margin-right: -5px;
background-image: none;
-moz-transform:translate(2em, 0em);
transform:translate(2em, 0em);
-webkit-transform:translate(2em, 0em);
}
.headerbar{
background-image: url(http://img52.imageshack.us/img52/8975/fpshdr.png);
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border: 1px groove #CFECEC;
border-radius: 3em 1em;
background-color: rgba(48, 125, 126,0.3);
}
#page-footer .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #CFECEC;
background-color: rgba(48, 125, 126,0.3) !important;
padding: 15px;
margin-left: -20px;
background-image: none; 
}
#page-header .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #CFECEC;
background-color: rgba(48, 125, 126,0.3) !important;
padding: 0px;
margin-left: 0px;
background-image: none;
}
#page-body{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #CFECEC;
background-color: rgba(59, 156, 156,0.3);
width: 100% !important;
}
#page-footer{
display: none;
}
#page-header{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #CFECEC;
background-color: rgba(59, 156, 156,0.3);
width: 100% !important; 
}
input.button2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #CFECEC;
background-color: rgba(48, 125, 126,0.4);
background-image: url(http://i217.photobucket.com/albums/cc100/BlueOpal7/Angel/8da3297c.jpg) !important;
background-repeat: repeat;
}
.signature{
display: none;
}
* {
font-family: Segoe Script !important;
color:#B1FB17 !important;
text-align: center !important;
}
#wrap{
background-image: none;
background-color: rgba(109, 206, 206, 0.4) !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #CFECEC;
}
body{
Background-image: url(http://www.imgbase.info/images/safe-wallpapers/anime/1_other_anime/12850_1_other_anime_anime_angels_angels_anime_girls.jpg);
background-size: 100% !important;
background-attachment: fixed !important;
}
span{
background: none;
display: none !important;
color: transparent;
}
.spoiler .inner{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(18, 95, 96,0.5);
border: 1px groove black;
}
.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
background: none;
}
dl.left-box.details{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
text-align: center !important;
}
.jumpbox{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #CFECEC;
background-color: rgba(48, 125, 126,0.3);
}
.icon-gold{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #CFECEC;
}
.custom_css_avatar img{
-moz-border-radius: 1em 3em;
-webkit-border-radius: 1em 3em;
border-radius: 1em 3em;
border: 1px groove #CFECEC;
}

h3{
float: center;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #CFECEC;
background-color: rgba(48, 125, 126,0.3);
background-image: none;
}

dl.left-box{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
float: right;
}
h2{
display: none;
} 
a:link, a.postlink:link{
text-decoration: none;
}
a:visited, a.postlink:visited{
color: dark gray;
text-decoration: none;
}
a:hover, a.postlink:hover{
font-size: 16px;
text-decoration: none;
background-color: transparent;
}

blockquote{
-moz-border-radius: 2em 2em !important;
-webkit-border-radius: 2em 2em !important;
border-radius: 2em 2em !important;
border:1px groove white !important;
background-color: rgba(0, 64, 76,0.6) !important;
}

Let me know how it works - yes, I made you a custom header. It'll show up whenever Tristan gets around to allowing those in the profiles again

Creatures · Post by **ForPeetaSake** » May 13th, 2012, 8:10:49 pm

That works great! Thanks!

Creatures · Post by **WraithJuggalette** » May 16th, 2012, 1:55:25 am

Username: WraithJuggalette
Theme: Light Saebra Unicorns.

Colors: Umm... Pink, red and black ribbons in the background behind the Saebras with little pink bubbles.
Anything else?:
The side bars for the CSS being an adult Light Saebra on each side (male on the right and female on the left.) With a top header bar that has the male and female hatchies one each end and the Light Saebra egg in the middle. In short what i've already got, but with Light Saebras and the ribbons behind them like described and just a tiny bit bigger images.

Thanks so very much!!!!

MagiStream

CSS Shop (Open)

Re: CSS Shop (open)

Re: CSS Shop (open)

Re: CSS Shop (open)

Re: CSS Shop (open)

Re: CSS Shop (open)

Re: CSS Shop (open)

Re: CSS Shop (open)

Re: CSS Shop (open)

Re: CSS Shop (open)

Re: CSS Shop (open)