Jump to content
MakeWebGames

MCCodes - No CSS?


Jordan121

Recommended Posts

Hi.

I have come to understand that MCCodes doesn't use a seperate .CSS sheet, and rather has them in the includes.

I'm very new to CSS, but as aesthetics to me are more important than functionality, I want to start off by using CSS3.

If I was to get the 2.5 Redux license, how would I be able to modify the CSS into the newer standard? Does anyone have a tutorial on it? Thanks.

Link to comment
Share on other sites

But will that support the newer standard of CSS3?

I think that's more of a limitation of the browser the end-user is using, not the application (McCodes).

It would be very easy to adapt McCodes to look at .css files.

Link to comment
Share on other sites

The engine doesn't determine whether things like CSS3 will be supported. CSS is interrupted by the browser and not the server.

If I was to get the 2.5 Redux license, how would I be able to modify the CSS into the newer standard? Does anyone have a tutorial on it? Thanks.

I'd suggest buying v2.0.5b as it's supported wider by the community and there are more plugins for it. v2.5 never really went anywhere.

Link to comment
Share on other sites

  • 1 month later...
But CSS is not showing in the code.

CSS isn't in the header file in V1.

Go to the "CSS" folder then go to "game.css" you can edit your CSS from there.

I think I remember there wasn't a full CSS code in there like V2 has, so to make things easier just add this code somewhere in your <head> tags of your header file.

 

<style type="text/css">
<!--
body {
background-color: #DEDEDE;
margin-top: 0px;
margin-bottom: 0px;
font-family:calibri, helvetica, arial, geneva, sans-serif;font-size:12px;color: black;
  scrollbar-base-color: #005B70; 
  scrollbar-arrow-color: #F3960B;
  scrollbar-DarkShadow-Color: #000000;
}
a:visited,a:active,a:hover,a:link { color: black;text-decoration: none; }
table,tr,td { font-family:helvetica, arial, geneva, sans-serif;font-size: 12px; }
img { border:none; }
textarea { font-family:helvetica, arial, geneva, sans-serif;font-size:12px;color: black; }
.table2 {
}
.lgrad {
background-image:url(lgrad.jpg);
background-repeat:repeat-y;
width:19px;
}
.linegrad {
background-image:url(linegrad.PNG);
background-repeat:repeat-y;
background-align: center;
width:2px;
}
.rgrad {
background-image:url(rgrad.jpg);
background-repeat:repeat-y;
width:19px;
}
.dgrad {
background-image:url(dgrad.jpg);
background-repeat:repeat-x;
height:38px;
}
.dgradl {
background-image:url(dgradl.jpg);
background-repeat:no-repeat;
height:38px;
width:38px;
}
.dgradr {
background-image:url(dgradr.jpg);
background-repeat:no-repeat;
height:38px;
width:38px;
}
.center {
width:932px;
background-color:#FFFFFF;
vertical-align:top;
text-align:center;
}
.table {
background-color:#000000;
}
.table3 {
background-color:#000000;
}
.table td {
background-color:#DEDEDE;
height:22px;
}
.table3 td {
background-color:#CCCCCC;
}
td .alt {
background-color:#EEEEEE;
height:22px;
}
td .h {
background-image:url(tablehgrad.png);
background-repeat:repeat-x;
font-weight: bold;
background-color: #D6D6D6;
}
.table th {
background-image:url(tablehgrad.png);
background-repeat:repeat-x;
font-weight: bold;
background-color: #D6D6D6;
}
-->
</style>

 

That CSS will give you something to work from, this is from the V2 header file.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...