Difference between revisions of "Advanced Tutorial"

Difference between revisions of "Advanced Tutorial"

From BeamNG
(Created page with "TODO: This page will include *update function *resize function *css *anything else thats not super basic")
 
(css section added)
Line 1: Line 1:
TODO:
+
{{TOC_Right}}
This page will include
+
 
*update function
+
= Advanced Tutorial =
*resize function
+
This page will go through adding more advanced features to your app, including CSS, streams, the update and resize functions. The examples will be carrying on from the app created in the [[My First App]] tutorial.
*css
+
 
*anything else thats not super basic
+
= app.css =
 +
[[File:MyFirstAppScreenshot2.png|200px|thumb|MyFirstApp ingame with CSS applied.]]
 +
 
 +
[[App.css|Full article on app.css]]
 +
 
 +
[http://www.w3schools.com/css/ More info on W3Schools]
 +
 
 +
The app.css file used for describing the look and formatting of a document. All standard css can be done in here, but you should at least have the .app .appnamehere classes so your CSS does not affect other things. In the example below, we make the text colour red on the h1 header added in the previous tutorial.
 +
 
 +
Example:
 +
<source lang="css">
 +
.app .MyFirstApp h1{
 +
color: red;
 +
}
 +
</source>

Revision as of 16:05, 25 June 2014

Advanced Tutorial

This page will go through adding more advanced features to your app, including CSS, streams, the update and resize functions. The examples will be carrying on from the app created in the My First App tutorial.

app.css

MyFirstApp ingame with CSS applied.

Full article on app.css

More info on W3Schools

The app.css file used for describing the look and formatting of a document. All standard css can be done in here, but you should at least have the .app .appnamehere classes so your CSS does not affect other things. In the example below, we make the text colour red on the h1 header added in the previous tutorial.

Example:

.app .MyFirstApp h1{
	color: red;
}