Anna's Joomla tips |
| Tuesday, 03 January 2006 | |
|
Page 4 of 10 Templates determine the look of your site, or of different sections of your site. If you go to the Template page of your admin (Site -> Template Manager -> Site Templates), you will see a few templates listed. Try clicking on one (the buttons to the far left, not the template name) and then clicking the “default” icon in the toolbar. Then browse to your site to see how the template changed the look of your site. What is a Template? Templates are sets of files that determine the look of your site. The main file is “index.php,” which includes html code for layout elements like tables, your logo, etc, and inserts php code for dynamic elements. The next most important file is the style sheet or css file, which determines fonts, colors, and borders for each element in the site. Check out this visual of your “index.php” file: “header.jpg” is your logo. “body” is a block that will contain content. The orange blocks in the figure are Positions, which you can place in table cells. Remember that these Positions can contain any number of modules, and those modules can be turned on and off . (Imagine that in the “top” position you have a search module and a date module, for example, and in the “left” position you have a menu and a login.) When you make a template, you’re just setting aside the space on the page by inserting a position. The positions are placed in the table cells of your website with php code that looks like this: <?php mosLoadModules ( 'left' ); ?> The style sheet. Your template also has a style sheet that controls the fonts, colors, borders, etc. of each element of the page. Here are some explanations of the naming convention: Well, that’s the basic explanation of templates. The following are specific instructions on downloading or designing templates: Downloading templates. I haven’t used other people’s templates, but I’m sure there are lots of places you can get them. Start at http://mambohut.com/. Designing templates. Absalom Media has a good tutorial on designing templates here: Now that you’ve got a template, we’re going to put some modules in the positions you just created. |
|
| Last Updated ( Saturday, 05 January 2008 ) |
Joomla stuff
Newsletter
Auto tags
joomla style
download joomla tutorial
template
joomla stylesheet
conventions of joomla
Download MSAS 4.5.1
dreamweaver and joomla
Dreamweaver Extension 4.5.1 download
joomla position
joomla style sheet
joomla style sheet for rss feed
joomla tutorial jpg as button
joomla tutorial place menu on page
make template joomla with dreamweaver tutorial
Mambo Stand Alone Server msas download


