Full Games List
Featured Games
New Games
Reviews
Media
Images
Blogs
Game Updates
Images Feedback Summary
Game Design Highlights
Tutorials
Articles
Scripts
Utilities / Plugins
Resources
Engines
Engine Bulletins
What is Makerscore?
Past Events
Achievements
Misaos
Forums
Post History
Chat
New to RMN?
Full Store List
RMN Music Pack (free)
NEED SOME BASIC CSS HELP
Posts
Pages:
1
Lennon
88
Lennon
View playlists
CloseThis is laughably basic. All I want to do is change some of the colors on my gamepage to black, but I can't for the life of me figure it out.
Here's my CSS:
What I want to do is change the comments, "game frame" (With the screens/description and junk) and pretty much everything else besides the custom logo to black. I want the developers comments to be dark grey, and the text to be white.
You can see that I'm dumber than a bag of stupid people when it comes to CSS.
Here's my CSS:
#body { background: #000000 url("http://rpgmaker.net/media/content/users/4854/locker/NLBackground.jpg") repeat-x !important;
}
#discussion div.message.even {
background: #96b6f6;
}
#discussion div.message.odd {
background: #6e8cca;
}
#game_frame { background: #96b6f6;
}
#contents { background: #c9dbff !important; }
#main_column { background: #d9e6ff !important; }
#game_frame { background: #c9dbff !important; }
/* CUSTOM LOGO CSS WHOA */
#game_header {
background-color: #2A449C;
background: url(http://rpgmaker.net/media/content/users/4854/locker/NL_header.jpg);
}
#game_navigation {
clear:none;
margin-left:0px;
border-bottom:3px #000 solid;
height:auto;
}
#game_navigation .start {
margin-left:16px ;
}
#game_navigation li {
background-color: #DDDDDD;
background-color: rgba(0,00,0.5);
/* filter:alpha(opacity = 0.5); */
display:inline-block;
float:none;
vertical-align:bottom;
border-left: 1px #7F7F7F solid;
border-right: 1px #7F7F7F solid;
border-top: 1px #7F7F7F solid;
}
#game_navigation li a {
color: #187bbb !important;
font-size: 1.5em;
}
#game_navigation li:hover {
text-decoration: underline !important;
background-color: #EEEEEE;
background-color: rgba(255,255,255,0.90);
}
#game_navigation li.current {
background-color: #666666;
background-color: rgba(255,255,255,1.0) !important;
text-decoration:none !important;
border-top-width:1px;'
border-color:#FFF;
margin-left:20px;
margin-right:20px;
}
#game_navigation li.current a {
color: #187bbb !important;
font-weight:bold;
}
#game_frame .frame {
border-top-style: none !important;
}
#game_header div.left_column {
background: url(http://rpgmaker.net/media/content/users/4854/locker/NLHeaderNull.png);
background-repeat:no-repeat;
float:none;
width:420px;
height:260px;
margin:0 auto -23px;
}
#game_header div.left_column h1 a {
/* filter:alpha(opacity = 0); */
font-size:0px;
display:block;
width:100%;
height:200px;
color: rgba(0, 0, 0, 0);
}
#game_rating {
position: relative;
top: -70px;
left: -370px;
height:0px;
}
#game_rating .rating {
display:none;
}
#game_thumbnail {
display:none;
}
}
#discussion div.message.even {
background: #96b6f6;
}
#discussion div.message.odd {
background: #6e8cca;
}
#game_frame { background: #96b6f6;
}
#contents { background: #c9dbff !important; }
#main_column { background: #d9e6ff !important; }
#game_frame { background: #c9dbff !important; }
/* CUSTOM LOGO CSS WHOA */
#game_header {
background-color: #2A449C;
background: url(http://rpgmaker.net/media/content/users/4854/locker/NL_header.jpg);
}
#game_navigation {
clear:none;
margin-left:0px;
border-bottom:3px #000 solid;
height:auto;
}
#game_navigation .start {
margin-left:16px ;
}
#game_navigation li {
background-color: #DDDDDD;
background-color: rgba(0,00,0.5);
/* filter:alpha(opacity = 0.5); */
display:inline-block;
float:none;
vertical-align:bottom;
border-left: 1px #7F7F7F solid;
border-right: 1px #7F7F7F solid;
border-top: 1px #7F7F7F solid;
}
#game_navigation li a {
color: #187bbb !important;
font-size: 1.5em;
}
#game_navigation li:hover {
text-decoration: underline !important;
background-color: #EEEEEE;
background-color: rgba(255,255,255,0.90);
}
#game_navigation li.current {
background-color: #666666;
background-color: rgba(255,255,255,1.0) !important;
text-decoration:none !important;
border-top-width:1px;'
border-color:#FFF;
margin-left:20px;
margin-right:20px;
}
#game_navigation li.current a {
color: #187bbb !important;
font-weight:bold;
}
#game_frame .frame {
border-top-style: none !important;
}
#game_header div.left_column {
background: url(http://rpgmaker.net/media/content/users/4854/locker/NLHeaderNull.png);
background-repeat:no-repeat;
float:none;
width:420px;
height:260px;
margin:0 auto -23px;
}
#game_header div.left_column h1 a {
/* filter:alpha(opacity = 0); */
font-size:0px;
display:block;
width:100%;
height:200px;
color: rgba(0, 0, 0, 0);
}
#game_rating {
position: relative;
top: -70px;
left: -370px;
height:0px;
}
#game_rating .rating {
display:none;
}
#game_thumbnail {
display:none;
}
What I want to do is change the comments, "game frame" (With the screens/description and junk) and pretty much everything else besides the custom logo to black. I want the developers comments to be dark grey, and the text to be white.
You can see that I'm dumber than a bag of stupid people when it comes to CSS.
Well, the .even and .odd classes for Posts/Comments can be changed to this:
div.contents.odd, div.contents.even {
background: #000000;
color: #FFFFFF;
}
...however I suck at this kind of stuff, so I recommend getting something like Opera, where you can use it to inspect elements on a webpage and the underlying CSS applied to that element, and then overwriting it using your own custom CSS.
div.contents.odd, div.contents.even {
background: #000000;
color: #FFFFFF;
}
...however I suck at this kind of stuff, so I recommend getting something like Opera, where you can use it to inspect elements on a webpage and the underlying CSS applied to that element, and then overwriting it using your own custom CSS.
Lennon
88
Well, I do use Opera. Miracle said he knew how to do this though, he might help me out later on, so I'll just wait and see on this I suppose.
Pages:
1
;){kind=link}
;){kind=link}