CAN SOME BODY WRITE DOWN FOR ME THIS LAYOUT?

Posts

Pages: 1
NOACCEPTANCE772
And the ability to summon the "Office Whores" to deal damage to the enemies.
553
12/14/2011 03:37 PM
Hey there guyz,

I dunno hell about CSS formatting in RMN and I wanna see if anybody will be merciful enough to tell me how to make such a layout inn CSS

Black n' red,Background image will be an image of metal grating,kinda like Dues Ex Machina's page but with some red.If you dunno what dues Ex is,Here's the link:Deus Ex
Please tell me!
It will be appreciated!

THNX!!
Max McGee
with sorrow down past the fence
9159
NOACCEPTANCE772
And the ability to summon the "Office Whores" to deal damage to the enemies.
553
12/14/2011 10:38 PM
Nah,It doesn't matter anymore,for I'm leaving.
I know I'll find a non-facist and a non-ageist site somewhere on the net just like I found the devils craphole(Thiz site)
kentona
Bunnyhug
21027
12/14/2011 10:55 PM
We have no problem with young people (hi pyrodoom, Adon!) or old people (hi me, Clyve!). We might be fascist... Hard to say!

The people here do tend to dislike spastic posts and diatribes, though.
Clyve
GOATSE FOR LIFE
1868
12/14/2011 11:01 PM
That's more or less it. It's probably a better idea to speak up when you have things to say, versus spamming nonsense about licking folks, or ;';';';';'';';';';';';';';';';';';';';';';';';, or LOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOL, etc.

Plenty of young people that don't feel the need to do things like that.
Max McGee
with sorrow down past the fence
9159
12/15/2011 12:37 AM
if NoAcceptance72 leaves we will be losing one of our most uniquely identifiable auteurs
Miracle
1044
12/15/2011 03:31 AM
I dunno if you were serious about leaving or not but if you want I could make you a CSS like Deus Ex's (I made that CSS a long time ago and it desperately needs some revision) but if you take me up now I'm sure I can code yours with a few special ideas I have now. :>

But if you're seriously leaving then bye o_o
Max McGee
with sorrow down past the fence
9159
12/15/2011 03:42 AM
/me swoops in like a vulture so this topic doesn't go complete to waste.

FWIW I'd like to see what the CSS looks like for Deus Ex Machina, that is a really good looking game page and I'm kind of in an "excitedly learning about CSS" phase. Care to share here?
Miracle
1044
12/15/2011 06:21 AM
Okay :> I sent you a PM, Max but I'll post it here in case anybody else wants it;

Deus Ex Machina's CSS : (please note that this was done quite a while ago so it's not really too good :\)
Show
/* MIRACLE FUN FACT ~ Whenever I hear "DeNovo", I automatically think "DiCaprio". :D */

#body { background: #111111; color: #DDDDDD}

#main_column { background: #111111; color: #DDDDDD}

#main_column.h1 { background: #111111; color: #DDDDDD !important;

}

#game_frame.h2 { background: #111111; color: #DDDDDD !important;

}

h3 { background: #111111;
color: #DDDDDD !important;

}

#game_frame { background: #111111; color: #DDDDDD}


div.makerscore {

color: #DDDDDD !important;

}

div.message div.contents {

border-left: 0px;

}
div.frame {
background: none;
}
div.message div.contents {
border-color: #111111 !important;
}
div.contents.message.odd, .contents.message.even {
background: #111111; color: #DDDDDD !important;
}

#id_body.markItUpEditor {color: #DDDDDD !important;
background: #111111 !important;
border-color: #C0C0C0 !important}

div.buttons a, {color: #DDDDDD !important;
background: #111111 !important;
border: 1px solid #404040 !important}

#blockquote {color: #DDDDDD !important;
background: url("http://rpgmaker.net/media/content/users/10065/locker/Infec_MB.png") !important;
border-color: #404040 !important}

#game_navigation { background: url("http://RANRANRUU.png")!important;
color: #404040 !important }

a:link {
color: #707070 !important;
}

div.user_block span.username {
display: block;
font-size: 12px;
font-weight: bold;
margin-bottom: 4px;
color: #DDDDDD
}

div.pages {
color: #DDDDDD;
font-size: 12px;
font-weight: bold;
}

element.style {
}
Matched CSS Rules
div.frame h2 {
background: color: #404040 url("http://rpgmaker.net/media/content/users/10065/locker/Headerbar4.png") repeat-x;
color: white;
font-size: 13px;
padding: 1px 16px;
margin: 0;
}

div.frame h2 {
background: #404040 url("http://rpgmaker.net/media/content/users/10065/locker/Headerbar4.png") repeat-x;
color: white;
font-size: 13px;
padding: 1px 16px;
margin: 0;
}

div.frame h3 {
color: #DDDDDD;
font-size: 14px;
}

.buttons a, .buttons button {
background: url("http://rpgmaker.net/media/content/users/10065/locker/button2.png") repeat-x;
border: 1px solid #222222;
border-bottom-width: 2px;
color: #DDDDDD !important;
font-size: 100% !important;
font-weight: bold !important;
line-height: 13px !important;
float: left;
margin-right: 8px !important;
cursor: pointer;
}

div.title {
color: #DDDDDD;
}

#game_navigation a {
font-size: 12px;
font-weight: bold;
padding: 1px 8px 0;
display: block;
color: #DDDDDD;
}

.thumbnail {
background: gray;
border: 2px solid #404040;
width: 128px;
height: 96px;
margin-right: 8px;
margin-bottom: 8px;
float: left;
}

div.frame h3 {
color: #DDDDDD !important;
font-size: 14px;
}

#game_navigation li.current a {
color: #404040;
}

#game_download_area {
background: url("http://rpgmaker.net/media/content/users/10065/locker/downloads.png") no-repeat;
color: #C0C0C0;
width: 128px;
height: 54px;
margin-top: 24px;
padding: 2px 6px 6px 2px;
float: left;
cursor: none;
}

#game_download_area div {
color: #909090;
font-family: "Tahoma", sans-serif;
font-size: 10px;
font-weight: bold;
text-align: center;
height: 12px;
}

.buttons a:hover, .buttons button:hover {
background: gray;
border-bottom-color: #404040;
color: #C0C0C0;
text-decoration: none;
}

#game_frame h4 {
background: #2F2F2F;
color: white;
font-size: 1.1em;
margin: 0;
padding: 2px 16px 2px 16px;
}

#game_strip {
background: #2F2F2F;
font-size: 0.77em;
color: white;
clear: both;
width: 964px;
height: 32px;
padding: 0px 12px 0px 0px;
}
^ The red wasn't really a prominent part of the CSS because I made the logo after the gamepage design, sooo... I kind of compensated for it by redding some text :\ Also, the CANCELLED unfortunately seems to fit a little too nicely ><

Also:
Enelysion's CSS : (This was done just a few days ago. Somewhat better than my earlier attempts?)
Show
#body { background: #1C1C1C url("http://www.bluemelon.com/photo/29742/1940938.png") no-repeat top center; color: #F2F2F2}

#main_column { background: url("http://www.bluemelon.com/photo/29742/1940939.png") repeat; color: #F2F2F2}

#game_strip {
background: #333333;
font-size: 0.77em;
color: #909090;
clear: both;
width: 964px;
height: 32px;
padding: 0px 12px 0px 0px;
}

#game_frame {color: #F2F2F2; background: transparent;}

div.makerscore {

color: #DDDDDD !important;

}

div.message div.contents {
border-left: 1px solid #333333;
margin-top: -6px;
margin-bottom: -6px;
margin-left: 160px;
padding: 2px 0;
background: url("http://www.bluemelon.com/photo/29742/1940939.png");
}

#id_body.markItUpEditor {color: #F2F2F2 !important;
background: url("http://www.bluemelon.com/photo/29742/1943347.png") repeat;
border-color: #282828 !important}

div.buttons a, {color: #F2F2F2 !important;
background: #111111 !important;
border: 1px solid #404040 !important}

#game_navigation { background: url("http://RANRANRUU.png")!important;
color: #F2F2F2 !important }

a:link {
color: #707070;
}

div.user_block span.username {
display: block;
font-size: 12px;
font-weight: bold;
margin-bottom: 4px;
color: #F2F2F2;
}

div.pages {
clear: both;
color: #F2F2F2;
font-size: 1.0em;
font-weight: bold;
height: 16px;
margin-top: 6px;
margin-bottom: 16px;
padding: 2px 16px;
}

div.frame h2 {
background: #333333;
color: white;
font-size: 1.3em;
padding: 1px 16px;
margin: 0;
}

div.frame h3 {
color: #DDDDDD;
font-size: 14px;
}

.buttons a, .buttons button {
background: url("http://rpgmaker.net/media/content/users/10065/locker/button2.png") repeat-x;
border: 1px solid #222222;
border-bottom-width: 2px;
color: #DDDDDD !important;
font-size: 100% !important;
font-weight: bold !important;
line-height: 13px !important;
float: left;
margin-right: 8px !important;
cursor: pointer;
}

div.title {
color: #F2F2F2;
}

#game_navigation a {
font-size: 12px;
font-weight: bold;
padding: 1px 8px 0;
display: block;
color: #DDDDDD;
}

.thumbnail {
background: gray;
border: 2px solid #404040;
width: 128px;
height: 96px;
margin-right: 8px;
margin-bottom: 8px;
float: left;
}

#game_navigation li.current a {
color: #F2F2F2;
}

.buttons a:hover, .buttons button:hover {
background: gray;
border-bottom-color: #404040;
color: #C0C0C0;
text-decoration: none;
}

#game_frame h4 {
background: #333333;
color: white;
font-size: 1.1em;
margin: 0;
padding: 2px 16px 2px 16px;
}

#game_strip {
background: #333333;
font-size: 0.77em;
color: white;
clear: both;
width: 964px;
height: 32px;
padding: 0px 12px 0px 0px;
}

div.contents.message.authors {
background: rgba(0, 1, 0, 0.1)
url("http://www.bluemelon.com/photo/29742/1941448.png") no-repeat !important;
}

#frame {
background-color: transparent !important;
}
#body {
color: black !important;
}

#game_navigation li {
border: 2px solid #333333;
border-left-width: 2px;
border-right-width: 0;
border-bottom-width: 0;
border-top-width: 0;
padding-bottom: 0px;
padding-left: 2px;
padding-right: 2px;
padding-top: 0px;
float: left;
}

blockquote {
background: transparent;
border: 1px solid #F2F2F2;
margin: 0;
padding: 8px;
}

div.frame {
background: transparent !important;
border: 0px solid #303030;
border-left: 0;
border-right: 0;
font-size: 0.77em;
margin-bottom: 0px;
margin-top: 0px;
}

div.contents.odd {
background: url("http://www.bluemelon.com/photo/29742/1940939.png");
}

div.contents.even, div.contents.odd {
border-bottom: 1px solid #333333;
}
Pages: 1