Most of the time we will be given the HTML and CSS files for a website at the same time, so we can just place them both in the fileadmin/templates/
directory before we run the TemplaVoila Wizard. To avoid information overload, we are handling the HTML template and CSS as two different steps. We've already added the HTML template to TYPO3, so now we just need to add our CSS files.
We are going to be adding more HTML template files to our site later in this tutorial, so we will create a css/
directory inside the fileadmin/templates/
directory just to keep our files organized. If you have CSS files ready, copy them to the fileadmin/templates/css/
directory now. You can use any filenames that you like, but for the rest of this tutorial the main stylesheet will be referred to as style.css
. If you don't have a CSS file ready, you can look at my file below which includes some browser reset rules from Eric Meyer (http://meyerweb.com/eric/tools/css/reset/), basic styling...