Joomla! Tutorial #4

[takercena]

Joomla! Tutorial #4

Template (1)
Rapid Template Configuration (Ewww Joomla!)

This time we are going to make our Joomla! website more independent from the Joomla! main theme (rhuk_milkway).
1. First, we are going to change the Joomla! logo at the top of the site. Go to C:\wamp\www\Joomla!\templates\rhuk_milkyway\images \mw_joomla_logo.png and edit it with paint like in the picture below.



Save it. Now refresh your browser. Now your browser should look like the picture below

Nice picture huh!

2. Second, do you notice the Powered by Joomla!. valid XHTML and CSS at the very down-right of the site?



We can remove this link by editing the index.php file located inside the /templates/rhuk_milkway/index.php. Delete or replace this code with your own codes. (You can find it at the very below 159-160 (word wrap deactivated))

<p id="power_by">
<?php echo JText::_('Powered by') ?> <a href="http://www.joomla.org">Joomla!</a>.
<?php echo JText::_('Valid') ?> <a href="http://validator.w3.org/check/referer">XHTML</a> <?php echo JText::_('and') ?> <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>.

Now you will see nothing here.



3. Now we are nearly to get rid from people knowing that we use Joomla!. Do you notice, there is an icon at the URL?



Haha, now you see it. It is called favicon(favorite/boorkmark image). We are going to get rid or replace it with our own. You can locate it at \templates\rhuk_milkyway.
You can delete the icon or replace it with your own. The icon is 16x16 pixels square. To change your image to favicon, simply go to Dynamic Drive- FavIcon Generator and convert your image to favicon. Then overwrite the original icon and then delete the browser cache. This is what my icon looks like.



If you smell it