CSS Shop (Open)

Creatures · Post by **tufted** » April 26th, 2012, 12:36:28 am

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!

Creatures · Post by **Merkwerkee** » April 26th, 2012, 12:38:41 am

Go for it. It's yours now
Just remember to keep an original copy in case you muff it

Creatures · Post by **tufted** » April 26th, 2012, 12:40:59 am

Merkwerkee wrote:Go for it. It's yours now
Just remember to keep an original copy in case you muff it

Will do, thanks so much!

Creatures · Post by **GenericDragon** » April 26th, 2012, 10:21:28 am

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.

Creatures · Post by **Merkwerkee** » April 27th, 2012, 12:13:52 am

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.

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.

Might take me a couple days to get stuff done

That doesn't mean don't request, just don't expect things to get done until Monday

Creatures · Post by **AwesomeSauce** » April 30th, 2012, 10:34:54 pm

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

Creatures · Post by **Merkwerkee** » May 1st, 2012, 1:03:56 pm

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

All done, let me know how they work (or don't, as the case may be)

Creatures · Post by **AwesomeSauce** » May 1st, 2012, 5:11:53 pm

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.

Creatures · Post by **Merkwerkee** » May 1st, 2012, 5:18:39 pm

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

Creatures · Post by **GenericDragon** » May 1st, 2012, 9:53:27 pm

They're both wonderful. Thank you 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)