Font is good size now. Hm, it might just be me, but the font of the page looks like it's in Times New Romans? Well, it's fine. I might do some tweaking with the coding just for fun You don't mind, right?
Wonderful job, thank you very much!
CSS Shop (Open)
Moderator: Hall of the Arts Moderators
Forum rules
Hall of the Arts rules
Hall of the Arts rules
- Merkwerkee
- MagiStream Donor
- Creatures • Trade
- Posts: 19575
- Joined: July 30th, 2009, 11:58:03 am
- Location: Life persists
Re: CSS Shop (open)
Go for it. It's yours now
Just remember to keep an original copy in case you muff it
Just remember to keep an original copy in case you muff it
The Shattered Compass
I do free CSS
Sig Set By Incandescence
-
- MagiStream Donor
- Creatures • Trade
- Posts: 2251
- Joined: May 13th, 2010, 7:12:48 pm
- Gender: Female
- Location: Texas
Re: CSS Shop (open)
OoOoO...
I can haz request? A couple, actually, if you don't mind?
First One
Colors: Black, amber, and light blue
Theme: Fenris from Dragon Age 2.
If you could go with this picture as the background, and whatever you feel would work well with the header.
Second One
Colors: Red, black and silver
Theme: Daenerys Stormborn from Song of Ice and Fire/Game of Thrones
If you only want to do one, the first option.
I can haz request? A couple, actually, if you don't mind?
First One
Colors: Black, amber, and light blue
Theme: Fenris from Dragon Age 2.
If you could go with this picture as the background, and whatever you feel would work well with the header.
Second One
Colors: Red, black and silver
Theme: Daenerys Stormborn from Song of Ice and Fire/Game of Thrones
If you only want to do one, the first option.
I want to roleplay. Particularly, Dragon Age. If you're interested in a semi-lit/adv-lit Dragon Age RP, shoot me a message.
- Merkwerkee
- MagiStream Donor
- Creatures • Trade
- Posts: 19575
- Joined: July 30th, 2009, 11:58:03 am
- Location: Life persists
Re: CSS Shop (open)
Might take me a couple days to get stuff doneGenericDragon wrote:OoOoO...
I can haz request? A couple, actually, if you don't mind?
First One
Colors: Black, amber, and light blue
Theme: Fenris from Dragon Age 2.
If you could go with this picture as the background, and whatever you feel would work well with the header.
Second One
Colors: Red, black and silver
Theme: Daenerys Stormborn from Song of Ice and Fire/Game of Thrones
If you only want to do one, the first option.
That doesn't mean don't request, just don't expect things to get done until Monday
The Shattered Compass
I do free CSS
Sig Set By Incandescence
- AwesomeSauce
- Creatures • Trade
- Posts: 2119
- Joined: January 18th, 2010, 9:33:42 am
- Gender: Female
- Location: In Lyoko with Aelita fighting Bloks & Megatanks
Re: CSS Shop (open)
Me would like one!
Okay.Since I'm in love with the game Portal, I must have a Portal CSS.
The colors are:
#2B3856 as the background
Words
#3BB9FF
or
#ff7f3b
(Or both.)
Pictures:
as the header.
and him somewhere...xD
If you need any more info, go ahead and tell me. I forget a lot...
Okay.Since I'm in love with the game Portal, I must have a Portal CSS.
The colors are:
#2B3856 as the background
Words
#3BB9FF
or
#ff7f3b
(Or both.)
Pictures:
as the header.
and him somewhere...xD
If you need any more info, go ahead and tell me. I forget a lot...
- Merkwerkee
- MagiStream Donor
- Creatures • Trade
- Posts: 19575
- Joined: July 30th, 2009, 11:58:03 am
- Location: Life persists
Re: CSS Shop (open)
GenericDragon wrote:OoOoO...
I can haz request? A couple, actually, if you don't mind?
First One
Colors: Black, amber, and light blue
Theme: Fenris from Dragon Age 2.
If you could go with this picture as the background, and whatever you feel would work well with the header.
Code: Select all
.bg2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #273E55;
background-color: rgba(150, 222, 255,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 #273E55;
background-color: rgba(150, 222, 255,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://img528.imageshack.us/img528/2328/gdhdr.png);
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border: 1px groove #273E55;
border-radius: 3em 1em;
background-color: rgba(150, 222, 255,0.3);
}
#page-footer .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #273E55;
background-color: rgba(150, 222, 255,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 #273E55;
background-color: rgba(150, 222, 255,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 #273E55;
background-color: rgba(231, 157, 3,0.3);
width: 100% !important;
}
#page-footer{/*
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #273E55;
background-color: rgba(231, 157, 3,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 #273E55;
background-color: rgba(231, 157, 3,0.3);
width: 100% !important;
}
input.button2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #273E55;
background-color: rgba(231, 157, 3,0.4);
background-image: url(http://image.shutterstock.com/display_pic_with_logo/54706/54706,1201879855,2/stock-photo-beautiful-amethyst-runes-on-blue-astrological-background-9054331.jpg) !important;
}
.signature{
display: none;
}
* {
font-family: Segoe Print !important;
color: black !important;
text-align: center !important;
}
#wrap{
background-image: none;
background-color: rgba(0, 0, 65, 0.4) !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #273E55;
}
body{
Background-image: url(http://fc08.deviantart.net/fs71/f/2011/103/b/8/da2_fenris_wallpaper_by_sandara-d3dt3qj.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(130, 202, 235,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 #273E55;
background-color: rgba(150, 222, 255,0.3);
}
.icon-gold{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #273E55;
}
.custom_css_avatar img{
-moz-border-radius: 1em 3em;
-webkit-border-radius: 1em 3em;
border-radius: 1em 3em;
border: 1px groove #273E55;
}
h3{
display: none;
}
.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 #273E55;
background-color: rgba(150, 222, 255,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 #273E55 !important;
background-color: rgba(210, 255, 255, 0.6) !important;
}
Second One
Colors: Red, black and silver
Theme: Daenerys Stormborn from Song of Ice and Fire/Game of Thrones
If you only want to do one, the first option.
Code: Select all
.bg2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #FF0000;
background-color: rgba(192, 192, 192,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 #FF0000;
background-color: rgba(192, 192, 192,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://img685.imageshack.us/img685/2940/gdhdr2.png);
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border: 1px groove #FF0000;
border-radius: 3em 1em;
background-color: rgba(192, 192, 192,0.3);
}
#page-footer .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #FF0000;
background-color: rgba(192, 192, 192,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 #FF0000;
background-color: rgba(192, 192, 192,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 #FF0000;
background-color: rgba(192, 192, 192,0.3);
width: 100% !important;
}
#page-footer{/*
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #FF0000;
background-color: rgba(192, 192, 192,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 #FF0000;
background-color: rgba(192, 192, 192,0.3);
width: 100% !important;
}
input.button2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #FF0000;
background-color: rgba(192, 192, 192,0.4);
background-image: url(http://us.123rf.com/400wm/400/400/narokzaad/narokzaad1201/narokzaad120100478/12331485-black-dragon-on-red-background.jpg) !important;
}
.signature{
display: none;
}
* {
font-family: FontleroyBrown !important;
color: black !important;
text-align: center !important;
}
#wrap{
background-image: none;
background-color: rgba(152, 152, 152, 0.4) !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #FF0000;
}
body{
Background-image: url(http://fc00.deviantart.net/fs70/i/2012/083/4/e/daenerys_stormborn__we__ll_burn_you_first_by_llyahz-d4ts96o.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(222, 222, 222,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 #FF0000;
background-color: rgba(192, 192, 192,0.3);
}
.icon-gold{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #FF0000;
}
.custom_css_avatar img{
-moz-border-radius: 1em 3em;
-webkit-border-radius: 1em 3em;
border-radius: 1em 3em;
border: 1px groove #FF0000;
}
h3{
display: none;
}
.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 #FF0000;
background-color: rgba(192, 192, 192,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 black !important;
background-color: rgba(255, 255, 255,0.6) !important;
}
AwesomeSauce wrote:Me would like one!
Okay.Since I'm in love with the game Portal, I must have a Portal CSS.
The colors are:
#2B3856 as the background
Words
#3BB9FF
or
#ff7f3b
(Or both.)
Pictures:
as the header.
and him somewhere...xD
If you need any more info, go ahead and tell me. I forget a lot...
Code: Select all
.bg2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #FF7F3B;
background-color: rgba(43, 56, 86,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 #FF7F3B;
background-color: rgba(43, 56, 86,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://img809.imageshack.us/img809/5352/ashdr.png);
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border: 1px groove #FF7F3B;
border-radius: 3em 1em;
background-color: rgba(43, 56, 86,0.3);
}
#page-footer .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #FF7F3B;
background-color: rgba(43, 56, 86,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 #FF7F3B;
background-color: rgba(43, 56, 86,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 #FF7F3B;
background-color: rgba(43, 56, 86,0.3);
width: 100% !important;
}
#page-footer{/*
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #FF7F3B;
background-color: rgba(43, 56, 86,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 #FF7F3B;
background-color: rgba(43, 56, 86,0.3);
width: 100% !important;
}
input.button2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #FF7F3B;
background-color: rgba(43, 56, 86,0.4);
background-image: url(http://th05.deviantart.net/fs71/PRE/i/2010/167/e/3/Portal_2_Wallpaper_by_God__of__War.jpg) !important;
}
.signature{
display: none;
}
* {
font-family: Roman !important;
color: #3BB9FF !important;
text-align: center !important;
}
#wrap{
background-image: none;
background-color: rgba(43, 56, 86, 0.4) !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #FF7F3B;
}
body{
Background-image: url(http://img859.imageshack.us/img859/1442/port220110419153855.png);
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(63, 76, 106,0.5);
border: 1px groove #FF7F3B;
}
.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 #FF7F3B;
background-color: rgba(43, 56, 86,0.3);
}
.icon-gold{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #FF7F3B;
}
.custom_css_avatar img{
-moz-border-radius: 1em 3em;
-webkit-border-radius: 1em 3em;
border-radius: 1em 3em;
border: 1px groove #FF7F3B;
}
h3{
display: none;
}
.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 #FF7F3B;
background-color: rgba(43, 56, 86,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 #FF7F3B !important;
background-color: rgba(127, 114, 83,0.6) !important;
}
The Shattered Compass
I do free CSS
Sig Set By Incandescence
- AwesomeSauce
- Creatures • Trade
- Posts: 2119
- Joined: January 18th, 2010, 9:33:42 am
- Gender: Female
- Location: In Lyoko with Aelita fighting Bloks & Megatanks
Re: CSS Shop (open)
Mine is awesome, but I can't see any words...I can't see anything on my about me or the 'Forum', 'Shops' at the top.
- Merkwerkee
- MagiStream Donor
- Creatures • Trade
- Posts: 19575
- Joined: July 30th, 2009, 11:58:03 am
- Location: Life persists
Re: CSS Shop (open)
That's because I lack the talent to put them up there with any degree of accuracy
They're part of the header - the picture - and while the links themselves are still there (clickable areas on the picture) I can't put the words up with any degree of accuracy
I tried for awhile, but they all ended up just awful so I quit
They're part of the header - the picture - and while the links themselves are still there (clickable areas on the picture) I can't put the words up with any degree of accuracy
I tried for awhile, but they all ended up just awful so I quit
The Shattered Compass
I do free CSS
Sig Set By Incandescence
-
- MagiStream Donor
- Creatures • Trade
- Posts: 2251
- Joined: May 13th, 2010, 7:12:48 pm
- Gender: Female
- Location: Texas
Re: CSS Shop (open)
They're both wonderful. Thank you very much.
I want to roleplay. Particularly, Dragon Age. If you're interested in a semi-lit/adv-lit Dragon Age RP, shoot me a message.