JEdit is a powerful opensource programmer's text editor. It comes with hundreds of developing plugins that you can use to design your website.
A useful Firefox extension to design your website is Firebug.
The extension gives you several development tools while you browse your Joomla website or other sites. Although you can edit, debug, and monitor CSS, HTML, and JavaScript in any web page, you cannot save the changes directly to your site. This you will have to do in the back end of Joomla or in an editor such as JEdit before you upload the changes with an FTP program (such as FireFTP, another Firefox extension).
We have used Xtypo for a while and it is an excellent Joomla plug in for those who need easy access to CSS in articles. The developers provide a very useful list of style examples in the plug in. You just copy and paste the syntax into your article.
After some trial and error, and checking the forums, we found out that IE7 renders the code differently than FF. Some styles work in both browsers (quotes), while other styles seem to generate problems with IE7(rounded boxes) - or perhaps it is better to say that IE7 is creating the problems since the plugin works with FF.
The solution to the problem is simple: When you copy and paste the code from the examples in the plug in, the typo coding syntax is in bold characters. This seems to be a problem for IE7. Just make sure the code you place in your article is not in bold and the styles work in FF and IE7!!!
Below are example of Xtypo we are using throughout this site:
this is xtypo alert
this is xtypo info
this is xtypo warning
Ever wondered how to easily insert a quote like this without CSS knowledge?
Interested in inserting tabs and slides in your Joomla article?
We made the tabs and slides below with the tabs and slides plugin from Joomlaworks. A great little plugin.
And some more text after the tabs!
Or use this: