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!

Moderator: Hall of the Arts Moderators















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

.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;
}









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
: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?
.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;
}











Users browsing this forum: No registered users and 1 guest