Page 10 of 62
Re: CSS Shop (open)
Posted: May 3rd, 2012, 4:40:16 pm
by Chess
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!
Re: CSS Shop (open)
Posted: May 8th, 2012, 4:23:33 pm
by Cinnamon
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!
Re: CSS Shop (open)
Posted: May 8th, 2012, 5:00:14 pm
by Merkwerkee
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?
Re: CSS Shop (open)
Posted: May 8th, 2012, 5:05:58 pm
by Cinnamon
It's perfect
Re: CSS Shop (open)
Posted: May 8th, 2012, 5:43:05 pm
by Merkwerkee
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
Re: CSS Shop (open)
Posted: May 9th, 2012, 8:23:43 pm
by ForPeetaSake
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?
Re: CSS Shop (open)
Posted: May 10th, 2012, 10:36:02 am
by Cinnamon
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
:
Re: CSS Shop (open)
Posted: May 13th, 2012, 4:44:34 pm
by Merkwerkee
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
Re: CSS Shop (open)
Posted: May 13th, 2012, 8:10:49 pm
by ForPeetaSake
That works great! Thanks!
Re: CSS Shop (open)
Posted: May 16th, 2012, 1:55:25 am
by WraithJuggalette
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!!!!
