STATUS
could anyone help me with css i don't know how im supposed to format it for it to work >->
charblar- 03/15/2015 04:51 PM
Posts 

Pages:
1
Sure, I can give you a hand if you need. I assume this is for your gamepage - What are you trying to do?
If you just want to edit some of the existing CSS on your gamepage, you can open up "inspect element" in Chrome or Firefox (by right clicking) and figuring out the ID or Class of the element you want to adjust. Then you can add custom edits under "Profile Customization" on the Manage Games page.
Here's the CSS I used to edit Mirror Boy:
#body {
background-image:url( http://rpgmaker.net/media/content/users/3108/locker/crystalshine_big.gif);
background-color: #000000;
background-position: left bottom;
background-attachment: fixed;
background-repeat: repeat-x;
}
and here's the CSS I used to edit It'll Look Great On Your Résumé:
#body{
background: url("http://rpgmaker.net/media/content/users/3108/locker/rm_ILGOYR_bg_9.jpg");
}
div#contents, div.makerscore{
color: #DBDBDB;
}
#game_frame h3{
color:#DBDBDB;
}
/*
#game_header .left_column{
background: url("http://rpgmaker.net/media/content/users/3108/locker/trumble_rumble_2.gif");
background-repeat: no-repeat;
background-position:right center;
}
*/
#main_column a{
color:#3399ff !important;
}
#main_column a:hover, #main_column .buttons a:hover {
color:#FF7400 !important;
}
#main_column .buttons a{
color:#303030 !important;
}
#main_column, #game_frame, #game_header, #post_reply, #posts, div.contents.odd, div.contents.even {
background-color:#000601;
}
#game_navigation li.current{
background: inherit !important;
border: 1px dotted #00d900;
}
div.thumbnail:hover{
border:2px solid #FF7400;
}
table.listing tr.odd td, table.listing tr.even td, table.listing tr.even:hover td, table.listing tr.odd:hover td{
background: #000601 !important;
}
Maybe those examples will give you a hand? If you have any specific questions, feel free to ask or PM me :)
If you just want to edit some of the existing CSS on your gamepage, you can open up "inspect element" in Chrome or Firefox (by right clicking) and figuring out the ID or Class of the element you want to adjust. Then you can add custom edits under "Profile Customization" on the Manage Games page.
Here's the CSS I used to edit Mirror Boy:
#body {
background-image:url( http://rpgmaker.net/media/content/users/3108/locker/crystalshine_big.gif);
background-color: #000000;
background-position: left bottom;
background-attachment: fixed;
background-repeat: repeat-x;
}
and here's the CSS I used to edit It'll Look Great On Your Résumé:
#body{
background: url("http://rpgmaker.net/media/content/users/3108/locker/rm_ILGOYR_bg_9.jpg");
}
div#contents, div.makerscore{
color: #DBDBDB;
}
#game_frame h3{
color:#DBDBDB;
}
/*
#game_header .left_column{
background: url("http://rpgmaker.net/media/content/users/3108/locker/trumble_rumble_2.gif");
background-repeat: no-repeat;
background-position:right center;
}
*/
#main_column a{
color:#3399ff !important;
}
#main_column a:hover, #main_column .buttons a:hover {
color:#FF7400 !important;
}
#main_column .buttons a{
color:#303030 !important;
}
#main_column, #game_frame, #game_header, #post_reply, #posts, div.contents.odd, div.contents.even {
background-color:#000601;
}
#game_navigation li.current{
background: inherit !important;
border: 1px dotted #00d900;
}
div.thumbnail:hover{
border:2px solid #FF7400;
}
table.listing tr.odd td, table.listing tr.even td, table.listing tr.even:hover td, table.listing tr.odd:hover td{
background: #000601 !important;
}
Maybe those examples will give you a hand? If you have any specific questions, feel free to ask or PM me :)
I'm probably doing something wrong because I tried just copy pasting your one from mirror boy into hanging on and replacing the image but nothing happened hm...
Super quick cloud tile to test but yeah.
#body {
background-image:url( http://rpgmaker.net/media/content/users/44025/locker/cloud_tile.png);
background-color: #000000;
background-position: left bottom;
background-attachment: fixed;
background-repeat: repeat-x;
}
background-image:url( http://rpgmaker.net/media/content/users/44025/locker/cloud_tile.png);
background-color: #000000;
background-position: left bottom;
background-attachment: fixed;
background-repeat: repeat-x;
}
Ah, I think you've gotta put quotes around the filename, like:
#body {
background-image:url("http://rpgmaker.net/media/content/users/44025/locker/cloud_tile.png");
background-color: #000000;
background-position: left bottom;
background-attachment: fixed;
background-repeat: repeat;
}
I also changed "background-repeat" to "repeat" instead of "repeat-x", which looks way better with your tiled image :)
#body {
background-image:url("http://rpgmaker.net/media/content/users/44025/locker/cloud_tile.png");
background-color: #000000;
background-position: left bottom;
background-attachment: fixed;
background-repeat: repeat;
}
I also changed "background-repeat" to "repeat" instead of "repeat-x", which looks way better with your tiled image :)
Pages:
1















