TopCities

Top

How to create a custom HTML module

How to create a custom HTML module

1. Go to the 'Administration Control Panel'.

acp

2. In the 'Extensions' menu...

acp2

3. ...click on 'Module Manager'.

acp3

4. This is a list including the installed Joomla! modules. Since you want to create a new module click on the 'New' button.

acp4

5. Choose 'Custom HTML'

acp5

6. Go to next page.

acp6

7. Choose a title for your HTML module.

acp7

8. The output of the module is the text (HTML code) that will be displayed on your page. In this simple example we will use the text 'Hello Joomla!'.

acp8

9. You can edit the HTML code directly by clicking on the 'HTML' button in the toolbar.

html1

10. A new window appears.

html2

11. Add some HTML code.

html3

Code:

Hello Joomla!


Joomla!

 

12. Click on 'Update'.

html4

13. You can see the final result in the editor.
html5

14. Save your work...

acp9

15. ...and look at your front page.

frontpage

That was easy, wasn't it? You can try to edit the HTML code directly or just use the toolbar. If you want to edit the preferences of your module go to the 'Module Manager',select your module and click on 'Edit' instead of 'New'. You can also click on the link directly. Changing the position of a module is very easy, too. Just try it! :)


© 2007 Eduard Urbach6

 

 

What's Cooking?

Our techs are always playing with new tools and applications. It's fun, and when customers have questions, we can use our experience to help.

Have a suggestion for new toys to play with? Send them over to us at labs@topcities.com. We'd love to hear from you!