<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-2153805733220898752</id><updated>2011-04-21T17:40:12.071-07:00</updated><category term='joomla-template'/><category term='Joomla Modules'/><category term='internationalization'/><category term='webdevelopment'/><category term='WebSecurity'/><category term='Traffic'/><category term='joomla joomla-template'/><category term='css'/><category term='Joomla'/><title type='text'>Turqquay</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://turqquay.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2153805733220898752/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://turqquay.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Dataminer</name><uri>http://www.blogger.com/profile/14848828232168718562</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://bp0.blogger.com/_3NjgispnV7k/R58csDWnQdI/AAAAAAAAAC4/W6GERGb6nS4/S220/Picture+0681+(33).bmp'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>10</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-2153805733220898752.post-2705465254602518314</id><published>2007-12-15T23:00:00.001-08:00</published><updated>2007-12-15T23:00:01.064-08:00</updated><title type='text'>Joomla modules Install from Directory mode</title><content type='html'>&lt;blockquote cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;In some situations, installation fails, and in this instance, we have to use the &lt;strong&gt;Install from Directory&lt;/strong&gt; feature. For this scenario, you will have to Unzip the module package onto your local PC. You shall subsequently &lt;span class="hilite"&gt;FTP&lt;/span&gt; the module folder onto your webserver. Next, you shall enter the &lt;span class="hilite"&gt;absolute path&lt;/span&gt; to the modules &lt;strong&gt;.xml&lt;/strong&gt; file. For example, /host/home/username/htdocs/Joomla/installer/&lt;br /&gt;modules/mod_transmenu/mod_transmenu.xml. Then select &lt;strong&gt;Install&lt;/strong&gt;&lt;/blockquote&gt;&lt;p class="citation"&gt;&lt;cite cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;/cite&gt;&lt;/p&gt;&lt;a href="http://tutorials.rockettheme.com/joomla-templates/rokwebify-tutorials/3rd-party-menus.html" title="Module_Install"&gt;&lt;img alt="Module_Install" src="http://tutorials.rockettheme.com/images/tutorials/template/rokwebify/3rdpartymenu/installmodcp.png" border="0" /&gt;&lt;/a&gt;  &lt;p style="text-align: right; font-size: 8px"&gt;Blogged with &lt;a href="http://www.flock.com/blogged-with-flock" title="Flock" target="_new"&gt;Flock&lt;/a&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2153805733220898752-2705465254602518314?l=turqquay.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://turqquay.blogspot.com/feeds/2705465254602518314/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2153805733220898752&amp;postID=2705465254602518314' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2153805733220898752/posts/default/2705465254602518314'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2153805733220898752/posts/default/2705465254602518314'/><link rel='alternate' type='text/html' href='http://turqquay.blogspot.com/2007/12/joomla-modules-install-from-directory.html' title='Joomla modules Install from Directory mode'/><author><name>Dataminer</name><uri>http://www.blogger.com/profile/14848828232168718562</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://bp0.blogger.com/_3NjgispnV7k/R58csDWnQdI/AAAAAAAAAC4/W6GERGb6nS4/S220/Picture+0681+(33).bmp'/></author><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2153805733220898752.post-6350335511965401028</id><published>2007-12-02T16:59:00.001-08:00</published><updated>2007-12-02T16:59:09.732-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Joomla'/><category scheme='http://www.blogger.com/atom/ns#' term='joomla-template'/><title type='text'>Untitled</title><content type='html'>&lt;blockquote cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;p&gt;The following is a step by step guide to customizing your Firenzie logo image by replacing the logo text with your own organization or company's name and logo.&lt;/p&gt; &lt;blockquote&gt;In order to utilize the Fireworks Source PNG included with the Firenzie template release, you will need Adobe Fireworks. The 30-day free trial of this software as well as more information is available &lt;a href="http://www.adobe.com/products/fireworks/" target="_new"&gt;&lt;strong&gt;here at the Adobe website&lt;/strong&gt;&lt;/a&gt;.&lt;/blockquote&gt; &lt;h2&gt;Customizing Your Logo&lt;/h2&gt; &lt;p&gt;One of the first steps of customizing your new &lt;strong&gt;Firenzie&lt;/strong&gt; template will undoubtedly be altering the logo text to reflect the name of your company / organization. RocketTheme makes this process a simple one by including both the Source PNG for the template, as well as font(s) used.&lt;/p&gt; &lt;p&gt;The most effective way to customize the logo is to use the included Source PNG file. When opened in Adobe Fireworks, this file contains all of the Layers in the design allowing you to tweak and change any of the image elements of the template design. The following steps will help you quickly get your new logo ready to go:&lt;/p&gt; &lt;ul class="number"&gt;&lt;li class="number1"&gt;&lt;a style="font-weight: bold; font-size: 150%; font-family: Arial;" name="step1" href="http://tutorials.rockettheme.com/firenzie-tutorials/joomla-templates---firenzie-tutorials---logo-editing.html#step1"&gt;Step 1&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;First, open the main Source PNG file in Adobe Fireworks (firenzie_source.png). On the right side, you will notice a taskbar named &lt;strong&gt;Layers&lt;/strong&gt;. Inside this column, a list of elements within the source will appear, dividied into folders. The first is Web Layers which controls the green slices on the page that are used to export the images. Click the eye which is immediately left to the folder name &lt;strong&gt;Web Layers&lt;/strong&gt; to make it invisible. This allows use to edit the logo.&lt;br /&gt;&lt;br /&gt;&lt;/li&gt;&lt;li class="number2"&gt;&lt;a style="font-weight: bold; font-size: 150%; font-family: Arial;" name="step2" href="http://tutorials.rockettheme.com/firenzie-tutorials/joomla-templates---firenzie-tutorials---logo-editing.html#step2"&gt;Step 2&lt;/a&gt;&lt;a href="http://tutorials.rockettheme.com/firenzie-tutorials/joomla-templates---firenzie-tutorials---logo-editing.html" title="Logo"&gt;&lt;img alt="Logo" src="http://tutorials.rockettheme.com/images/tutorials/template/firenzie/logo/firz_logo0.jpg" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Next, double click on the logo which should be position in top-left. This will activate the text tool so you can edit the element. Highlight the entire text box with your cursor and type your text instead(such as your company name.)&lt;br /&gt;&lt;a href="http://tutorials.rockettheme.com/firenzie-tutorials/joomla-templates---firenzie-tutorials---logo-editing.html" title="Logo"&gt;&lt;img alt="Logo" src="http://tutorials.rockettheme.com/images/tutorials/template/firenzie/logo/firz_logo1.jpg" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/li&gt;&lt;li class="number2"&gt;&lt;br /&gt;&lt;/li&gt;&lt;li class="number2"&gt;&lt;a href="http://tutorials.rockettheme.com/firenzie-tutorials/joomla-templates---firenzie-tutorials---logo-editing.html" title="Logo"&gt;&lt;img alt="Logo" src="http://tutorials.rockettheme.com/images/tutorials/template/firenzie/logo/firz_logo2.jpg" border="0" /&gt;&lt;/a&gt;&lt;/li&gt;&lt;li class="number2"&gt;&lt;br /&gt;&lt;/li&gt;&lt;li class="number2"&gt;&lt;br /&gt;&lt;/li&gt;&lt;li class="number2"&gt;We do the same for the text underneath, double click on this text which should be situated below the logo.. This will activate the text tool so you can edit the element. Highlight the entire text box with your cursor and type your text instead(such as your company slogan.)&lt;br /&gt;&lt;a href="http://tutorials.rockettheme.com/firenzie-tutorials/joomla-templates---firenzie-tutorials---logo-editing.html" title="Logo"&gt;&lt;img alt="Logo" src="http://tutorials.rockettheme.com/images/tutorials/template/firenzie/logo/firz_logo3.jpg" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/li&gt;&lt;li class="number3"&gt;&lt;a style="font-weight: bold; font-size: 150%; font-family: Arial;" name="step3" href="http://tutorials.rockettheme.com/firenzie-tutorials/joomla-templates---firenzie-tutorials---logo-editing.html#step3"&gt;&lt;/a&gt;&lt;/li&gt;&lt;li class="number3"&gt;&lt;a style="font-weight: bold; font-size: 150%; font-family: Arial;" name="step3" href="http://tutorials.rockettheme.com/firenzie-tutorials/joomla-templates---firenzie-tutorials---logo-editing.html#step3"&gt;&lt;/a&gt;&lt;/li&gt;&lt;li class="number3"&gt;&lt;a style="font-weight: bold; font-size: 150%; font-family: Arial;" name="step3" href="http://tutorials.rockettheme.com/firenzie-tutorials/joomla-templates---firenzie-tutorials---logo-editing.html#step3"&gt;&lt;/a&gt;&lt;/li&gt;&lt;li class="number3"&gt;&lt;a style="font-weight: bold; font-size: 150%; font-family: Arial;" name="step3" href="http://tutorials.rockettheme.com/firenzie-tutorials/joomla-templates---firenzie-tutorials---logo-editing.html#step3"&gt;&lt;/a&gt;&lt;/li&gt;&lt;li class="number3"&gt;&lt;a style="font-weight: bold; font-size: 150%; font-family: Arial;" name="step3" href="http://tutorials.rockettheme.com/firenzie-tutorials/joomla-templates---firenzie-tutorials---logo-editing.html#step3"&gt;&lt;/a&gt;&lt;/li&gt;&lt;li class="number3"&gt;&lt;a style="font-weight: bold; font-size: 150%; font-family: Arial;" name="step3" href="http://tutorials.rockettheme.com/firenzie-tutorials/joomla-templates---firenzie-tutorials---logo-editing.html#step3"&gt;Step 3&lt;/a&gt;&lt;a href="http://tutorials.rockettheme.com/firenzie-tutorials/joomla-templates---firenzie-tutorials---logo-editing.html" title="Logo"&gt;&lt;img alt="Logo" src="http://tutorials.rockettheme.com/images/tutorials/template/firenzie/logo/firz_logo4.jpg" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Since the new logo text is larger than the slice, we much make the slice larger. Left click and drag on the right corner to the new dimensions. However, you will notice that the slice &lt;b&gt;masthead-bg&lt;/b&gt; now overlaps the logo, simple left click and move to the right so it is no longer overlapping. We now must reactive the web layers/slices to be able to export the logo out of Fireworks. Back in the right taskbar, click the empty, white cell next to the web layers folder where the eye was visible before. This will activate the eye icon and the green slices on the source screen.&lt;br /&gt;&lt;a href="http://tutorials.rockettheme.com/firenzie-tutorials/joomla-templates---firenzie-tutorials---logo-editing.html" title="Logo"&gt;&lt;img alt="Logo" src="http://tutorials.rockettheme.com/images/tutorials/template/firenzie/logo/firz_logo6.jpg" border="0" /&gt;&lt;/a&gt;&lt;/li&gt;&lt;li class="number3"&gt;&lt;br /&gt;&lt;/li&gt;&lt;li class="number4"&gt;&lt;a style="font-weight: bold; font-size: 150%; font-family: Arial;" name="step4" href="http://tutorials.rockettheme.com/firenzie-tutorials/joomla-templates---firenzie-tutorials---logo-editing.html#step4"&gt;Step 4&lt;/a&gt;&lt;/li&gt;&lt;li class="number4"&gt;&lt;a style="font-weight: bold; font-size: 150%; font-family: Arial;" name="step4" href="http://tutorials.rockettheme.com/firenzie-tutorials/joomla-templates---firenzie-tutorials---logo-editing.html#step4"&gt;&lt;/a&gt;&lt;a href="http://tutorials.rockettheme.com/firenzie-tutorials/joomla-templates---firenzie-tutorials---logo-editing.html" title="Logo"&gt;&lt;img alt="Logo" src="http://tutorials.rockettheme.com/images/tutorials/template/firenzie/logo/firz_logo5.jpg" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href="http://tutorials.rockettheme.com/firenzie-tutorials/joomla-templates---firenzie-tutorials---logo-editing.html" title="Logo"&gt;&lt;img alt="Logo" src="http://tutorials.rockettheme.com/images/tutorials/template/firenzie/logo/firz_logo7.jpg" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Right click on the green slice that is situated above your new logo. A popup menu should appear with numerous options. The value we want to deal with is "Export Selected Slice...". As the name suggests, this option will export/save this slice only out of the entire source window. You will be sent to a another window where you need to save the slice onto your local computer. &lt;br /&gt;&lt;br /&gt;&lt;img alt="Logo" src="http://tutorials.rockettheme.com/firenzie-tutorials/images/tutorials/template/firenzie/logo/firz_logo7.jpg" style="border: 5px solid rgb(21, 21, 21);" /&gt; &lt;/li&gt;&lt;/ul&gt; &lt;h3&gt;&lt;a name="ftp" href="http://tutorials.rockettheme.com/firenzie-tutorials/joomla-templates---firenzie-tutorials---logo-editing.html#ftp"&gt;Uploading your Logo&lt;/a&gt;&lt;/h3&gt; &lt;p&gt;Once you have successfully edited then exported your new logo, you will need to upload it to your server. This process is best done via a FTP client such as &lt;a href="http://filezilla.sourceforge.net/"&gt;Filezilla&lt;/a&gt;&lt;/p&gt; &lt;ol&gt;&lt;li&gt;Open your FTP client on your local computer.&lt;/li&gt;&lt;li&gt;Login to your web server where &lt;strong&gt;Firenzie&lt;/strong&gt; is installed.&lt;/li&gt;&lt;li&gt;Navigate to the /templates/rt_firenzie/images/style# directory.&lt;/li&gt;&lt;li&gt;Upload &lt;strong&gt;logo.png&lt;/strong&gt; to this directory (You may need to browse on the local panel in the FTP client to find where you have exported your logo).&lt;/li&gt;&lt;li&gt;Clear your browser cache before viewing such as using the keyboard commands on Windows, &lt;strong&gt;Ctrl+F5&lt;/strong&gt;.&lt;/li&gt;&lt;/ol&gt; &lt;span class="info"&gt; Ensure that you are uploading the correct logo to avoid confusion if it does not change. Also take into account hosting permissions. Sometimes, hosters which are not designed for Joomla may have permissions not suited for the setup, thus, the upload will not be complete. In this case, contact your hosting provider.&lt;/span&gt;&lt;/blockquote&gt;&lt;p class="citation"&gt;&lt;cite cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;/cite&gt;&lt;/p&gt;&lt;br /&gt; &lt;p style="text-align: right; font-size: 8px"&gt;Blogged with &lt;a href="http://www.flock.com/blogged-with-flock" title="Flock" target="_new"&gt;Flock&lt;/a&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2153805733220898752-6350335511965401028?l=turqquay.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://turqquay.blogspot.com/feeds/6350335511965401028/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2153805733220898752&amp;postID=6350335511965401028' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2153805733220898752/posts/default/6350335511965401028'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2153805733220898752/posts/default/6350335511965401028'/><link rel='alternate' type='text/html' href='http://turqquay.blogspot.com/2007/12/untitled.html' title='Untitled'/><author><name>Dataminer</name><uri>http://www.blogger.com/profile/14848828232168718562</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://bp0.blogger.com/_3NjgispnV7k/R58csDWnQdI/AAAAAAAAAC4/W6GERGb6nS4/S220/Picture+0681+(33).bmp'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2153805733220898752.post-558326226205028649</id><published>2007-12-02T14:23:00.001-08:00</published><updated>2007-12-02T14:23:59.938-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Joomla'/><category scheme='http://www.blogger.com/atom/ns#' term='WebSecurity'/><title type='text'>Jommla Security</title><content type='html'>&lt;blockquote cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;1. Kurulu Joomla! eklentilerini kontrol edin, güvenlik riski taşıyanları kaldırın.&lt;br /&gt;2. Gereksiz modül, bileşen ve mambot türü eklentileri kaldırın.&lt;br /&gt;3. Dizin, dosya ve klasörlerinizin CHMOD ayarları kontrol edin ve güvenli olacak şekilde değiştirin.&lt;br /&gt;4. Mümkün olduğunca kullanıcı tarafından yüklemeleri (upload) kapatın veya sınırlandırın. yüklemelerin özel bir klasörde toparlanmasını sağlayın. Tüm yüklemelerin güvenlik uygulamalarıya taranabilmesini sağlayın. (Bunun için virtual private server veya dedicated server gerekecektir!)&lt;br /&gt;5. Maddi imkanınız el veriyorsa dedicated server kiralayın veya kendi sunucunuzu güvenilir bir data center da barındırın!&lt;br /&gt;6. Unix tabanlı bir sunucu tercih edin.&lt;br /&gt;7. Apache ve PHP yapılandırmalarını güveliği sağlayacak şekilde düzenleyin.&lt;br /&gt;&lt;br /&gt;Joomla! 1.0.13 kurulu bir siteye index atmak suretiyle saldırı gerçekleştiriliyorsa buna olanak sağlayan 3. parti bir eklenti kullanıyorsunuzdur!&lt;br /&gt;&lt;br /&gt;Sunucu kayıtlarını (log) kontrol edin, saldırının yapıldığı tarih ve saatte siteye erişim sağlayan IP leri tespit ederek yasal işlem başlatın&lt;/blockquote&gt;&lt;p class="citation"&gt;&lt;cite cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;/cite&gt;&lt;/p&gt;&lt;br /&gt; &lt;p style="text-align: right; font-size: 8px"&gt;Blogged with &lt;a href="http://www.flock.com/blogged-with-flock" title="Flock" target="_new"&gt;Flock&lt;/a&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2153805733220898752-558326226205028649?l=turqquay.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://turqquay.blogspot.com/feeds/558326226205028649/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2153805733220898752&amp;postID=558326226205028649' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2153805733220898752/posts/default/558326226205028649'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2153805733220898752/posts/default/558326226205028649'/><link rel='alternate' type='text/html' href='http://turqquay.blogspot.com/2007/12/jommla-security.html' title='Jommla Security'/><author><name>Dataminer</name><uri>http://www.blogger.com/profile/14848828232168718562</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://bp0.blogger.com/_3NjgispnV7k/R58csDWnQdI/AAAAAAAAAC4/W6GERGb6nS4/S220/Picture+0681+(33).bmp'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2153805733220898752.post-118370132267778146</id><published>2007-11-29T11:31:00.001-08:00</published><updated>2007-11-29T11:31:23.629-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='webdevelopment'/><category scheme='http://www.blogger.com/atom/ns#' term='css'/><title type='text'>CSS Cheat Sheet</title><content type='html'>&lt;blockquote cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt; 		The CSS cheat sheet is designed to act as a reminder and reference sheet, listing all selectors (as of CSS 2.1) and properties. It includes a visual example of the box model, unit reference for CSS units and the various media types CSS makes allowance for. A description of what is on the cheat sheet follows, or if you are impatient, you can go straight to the full size CSS cheat sheet.&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/css_cheat_sheet.png"&gt;PNG, 97KB&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/css_cheat_sheet.pdf"&gt;PDF, 379KB&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;Properties List&lt;/h3&gt;&lt;br /&gt;&lt;blockquote cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;img src="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/images/css_cheat_sheet_thmb_1.png" alt="Thumbnail highlighting properties list." /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;The CSS specification includes a lot or properties, many of which are often forgotten or overlooked. Many of these are shorthand properties, defining many properties in one go. The outside columns of the cheat sheet list all available CSS properties.&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;Syntax&lt;/h3&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;img src="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/images/css_cheat_sheet_thmb_2.png" alt="Thumbnail highlighting syntax area." /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Syntax is one area in CSS where many people stumble when learning it. Often, designers new to the language can spend a great deal of time trying to work out why a specific style isn't being applied, and many times it is either due to a syntax error or inheritance.&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;Selectors&lt;/h3&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;img src="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/images/css_cheat_sheet_thmb_3.png" alt="Thumbnail highlighting selectors list." /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Given the number of possible selectors in CSS, it is no wonder some people often become confuse. Mixing up ID and Class selectors is easy enough, without throwing sibling, child, attribute and language selectors into the mix. This section of the cheat sheet lists selectors and shows which element(s) those selectors would apply to.&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;Pseudo-Selectors&lt;/h3&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;img src="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/images/css_cheat_sheet_thmb_4.png" alt="Thumbnail highlighting pseudo selectors list." /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Pseudo-selectors are used when defining styles for elements that either do not exist, or are in a particular state. This section lists various of the pseudo-selectors.&lt;br /&gt;&lt;br /&gt;&lt;em&gt;Please note - I have left the :before and :after pseudo-selectors off this list, as I felt generated content was too complex to add to this sheet and still define in a way that made that area of the sheet usable.&lt;/em&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;Media Types&lt;/h3&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;img src="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/images/css_cheat_sheet_thmb_5.png" alt="Thumbnail highlighting media types list." /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;One of the reasons CSS is so powerful is that it makes allowance for different types of devices accessing the same data. This is controlled through media types, and though they are not used in CSS as much as many would like, the chances are that this will change and media types will become more important. This section lists the various media types defined in CSS 2.1.&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;Box Model&lt;/h3&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;img src="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/images/css_cheat_sheet_thmb_6.png" alt="Thumbnail highlighting box model area." /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;The box model is one thing that consistently trips up those new to CSS. Apart from major browsers not all supporting it correctly, its definition can be at first confusing. The box model section of the page aims to make this clearer.&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;Units&lt;/h3&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;img src="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/images/css_cheat_sheet_thmb_7.png" alt="Thumbnail highlighting list of units." /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;CSS allows the author to define dimensions and colours in many different ways, which can be especially useful when combined with media types. This section of the sheet lists the various units in CSS and explains what they mean.&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;Properties that Inherit&lt;/h3&gt;&lt;br /&gt;&lt;blockquote cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;img src="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/images/css_cheat_sheet_thmb_8.png" alt="Thumbnail highlighting list of properties that inherit." /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Inheritance is another area that trips up new and experienced CSS developers alike. An element within another element can use the same value as its ancestors. For example, if you define a font family for a &amp;lt;div&amp;gt;, and next a &amp;lt;span&amp;gt; within it, the &amp;lt;span&amp;gt; will use the same font family as the &amp;lt;div&amp;gt;, unless explicitly set to be different. Not all properties inherit though, and this section lists (alphabetically) those that do.&lt;br /&gt;&lt;br /&gt;So now that you know what it does, please feel free to print out the CSS cheat sheet:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/css_cheat_sheet.png"&gt;PNG, 97KB&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/css_cheat_sheet.pdf"&gt;PDF, 379KB&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/blockquote&gt;&lt;p class="citation"&gt;&lt;cite cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;/cite&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;/blockquote&gt;&lt;p class="citation"&gt;&lt;cite cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;/cite&gt;&lt;/p&gt;&lt;a href="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/"&gt;CSS Cheat Sheet - Cheat Sheets - ILoveJackDaniels.com&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;Dave Child created this excellent guide.&lt;br /&gt;Dave Child bu harika yordami yaratti.&lt;br /&gt;&lt;br /&gt; &lt;blockquote cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt; 		The CSS cheat sheet is designed to act as a reminder and reference sheet, listing all selectors (as of CSS 2.1) and properties. It includes a visual example of the box model, unit reference for CSS units and the various media types CSS makes allowance for. A description of what is on the cheat sheet follows, or if you are impatient, you can go straight to the full size CSS cheat sheet.&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/css_cheat_sheet.png"&gt;PNG, 97KB&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/css_cheat_sheet.pdf"&gt;PDF, 379KB&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;Properties List&lt;/h3&gt;&lt;/blockquote&gt;&lt;p class="citation"&gt;&lt;cite cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;/cite&gt;&lt;/p&gt;&lt;br /&gt;&lt;blockquote cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;img src="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/images/css_cheat_sheet_thmb_1.png" alt="Thumbnail highlighting properties list." /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;The CSS specification includes a lot or properties, many of which are often forgotten or overlooked. Many of these are shorthand properties, defining many properties in one go. The outside columns of the cheat sheet list all available CSS properties.&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;Syntax&lt;/h3&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;img src="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/images/css_cheat_sheet_thmb_2.png" alt="Thumbnail highlighting syntax area." /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Syntax is one area in CSS where many people stumble when learning it. Often, designers new to the language can spend a great deal of time trying to work out why a specific style isn't being applied, and many times it is either due to a syntax error or inheritance.&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;Selectors&lt;/h3&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;img src="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/images/css_cheat_sheet_thmb_3.png" alt="Thumbnail highlighting selectors list." /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Given the number of possible selectors in CSS, it is no wonder some people often become confuse. Mixing up ID and Class selectors is easy enough, without throwing sibling, child, attribute and language selectors into the mix. This section of the cheat sheet lists selectors and shows which element(s) those selectors would apply to.&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;Pseudo-Selectors&lt;/h3&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;img src="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/images/css_cheat_sheet_thmb_4.png" alt="Thumbnail highlighting pseudo selectors list." /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Pseudo-selectors are used when defining styles for elements that either do not exist, or are in a particular state. This section lists various of the pseudo-selectors.&lt;br /&gt;&lt;br /&gt;&lt;em&gt;Please note - I have left the :before and :after pseudo-selectors off this list, as I felt generated content was too complex to add to this sheet and still define in a way that made that area of the sheet usable.&lt;/em&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;Media Types&lt;/h3&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;img src="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/images/css_cheat_sheet_thmb_5.png" alt="Thumbnail highlighting media types list." /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;One of the reasons CSS is so powerful is that it makes allowance for different types of devices accessing the same data. This is controlled through media types, and though they are not used in CSS as much as many would like, the chances are that this will change and media types will become more important. This section lists the various media types defined in CSS 2.1.&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;Box Model&lt;/h3&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;img src="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/images/css_cheat_sheet_thmb_6.png" alt="Thumbnail highlighting box model area." /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;The box model is one thing that consistently trips up those new to CSS. Apart from major browsers not all supporting it correctly, its definition can be at first confusing. The box model section of the page aims to make this clearer.&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;Units&lt;/h3&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;img src="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/images/css_cheat_sheet_thmb_7.png" alt="Thumbnail highlighting list of units." /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;CSS allows the author to define dimensions and colours in many different ways, which can be especially useful when combined with media types. This section of the sheet lists the various units in CSS and explains what they mean.&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;Properties that Inherit&lt;/h3&gt;&lt;blockquote cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;img src="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/images/css_cheat_sheet_thmb_8.png" alt="Thumbnail highlighting list of properties that inherit." /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Inheritance is another area that trips up new and experienced CSS developers alike. An element within another element can use the same value as its ancestors. For example, if you define a font family for a &amp;lt;div&amp;gt;, and next a &amp;lt;span&amp;gt; within it, the &amp;lt;span&amp;gt; will use the same font family as the &amp;lt;div&amp;gt;, unless explicitly set to be different. Not all properties inherit though, and this section lists (alphabetically) those that do.&lt;br /&gt;&lt;br /&gt;So now that you know what it does, please feel free to print out the CSS cheat sheet:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/css_cheat_sheet.png"&gt;PNG, 97KB&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/css_cheat_sheet.pdf"&gt;PDF, 379KB&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/blockquote&gt;&lt;p class="citation"&gt;&lt;cite cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;/cite&gt;&lt;/p&gt;&lt;br /&gt;&lt;/blockquote&gt;&lt;p class="citation"&gt;&lt;cite cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;/cite&gt;&lt;/p&gt;&lt;br /&gt;&lt;p style="text-align: right; font-size: 8px;"&gt;Blogged with &lt;a href="http://www.flock.com/blogged-with-flock" title="Flock" target="_new"&gt;Flock&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;p class="citation"&gt;&lt;cite cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;/cite&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;/blockquote&gt;&lt;p class="citation"&gt;&lt;cite cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;/cite&gt;&lt;/p&gt;&lt;br /&gt; &lt;p style="text-align: right; font-size: 8px"&gt;Blogged with &lt;a href="http://www.flock.com/blogged-with-flock" title="Flock" target="_new"&gt;Flock&lt;/a&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2153805733220898752-118370132267778146?l=turqquay.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://turqquay.blogspot.com/feeds/118370132267778146/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2153805733220898752&amp;postID=118370132267778146' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2153805733220898752/posts/default/118370132267778146'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2153805733220898752/posts/default/118370132267778146'/><link rel='alternate' type='text/html' href='http://turqquay.blogspot.com/2007/11/css-cheat-sheet_4018.html' title='CSS Cheat Sheet'/><author><name>Dataminer</name><uri>http://www.blogger.com/profile/14848828232168718562</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://bp0.blogger.com/_3NjgispnV7k/R58csDWnQdI/AAAAAAAAAC4/W6GERGb6nS4/S220/Picture+0681+(33).bmp'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2153805733220898752.post-1294185304751940273</id><published>2007-11-28T13:35:00.001-08:00</published><updated>2007-11-28T13:35:05.090-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='internationalization'/><category scheme='http://www.blogger.com/atom/ns#' term='Joomla'/><title type='text'>UTF-8 issues in Joomla 1.0.x series - a guid</title><content type='html'>&lt;p class="citation"&gt;&lt;cite cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;br /&gt;&lt;/cite&gt;&lt;/p&gt;&lt;blockquote cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;b&gt;Is there a workaround to apply utf-8 in Joomla 1.0.x series?&lt;/b&gt;&lt;br /&gt;Yes. Here is a quick guideline to getting Joomla 1.0.x to work with utf-8&lt;br /&gt;- use MySQL version 4.1.2 or newer (older versions don't support utf-8).&lt;br /&gt;- &lt;span style="text-decoration: underline;"&gt;&lt;b&gt;create an empty database manually before installing Joomla.&lt;/b&gt;&lt;/span&gt; Set the character set to utf8 when creating with some collation (utf8_general_ci is the default and should be OK). &lt;br /&gt;- convert the language files to utf-8 (all language files including for editors, components etc.). Make sure NOT to save with the utf-8 BOM header option.&lt;br /&gt;- Install Joomla using the pre-existing database. After installation check that the database has utf8 encoding for all text fields (just in case Joomla created a new database and is not working on the pre-created one).&lt;br /&gt;- set 'charset=utf-8' in the _ISO define in the language file&lt;br /&gt;- You should uncomment one line of code in the includes/database.php file at about line 102 (second line below) &lt;br /&gt;&lt;div class="codeheader"&gt;Code:&lt;/div&gt;&lt;div class="code"&gt;&lt;pre style="margin-top: 0pt; display: inline;"&gt;$this-&amp;gt;_table_prefix = $table_prefix;&lt;br /&gt;//@mysql_query("SET NAMES 'utf8'", $this-&amp;gt;_resource);&amp;nbsp; &amp;nbsp; // THIS IS THE LINE TO UNCOMMENT&lt;br /&gt;$this-&amp;gt;_ticker = 0;&lt;br /&gt;$this-&amp;gt;_log = array();&lt;br /&gt;&lt;/pre&gt;&lt;/div&gt;&lt;br /&gt;Please note that the above does not make Joomla 1.0.x fully utf-8 compatible. All string functions will still be using singlebyte character functions. This works well in most cases (no guarantees). There will be some instances of garbage characters especially with diacritic Latin characters and logical error in searches and filtering features.&lt;br /&gt;&lt;/blockquote&gt;&lt;p class="citation"&gt;&lt;cite cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;/cite&gt;&lt;/p&gt;&lt;br /&gt; &lt;p style="text-align: right; font-size: 8px"&gt;Blogged with &lt;a href="http://www.flock.com/blogged-with-flock" title="Flock" target="_new"&gt;Flock&lt;/a&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2153805733220898752-1294185304751940273?l=turqquay.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://turqquay.blogspot.com/feeds/1294185304751940273/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2153805733220898752&amp;postID=1294185304751940273' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2153805733220898752/posts/default/1294185304751940273'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2153805733220898752/posts/default/1294185304751940273'/><link rel='alternate' type='text/html' href='http://turqquay.blogspot.com/2007/11/utf-8-issues-in-joomla-10x-series-guid.html' title='UTF-8 issues in Joomla 1.0.x series - a guid'/><author><name>Dataminer</name><uri>http://www.blogger.com/profile/14848828232168718562</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://bp0.blogger.com/_3NjgispnV7k/R58csDWnQdI/AAAAAAAAAC4/W6GERGb6nS4/S220/Picture+0681+(33).bmp'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2153805733220898752.post-5904302950290526508</id><published>2007-11-26T14:13:00.001-08:00</published><updated>2007-11-26T14:13:11.673-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='joomla joomla-template'/><title type='text'>Understanding Joomla / Mambo CSS in 5 minutes</title><content type='html'>&lt;blockquote cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;br /&gt;&lt;/blockquote&gt;&lt;p class="citation"&gt;&lt;cite cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;a href="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt;&lt;a href="http://www.joomlart.com/tutorials/templates_tutorial/understanding_mambo_css_in_5_minutes.html" title="Image"&gt;&lt;img alt="Image" src="http://www.joomlart.com/images/stories/tutorials/mambo_css_guide.gif" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;blockquote cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;h2&gt;2. Where to find this CSS &lt;/h2&gt;  &lt;p&gt;Each Joomla / Mambo template has a CSS file named " &lt;em&gt;template_css.css&lt;/em&gt;" located in&lt;br /&gt;&lt;strong&gt;%installdir%/templates/template_name/css&lt;/strong&gt; folder. Location structure of a template is as follows:&lt;/p&gt;  &lt;pre class="php"&gt;installdir/templates/&lt;br /&gt;  |&lt;br /&gt;  +- template_name/&lt;br /&gt;       | &lt;br /&gt;       +- index.php &lt;br /&gt;       |&lt;br /&gt;       +- template_thumbnail.png  &lt;br /&gt;       |&lt;br /&gt;       +- templateDetails.xml&lt;br /&gt;       |&lt;br /&gt;       +- css/&lt;br /&gt;       |    |&lt;br /&gt;       |    +- template_css.css&lt;br /&gt;&lt;br /&gt;&lt;/pre&gt;&lt;blockquote cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;h2&gt;3. Break down a little further &lt;/h2&gt;  &lt;p&gt;By now, you have had an  overview of Joomla / Mambo CSS, I list here all the CSS elements of Joomla 1.0.X / Mambo 4.5.X with detail explanation so that you can understand further. This is a blank (no style is set) but totally complete css file of a standard Joomla / Mambo template.&lt;/p&gt;  &lt;p&gt;You can highlight and copy then paste into your text editor or &lt;a href="http://www.joomlart.com/scripts/tutorials/template_css.css" target="_blank"&gt;&lt;strong&gt;download the sample CSS file&lt;/strong&gt;&lt;/a&gt; (right click &amp;gt;&amp;gt; save target as). Most of css files of many templates do not include all Joomla / Mambo CSS elements (even the default ones). So my &lt;a href="http://www.joomlart.com/scripts/tutorials/template_css.css" target="_blank"&gt;&lt;strong&gt;Mambo standard css file&lt;/strong&gt;&lt;/a&gt; will be a good place for you to start from.&lt;/p&gt;  &lt;pre class="php"&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* STANDARD COMPLETE CSS FOR JOOMLA 1.0.X and MAMBO 4.5.X TEMPLATES */&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* By Dinh Viet Hung (C) http://www.joomlart.com: Free templates and Professional Templates Club */&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* DEFAULT SETTINGS */&lt;/span&gt; &lt;br /&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* Below are  default settings are used when no other style has been defined.*/&lt;/span&gt;&lt;br /&gt;body &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/*Style for the body tag of your website, controls font family page background, etc.*/&lt;/span&gt;&lt;br /&gt;p &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/*formatting all &amp;lt;div&amp;gt; (division) items.  This is a catch-all that only applies when no other &lt;br /&gt;style has been defined.*/&lt;/span&gt;&lt;br /&gt;td &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/*formatting all &lt;br /&gt;&amp;lt;td&amp;gt; items. This default setting is used when no other style has been defined.*/&lt;/span&gt;&lt;br /&gt;tr &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/*formatting all &lt;br /&gt;&amp;lt;tr&amp;gt; items.  This default setting is used when no other style has been defined.*/&lt;/span&gt;&lt;br /&gt;ul &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/*formatting all UL (unordered list) items. This default setting is used when no other style&lt;br /&gt;has been defined.*/&lt;/span&gt;&lt;br /&gt;a:&lt;a href="http://www.php.net/link"&gt;&lt;span style="color: rgb(0, 0, 102);"&gt;link&lt;/span&gt;&lt;/a&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* general links style*/&lt;/span&gt;&lt;br /&gt;a:visited &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;a:hover &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;hr &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* horizontal line in your template*/&lt;/span&gt;&lt;br /&gt;hr.separator &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* FORMS SETTINGS */&lt;/span&gt; &lt;br /&gt;.button &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;.inputbox &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;.search &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/*formatting the &amp;lt;div&amp;gt; which holds search items: inputbox, search button...*/&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* NAVIGATION/MENU SETTINGS */&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;a.mainlevel&lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* this styling is for the MAIN items in the menu */&lt;/span&gt;&lt;br /&gt;a.mainlevel:&lt;a href="http://www.php.net/link"&gt;&lt;span style="color: rgb(0, 0, 102);"&gt;link&lt;/span&gt;&lt;/a&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;a.mainlevel:visited &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;a.mainlevel:hover &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;#active_menu {} /* this styling is for the menu item when it is active, even in main/sub position*/&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;ul&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;#mainlevel-nav {}&lt;/span&gt;&lt;br /&gt;ul&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;#mainlevel-nav li{}&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;#mainlevel-nav a:link {}&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;#mainlevel-nav a:visited{}&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;#mainlevel-nav a:hover {}&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;a.sublevel&lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* this styling is for menu items that HAS A PARENT */&lt;/span&gt;&lt;br /&gt;a.sublevel:&lt;a href="http://www.php.net/link"&gt;&lt;span style="color: rgb(0, 0, 102);"&gt;link&lt;/span&gt;&lt;/a&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;a.sublevel:visited &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;a.sublevel:hover &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;.pagenavbar &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/*Sets the style for the footer navigation ("&amp;lt;&amp;lt; Start &amp;lt; Prev Next &amp;gt; End &amp;gt;&amp;gt;") &lt;br /&gt;when they do not appear as hyperlinks (when only a few articles exist).*/&lt;/span&gt;&lt;br /&gt;.pagenavbar:&lt;a href="http://www.php.net/link"&gt;&lt;span style="color: rgb(0, 0, 102);"&gt;link&lt;/span&gt;&lt;/a&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/*Style for the footer navigation ("&amp;lt;&amp;lt; Start &amp;lt; Prev Next &amp;gt; End &amp;gt;&amp;gt;") when &lt;br /&gt;they become hyper links*/&lt;/span&gt;&lt;br /&gt;.pagenavbar:visited &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;.pagenav &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* as the name implies, this is for formatting texts for those &lt;br /&gt;"&amp;lt;&amp;lt; Start &amp;lt; Previous 1 Next &amp;gt; End &amp;gt;&amp;gt;" links */&lt;/span&gt;&lt;br /&gt;a.pagenav:visited &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;a.pagenav:hover &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;a.readon:&lt;a href="http://www.php.net/link"&gt;&lt;span style="color: rgb(0, 0, 102);"&gt;link&lt;/span&gt;&lt;/a&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/*Style for the "Read More" link that is displayed for large content items*/&lt;/span&gt;&lt;br /&gt;a.readon:hover &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;a.readon:visited &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;.back_button &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/*Style for the "BACK" button*/&lt;/span&gt;&lt;br /&gt;.pagenav_prev &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/*Style for the PRE button*/&lt;/span&gt;&lt;br /&gt;.pagenav_next &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/*Style for the NEXT button*/&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;.latestnews ul &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/*Style for latest news list - by default, latest news is user1 module*/&lt;/span&gt;&lt;br /&gt;.latestnews li &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;.mostread ul&lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/*Style for most popular list - by default, most popular is user2 module*/&lt;/span&gt;&lt;br /&gt;.mostread li&lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* CONTENT PAGE SETTINGS */&lt;/span&gt;&lt;br /&gt;a.category:&lt;a href="http://www.php.net/link"&gt;&lt;span style="color: rgb(0, 0, 102);"&gt;link&lt;/span&gt;&lt;/a&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;a.category:hover &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;a.category:visited &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;.blogsection &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* Formatting the links in Blog section */&lt;/span&gt;&lt;br /&gt;.blog_more &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/*The "More" text in blog section*/&lt;/span&gt;&lt;br /&gt;a.blogsection:&lt;a href="http://www.php.net/link"&gt;&lt;span style="color: rgb(0, 0, 102);"&gt;link&lt;/span&gt;&lt;/a&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* set the link format */&lt;/span&gt;&lt;br /&gt;a.blogsection:visited &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* same as above, but to set the visited link format */&lt;/span&gt;&lt;br /&gt;a.blogsection:hover &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* same as above, but for links with mouse pointer over it */&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;.componentheading &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* Title of the component being used to display the content.*/&lt;/span&gt;&lt;br /&gt;.contentheading &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* Title of the content, article, etc. being displayed.*/&lt;/span&gt;&lt;br /&gt;.contentpane &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* Table that holds all non-article information (components, &lt;br /&gt;category lists, contact forms, etc).*/&lt;/span&gt;&lt;br /&gt;.contentpaneopen &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* Table that holds the actual text for an article.*/&lt;/span&gt;&lt;br /&gt;.contentpagetitle &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/*Title of articles*/&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;a.contentpagetitle:hover &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/*Title of articles when appeare as links */&lt;/span&gt;&lt;br /&gt;a.contentpagetitle:&lt;a href="http://www.php.net/link"&gt;&lt;span style="color: rgb(0, 0, 102);"&gt;link&lt;/span&gt;&lt;/a&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;a.contentpagetitle:visited &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;.contentdescription &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* Formating the "DESCRIPTION" of sections, categories &lt;br /&gt;(News/Weblinks/Latest news...) */&lt;/span&gt;&lt;br /&gt;table.contenttoc &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* Formating the table of the Tables of Contents for multiple &lt;br /&gt;pages content or article */&lt;/span&gt;&lt;br /&gt;table.contenttoc td &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* same as above, used to format the td and able cells */&lt;/span&gt;&lt;br /&gt;table.contenttoc th &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* same as above, used to format the th of "Tables of &lt;br /&gt;Content" ( normally Article Index)*/&lt;/span&gt;&lt;br /&gt;table.contenttoc td.toclink &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* same as above, used to format toc link texts*/&lt;/span&gt;&lt;br /&gt;a.toclink:&lt;a href="http://www.php.net/link"&gt;&lt;span style="color: rgb(0, 0, 102);"&gt;link&lt;/span&gt;&lt;/a&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* same as above, used to format toc link text status*/&lt;/span&gt;&lt;br /&gt;a.toclink:visited &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;br /&gt;a.toclink:hover &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;br /&gt;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* JOOMLA - MAMBO SECTIONS LISTINGS */&lt;/span&gt;&lt;br /&gt;.sectiontableheader &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* This is for styling the section table headers on a &lt;br /&gt;SECTION's page. Example: table header of "Date", "Item Title", "Author" and "Hits"? */&lt;/span&gt;&lt;br /&gt;.sectiontableentry1 &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;br /&gt;.sectiontableentry2 &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* JOOMLA - MAMBO MODULES FORMATTING */&lt;/span&gt;&lt;br /&gt;table.moduletable &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* Formatting the module table */&lt;/span&gt;&lt;br /&gt;table.moduletable th &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* Formatting the module header, and the module titles */&lt;/span&gt;&lt;br /&gt;table.moduletable td &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* Formatting the table cells of the module table */&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* MISCELLANEOUS */&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* Dates , Authors*/&lt;/span&gt;&lt;br /&gt;.createdate &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* For styling the date the content/articles are created under contents title */&lt;/span&gt;&lt;br /&gt;.modifydate &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* Formating "Last updated on" text at the end of articles/contents */&lt;/span&gt;&lt;br /&gt;.small &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* Formating "Written by:...." text */&lt;/span&gt;&lt;br /&gt;.smalldark &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/*Found in poll result page, for " Number of Voters".. text */&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* Polls */&lt;/span&gt;&lt;br /&gt;.poll &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* format the td of poll table */&lt;/span&gt;&lt;br /&gt;.pollstableborder &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* set the border properties of the polls voting table */&lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&amp;nbsp;&lt;br /&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* Weblinks */&lt;/span&gt;&lt;br /&gt;.weblinks&lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* well.. to format the link's titles under the "Weblinks" &lt;br /&gt;  section on the frontend */&lt;/span&gt;&lt;br /&gt;a.weblinks:hover &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* same as above, but for link with mouseover */&lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* Newsfeeds */&lt;/span&gt;&lt;br /&gt;.newsfeedheading &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* The newsfeed title. NOTE: This will not affect the newsfeed's&lt;br /&gt;news title! */&lt;/span&gt;&lt;br /&gt;.newsfeeddate &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* yeah.. the date on the newsfeed */&lt;/span&gt;&lt;br /&gt;.fase4rdf &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* this is the body text of the newsfeed */&lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* Search page */&lt;/span&gt;&lt;br /&gt;table.searchintro &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* This is for formatting the box with "Search Keyword: test&lt;br /&gt;returned 4 matches" box that appears after you have entered a search value.&lt;br /&gt;It appears on the mainbody with the search results */&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* JOOMLA - MAMBO TABBED FRONTEND ADMIN INTERFACE */&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* The CSS below efines how the frontend admin interface when logged in */&lt;/span&gt;&lt;br /&gt; &lt;br /&gt;.ontab &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* For styling of the "Tab" buttons when editing contents through the &lt;br /&gt;frontend as admin. &lt;br /&gt;This .ontab is the styling for the tab when it is active or after its "clicked" */&lt;/span&gt;&lt;br /&gt;.offtab &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* Same as above, used for styling of the "Tab" buttons when editing &lt;br /&gt;contents through the frontend. &lt;br /&gt;This the styling for the tab when it is NOT active or when it is NOT "clicked" */&lt;/span&gt;&lt;br /&gt;.tabpadding &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* this style is used set the size of the tab in the above */&lt;/span&gt; &lt;br /&gt;.tabheading &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* Not too sure what this is used for. Couldn't find anything &lt;br /&gt;related to it yet at the moment */&lt;/span&gt;&lt;br /&gt;.pagetext &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(128, 128, 128); font-style: italic;"&gt;/* this style is used to style the content of the editing form &lt;br /&gt;contents (where HTMLArea sits and all its forms + contents) in the frontend &lt;br /&gt;Administration interface */&lt;/span&gt;&lt;/pre&gt;  &lt;/blockquote&gt;&lt;p class="citation"&gt;&lt;cite cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;/cite&gt;&lt;/p&gt;&lt;br /&gt;&lt;pre class="php"&gt;&lt;br /&gt;&lt;br /&gt;       |&lt;br /&gt;       +- images/&lt;/pre&gt;&lt;/blockquote&gt;&lt;p class="citation"&gt;&lt;cite cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;/cite&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;h2&gt;4. Joomla / Mambo Template CSS: Tweaking and Tuning&lt;/h2&gt;  &lt;p&gt;Normally, you tend to make your template look match with your site contents or just want to make it distinguished from the others. Therefore, playing around with your css file is the most popular practice of Joomla / Mambo users. The file you have just download is not filled with any style at all. If you do not want to start from scratch or feel un familiar with css styling, you can open another &lt;em&gt;template_css.css&lt;/em&gt; file of any existing templates for css reference, copy and paste, make some changes and refresh to see how they affect your Jooma / Mambo site.&lt;/p&gt;  &lt;h2&gt;5. Is that all? &lt;/h2&gt;  &lt;p&gt;&lt;strong&gt;template_css.css&lt;/strong&gt; is just a part of Joomla / Mambo templating job. CSS defines content elements your Joomla / Mambo pages. Layout and modules navigation of your template are also important. Details of Joomla / Mambo layout are also picturized and well explained in this tutorial: &lt;a href="http://www.joomlart.com/tutorials/templates_tutorial/mambo_layout.html"&gt;Joomla / Mambo layout and navigation guides&lt;/a&gt;.&lt;/p&gt;&lt;/blockquote&gt;&lt;p class="citation"&gt;&lt;cite cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;/cite&gt;&lt;/p&gt;&lt;br /&gt;&lt;blockquote cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;p&gt;Reading this article will give you:&lt;/p&gt;  &lt;ul&gt;&lt;li&gt;Basic overview of mambo layout. &lt;/li&gt;&lt;li&gt;Tricks to well organize your page contents with mambo modules.&lt;/li&gt;&lt;/ul&gt;  &lt;h2&gt;2. Joomla / Mambo layout overview.&lt;/h2&gt;  &lt;div class="mosimage" align="center"&gt;&lt;img src="http://www.joomlart.com/images/stories/tutorials/mambo_layout.gif" alt="Mambo Layout" title="Mambo Layout" border="0" height="522" hspace="6" width="489" /&gt;&lt;div class="mosimage_caption" style="text-align: center;" align="center"&gt;Picture 1: Mambo Layout Overview&lt;/div&gt;&lt;/div&gt;  &lt;h2&gt;3. Layout explained&lt;/h2&gt;  &lt;p&gt;As you can see from &lt;em&gt;Picture 1&lt;/em&gt;, Joomla / Mambo layout looks quite the same as any standardized portal webpages with 5 main parts:&lt;/p&gt;  &lt;ol&gt;&lt;li style="background: transparent none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"&gt;Top: &amp;lt;pathway&amp;gt;, &amp;lt;user3&amp;gt; and &amp;lt;user4&amp;gt; modules.&lt;/li&gt;&lt;li style="background: transparent none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"&gt;Left: &amp;lt;left&amp;gt; module.&lt;/li&gt;&lt;li style="background: transparent none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"&gt;Center:  &amp;lt;banner&amp;gt;, &amp;lt;user1&amp;gt;, &amp;lt;user2&amp;gt;  and &amp;lt;mainbody&amp;gt; modules.&lt;/li&gt;&lt;li style="background: transparent none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"&gt;Right: &amp;lt;right&amp;gt; module.&lt;/li&gt;&lt;li style="background: transparent none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"&gt;Bottom: &amp;lt;footer&amp;gt; module.&lt;/li&gt;&lt;/ol&gt;  &lt;p&gt;This is just a default layout, all modules can be placed anywhere defined in the  &lt;em&gt;index.php&lt;/em&gt; file of the template. The syntax of loading modules PHP code as follows:&lt;/p&gt;  &lt;pre class="php"&gt;mosLoadModules&lt;span style="color: rgb(102, 204, 102);"&gt;(&lt;/span&gt; &lt;span style="color: rgb(0, 0, 255);"&gt;$position_name&lt;/span&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;[&lt;/span&gt;, &lt;span style="color: rgb(0, 0, 255);"&gt;$style&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;]&lt;/span&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;)&lt;/span&gt;&lt;/pre&gt;  &lt;p&gt;With Joomla 1.0.1 / Mambo 4.5.2 and older versions, we have &lt;font color="#0000ff"&gt; 0 (default), -1, 1, -2 or -3? &lt;/font&gt; for the &lt;font color="#0000ff"&gt; $style &lt;/font&gt; of Joomla / Mambo. In Joomla / Mambo 4.5.2.1 the value &lt;font color="#0000ff"&gt;"-3"&lt;/font&gt; for the &lt;font color="#0000ff"&gt; $style &lt;/font&gt; was introduced. So what are the differences of using &lt;font color="#0000ff"&gt; 0, -1, 1, -2 or -3? &lt;/font&gt; [&lt;em&gt; see &lt;font color="#0000ff"&gt;(c)&lt;/font&gt; in Picture 1&lt;/em&gt; ] &lt;/p&gt;  &lt;ul&gt;&lt;li&gt;&lt;strong&gt;0&lt;/strong&gt; = (default ). Modules are displayed in a column. The following shows an example of the output:&lt;/li&gt;&lt;/ul&gt;  &lt;pre class="php"&gt;&amp;lt;!-- Begin : Individual module --&amp;gt;&lt;br /&gt;&amp;lt;table cellpadding=&lt;span style="color: rgb(255, 0, 0);"&gt;"0"&lt;/span&gt; cellspacing=&lt;span style="color: rgb(255, 0, 0);"&gt;"0"&lt;/span&gt; &lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;class&lt;/span&gt;=&lt;span style="color: rgb(255, 0, 0);"&gt;"moduletable[suffix]"&lt;/span&gt;&amp;gt;&lt;br /&gt;  &amp;lt;tr&amp;gt;&lt;br /&gt;    &amp;lt;th valign=&lt;span style="color: rgb(255, 0, 0);"&gt;"top"&lt;/span&gt;&amp;gt;Module Title&amp;lt;/th&amp;gt;&lt;br /&gt;  &amp;lt;/tr&amp;gt;&lt;br /&gt;  &amp;lt;tr&amp;gt;&lt;br /&gt;    &amp;lt;td&amp;gt;&lt;br /&gt;      Module output&lt;br /&gt;    &amp;lt;/td&amp;gt;&lt;br /&gt;  &amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;/table&amp;gt;&lt;br /&gt;&amp;lt;!-- &lt;a href="http://www.php.net/end"&gt;&lt;span style="color: rgb(0, 0, 102);"&gt;End&lt;/span&gt;&lt;/a&gt; : Individual module --&amp;gt;&lt;/pre&gt;  &lt;ul&gt;&lt;li&gt;&lt;strong&gt;1&lt;/strong&gt; = Modules are displayed horizontally. Each module is output in the cell of a wrapper table. The following shows an example of the output:&lt;/li&gt;&lt;/ul&gt;  &lt;pre class="php"&gt;&amp;lt;!-- Begin : Module wrapper --&amp;gt;&lt;br /&gt;&amp;lt;table cellspacing=&lt;span style="color: rgb(255, 0, 0);"&gt;"1"&lt;/span&gt; cellpadding=&lt;span style="color: rgb(255, 0, 0);"&gt;"0"&lt;/span&gt; border=&lt;span style="color: rgb(255, 0, 0);"&gt;"0"&lt;/span&gt; width=&lt;span style="color: rgb(255, 0, 0);"&gt;"100%"&lt;/span&gt;&amp;gt;&lt;br /&gt;  &amp;lt;tr&amp;gt;&lt;br /&gt;    &amp;lt;td align=&lt;span style="color: rgb(255, 0, 0);"&gt;"top"&lt;/span&gt;&amp;gt;&lt;br /&gt;      &amp;lt;!-- Begin : Individual module --&amp;gt;&lt;br /&gt;      &amp;lt;table cellpadding=&lt;span style="color: rgb(255, 0, 0);"&gt;"0"&lt;/span&gt; cellspacing=&lt;span style="color: rgb(255, 0, 0);"&gt;"0"&lt;/span&gt; &lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;class&lt;/span&gt;=&lt;span style="color: rgb(255, 0, 0);"&gt;"moduletable[suffix]"&lt;/span&gt;&amp;gt;&lt;br /&gt;        &amp;lt;tr&amp;gt;&lt;br /&gt;          &amp;lt;th valign=&lt;span style="color: rgb(255, 0, 0);"&gt;"top"&lt;/span&gt;&amp;gt;Module Title&amp;lt;/th&amp;gt;&lt;br /&gt;        &amp;lt;/tr&amp;gt;&lt;br /&gt;        &amp;lt;tr&amp;gt;&lt;br /&gt;          &amp;lt;td&amp;gt;&lt;br /&gt;            Module output&lt;br /&gt;          &amp;lt;/td&amp;gt;&lt;br /&gt;        &amp;lt;/tr&amp;gt;&lt;br /&gt;      &amp;lt;/table&amp;gt;&lt;br /&gt;      &amp;lt;!-- &lt;a href="http://www.php.net/end"&gt;&lt;span style="color: rgb(0, 0, 102);"&gt;End&lt;/span&gt;&lt;/a&gt; : Individual module --&amp;gt;&lt;br /&gt;    &amp;lt;/td&amp;gt;&lt;br /&gt;    &amp;lt;td align=&lt;span style="color: rgb(255, 0, 0);"&gt;"top"&lt;/span&gt;&amp;gt;&lt;br /&gt;      &amp;lt;!-- ...the &lt;a href="http://www.php.net/next"&gt;&lt;span style="color: rgb(0, 0, 102);"&gt;next&lt;/span&gt;&lt;/a&gt; module... --&amp;gt;&lt;br /&gt;    &amp;lt;/td&amp;gt;&lt;br /&gt;  &amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;/table&amp;gt;&lt;/pre&gt;  &lt;ul&gt;&lt;li&gt;&lt;strong&gt;-1&lt;/strong&gt; = Modules are displayed as raw output and without titles. The following shows an example of the output:&lt;/li&gt;&lt;/ul&gt;  &lt;pre class="php"&gt;Module &lt;span style="color: rgb(204, 102, 204);"&gt;1&lt;/span&gt; OutputModule &lt;span style="color: rgb(204, 102, 204);"&gt;2&lt;/span&gt; OutputModule &lt;span style="color: rgb(204, 102, 204);"&gt;3&lt;/span&gt; Output&lt;/pre&gt;  &lt;ul&gt;&lt;li&gt;&lt;strong&gt;-2&lt;/strong&gt; = Modules are displayed in X-Joomla / Mambo format. The following shows an example of the output:&lt;/li&gt;&lt;/ul&gt;  &lt;pre class="php"&gt;&amp;lt;!-- Begin : Individual module --&amp;gt;&lt;br /&gt;&amp;lt;div &lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;class&lt;/span&gt;=&lt;span style="color: rgb(255, 0, 0);"&gt;"moduletable[suffix]"&lt;/span&gt;&amp;gt;&lt;br /&gt;  &amp;lt;h3&amp;gt;Module Title&amp;lt;/h3&amp;gt;&lt;br /&gt;  Module output&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;!-- &lt;a href="http://www.php.net/end"&gt;&lt;span style="color: rgb(0, 0, 102);"&gt;End&lt;/span&gt;&lt;/a&gt; : Individual module --&amp;gt;&lt;/pre&gt;  &lt;ul&gt;&lt;li&gt;&lt;strong&gt;-3&lt;/strong&gt; = Modules are displayed in a format that allows, for example, stretchable rounded corners.&lt;/li&gt;&lt;/ul&gt;  &lt;pre class="php"&gt;&amp;lt;!-- Begin : Individual module --&amp;gt;&lt;br /&gt;&amp;lt;div &lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;class&lt;/span&gt;=&lt;span style="color: rgb(255, 0, 0);"&gt;"module[suffix]"&lt;/span&gt;&amp;gt;&lt;br /&gt;  &amp;lt;div&amp;gt;&lt;br /&gt;    &amp;lt;div&amp;gt;&lt;br /&gt;      &amp;lt;div&amp;gt;&lt;br /&gt;        &amp;lt;h3&amp;gt;Module Title&amp;lt;/h3&amp;gt;&lt;br /&gt;        Module output&lt;br /&gt;      &amp;lt;/div&amp;gt;&lt;br /&gt;    &amp;lt;/div&amp;gt;&lt;br /&gt;  &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;!-- &lt;a href="http://www.php.net/end"&gt;&lt;span style="color: rgb(0, 0, 102);"&gt;End&lt;/span&gt;&lt;/a&gt; : Individual module  --&amp;gt;&lt;/pre&gt;  &lt;p&gt;I myself really like features of the new &lt;font color="#0000ff"&gt;"-3"&lt;/font&gt; style. Using the &lt;font color="#0000ff"&gt;"-3"&lt;/font&gt;  will help you to create stylish rounded corners template for Joomla / Mambo. Step-by-step  on how to create a rounded module is guided in &lt;a href="http://www.joomlart.com/Joomla%20/%20Mambo_tutorials/templates_tutorials/how_to_make_rounded_module_like_Joomla%20/%20Mamboserver.com_part_1__18.php"&gt;this tutorial&lt;/a&gt;.&lt;/p&gt;  &lt;h2&gt;4. Tricks to hide / display modules wisely.&lt;/h2&gt;  &lt;p&gt;Obliviously in Joomla / Mambo templating, you have to preserve an area for a module to display. This area is often created with a fixed width block using &amp;lt;table, &amp;lt;td&amp;gt; or &amp;lt;div&amp;gt; tags . And the outcome of of this is when the module you desire to display is unpublished, the block you preserve will still be there, creating an ugly blank area and take the space of other contents. Therefore, a simple solution using  &lt;em&gt;if {}&lt;/em&gt; condition + &lt;em&gt;mosCountModules&lt;/em&gt; syntax will be a perfect workaround.  [ &lt;em&gt;See &lt;font color="#0000ff"&gt;(b)&lt;/font&gt; in Picture 1 &lt;/em&gt;] &lt;/p&gt;  &lt;p&gt;The sample code you see in &lt;em&gt;Picture 1&lt;/em&gt; is a standard one, a more complex &lt;em&gt;if {}&lt;/em&gt; will produce a better result and remove unnecessary HTML codes. For example:&lt;/p&gt;  &lt;pre class="php"&gt;&amp;lt;!-- Begin : set the width &lt;span style="color: rgb(177, 177, 0);"&gt;for&lt;/span&gt; td of user1 and user2  --&amp;gt;&lt;br /&gt;&lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;&amp;lt;?php&lt;/span&gt; &lt;br /&gt;  &lt;span style="color: rgb(0, 0, 255);"&gt;$numblock&lt;/span&gt; = &lt;span style="color: rgb(204, 102, 204);"&gt;0&lt;/span&gt;;&lt;br /&gt;  &lt;span style="color: rgb(177, 177, 0);"&gt;if&lt;/span&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;(&lt;/span&gt;mosCountModules&lt;span style="color: rgb(102, 204, 102);"&gt;(&lt;/span&gt; &lt;span style="color: rgb(255, 0, 0);"&gt;"user1"&lt;/span&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;)&lt;/span&gt;&amp;gt;&lt;span style="color: rgb(204, 102, 204);"&gt;0&lt;/span&gt; &amp;amp;&amp;amp; mosCountModules&lt;span style="color: rgb(102, 204, 102);"&gt;(&lt;/span&gt; &lt;span style="color: rgb(255, 0, 0);"&gt;"user2"&lt;/span&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;)&lt;/span&gt;&amp;gt;&lt;span style="color: rgb(204, 102, 204);"&gt;0&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;)&lt;/span&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;br /&gt;    &lt;span style="color: rgb(0, 0, 255);"&gt;$numblock&lt;/span&gt; = &lt;span style="color: rgb(204, 102, 204);"&gt;2&lt;/span&gt;;&lt;br /&gt;    &lt;span style="color: rgb(0, 0, 255);"&gt;$blockwidth&lt;/span&gt; = &lt;span style="color: rgb(204, 102, 204);"&gt;50&lt;/span&gt;;&lt;br /&gt;  &lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;span style="color: rgb(177, 177, 0);"&gt;else&lt;/span&gt; &lt;span style="color: rgb(177, 177, 0);"&gt;if&lt;/span&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;(&lt;/span&gt;mosCountModules&lt;span style="color: rgb(102, 204, 102);"&gt;(&lt;/span&gt; &lt;span style="color: rgb(255, 0, 0);"&gt;"user1"&lt;/span&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;)&lt;/span&gt;&amp;gt;&lt;span style="color: rgb(204, 102, 204);"&gt;0&lt;/span&gt; || mosCountModules&lt;span style="color: rgb(102, 204, 102);"&gt;(&lt;/span&gt; &lt;span style="color: rgb(255, 0, 0);"&gt;"user2"&lt;/span&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;)&lt;/span&gt;&amp;gt;&lt;span style="color: rgb(204, 102, 204);"&gt;0&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;)&lt;/span&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt;&lt;br /&gt;    &lt;span style="color: rgb(0, 0, 255);"&gt;$numblock&lt;/span&gt; = &lt;span style="color: rgb(204, 102, 204);"&gt;1&lt;/span&gt;;&lt;br /&gt;    &lt;span style="color: rgb(0, 0, 255);"&gt;$blockwidth&lt;/span&gt; = &lt;span style="color: rgb(204, 102, 204);"&gt;100&lt;/span&gt;;&lt;br /&gt;  &lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;?&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;lt;!-- &lt;a href="http://www.php.net/end"&gt;&lt;span style="color: rgb(0, 0, 102);"&gt;End&lt;/span&gt;&lt;/a&gt; : set the width &lt;span style="color: rgb(177, 177, 0);"&gt;for&lt;/span&gt; td of user1 and user2  --&amp;gt;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;&amp;lt;!-- Begin : load module user1 and user2  --&amp;gt;&lt;br /&gt;&lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;&amp;lt;?php&lt;/span&gt; &lt;span style="color: rgb(177, 177, 0);"&gt;if&lt;/span&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;(&lt;/span&gt;&lt;span style="color: rgb(0, 0, 255);"&gt;$numblock&lt;/span&gt; &amp;gt; &lt;span style="color: rgb(204, 102, 204);"&gt;0&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;)&lt;/span&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt; &lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;?&amp;gt;&lt;/span&gt;&lt;br /&gt;  &amp;lt;tr&amp;gt;&lt;br /&gt;  &lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;&amp;lt;?php&lt;/span&gt; &lt;span style="color: rgb(177, 177, 0);"&gt;if&lt;/span&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;(&lt;/span&gt;mosCountModules&lt;span style="color: rgb(102, 204, 102);"&gt;(&lt;/span&gt; &lt;span style="color: rgb(255, 0, 0);"&gt;"user1"&lt;/span&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;)&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;)&lt;/span&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt; &lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;?&amp;gt;&lt;/span&gt;&lt;br /&gt;    &amp;lt;td width=&lt;span style="color: rgb(255, 0, 0);"&gt;"&amp;lt;?php echo $blockwidth; ?&amp;gt;%"&lt;/span&gt; valign=&lt;span style="color: rgb(255, 0, 0);"&gt;"top"&lt;/span&gt;&amp;gt;&lt;br /&gt;    &amp;lt;div &lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;class&lt;/span&gt;=&lt;span style="color: rgb(255, 0, 0);"&gt;"colorbox"&lt;/span&gt;&amp;gt; &lt;br /&gt;    &amp;lt;div id=&lt;span style="color: rgb(255, 0, 0);"&gt;"user1"&lt;/span&gt; &lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;class&lt;/span&gt;=&lt;span style="color: rgb(255, 0, 0);"&gt;"roundblock"&lt;/span&gt;&amp;gt;&lt;br /&gt;    &lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;&amp;lt;?php&lt;/span&gt; mosLoadModules &lt;span style="color: rgb(102, 204, 102);"&gt;(&lt;/span&gt; &lt;span style="color: rgb(255, 0, 0);"&gt;"user1"&lt;/span&gt;, &lt;span style="color: rgb(204, 102, 204);"&gt;-3&lt;/span&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;)&lt;/span&gt;; &lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;?&amp;gt;&lt;/span&gt;&lt;br /&gt;    &amp;lt;/div&amp;gt;&lt;br /&gt;    &amp;lt;/div&amp;gt;    &lt;br /&gt;    &amp;lt;/td&amp;gt;&lt;br /&gt;&lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;&amp;lt;?php&lt;/span&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;?&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;&amp;lt;?php&lt;/span&gt; &lt;span style="color: rgb(177, 177, 0);"&gt;if&lt;/span&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;(&lt;/span&gt;mosCountModules&lt;span style="color: rgb(102, 204, 102);"&gt;(&lt;/span&gt; &lt;span style="color: rgb(255, 0, 0);"&gt;"user2"&lt;/span&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;)&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;)&lt;/span&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;{&lt;/span&gt; &lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;?&amp;gt;&lt;/span&gt;&lt;br /&gt;  &amp;lt;td width=&lt;span style="color: rgb(255, 0, 0);"&gt;"&amp;lt;?php echo $blockwidth; ?&amp;gt;%"&lt;/span&gt;&amp;gt;&lt;br /&gt;  &amp;lt;div id=&lt;span style="color: rgb(255, 0, 0);"&gt;"user2"&lt;/span&gt; &lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;class&lt;/span&gt;=&lt;span style="color: rgb(255, 0, 0);"&gt;"roundblock"&lt;/span&gt;&amp;gt;&lt;br /&gt;  &amp;lt;div &lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;class&lt;/span&gt;=&lt;span style="color: rgb(255, 0, 0);"&gt;"colorbox"&lt;/span&gt;&amp;gt; &lt;br /&gt;  &lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;&amp;lt;?php&lt;/span&gt; mosLoadModules &lt;span style="color: rgb(102, 204, 102);"&gt;(&lt;/span&gt; &lt;span style="color: rgb(255, 0, 0);"&gt;"user2"&lt;/span&gt;, &lt;span style="color: rgb(204, 102, 204);"&gt;-3&lt;/span&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;)&lt;/span&gt;; &lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;?&amp;gt;&lt;/span&gt;&lt;br /&gt;  &amp;lt;/div&amp;gt;&lt;br /&gt;  &amp;lt;/div&amp;gt;&lt;br /&gt;  &lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;&amp;lt;?php&lt;/span&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;?&amp;gt;&lt;/span&gt;&lt;br /&gt;  &amp;lt;/tr&amp;gt;&lt;br /&gt;&lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;&amp;lt;?php&lt;/span&gt; &lt;span style="color: rgb(102, 204, 102);"&gt;}&lt;/span&gt; &lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;?&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;lt;!-- &lt;a href="http://www.php.net/end"&gt;&lt;span style="color: rgb(0, 0, 102);"&gt;End&lt;/span&gt;&lt;/a&gt; : load module user1 and user2  --&amp;gt;&lt;/pre&gt;  &lt;p&gt;I use above codes in &lt;a href="http://template.joomla%20/%20Mambotheme.com/452/index.php?jos_change_template=mbt_grey" target="_blank"&gt; MBT GREY&lt;/a&gt; template to organize user1 and user2 modules. Those advanced &lt;em&gt;if {}&lt;/em&gt; codes will divide user1 and user2 display areas into 2 equal boxes  if both are published [&lt;em&gt;Picture 2&lt;/em&gt;]; stretch the box to fit with the main content when one of them is unpublished [&lt;em&gt;Picture 3&lt;/em&gt;] and, of course both will be totally removed when they are unpublished.&lt;/p&gt;  &lt;p&gt; &lt;/p&gt;&lt;div class="mosimage" style="float: left;" align="center"&gt;&lt;img src="http://www.joomlart.com/images/stories/tutorials/user1anduser2.gif" alt="User 1 and User 2Picture 2: User1 and User2 published" title="User 1 and User 2Picture 2: User1 and User2 published" border="0" height="151" hspace="6" width="250" /&gt;&lt;div class="mosimage_caption"&gt;Picture 2: User1 and User2 published&lt;/div&gt;&lt;/div&gt; &lt;div class="mosimage" align="center"&gt;&lt;img src="http://www.joomlart.com/images/stories/tutorials/user1.gif" alt="Picture 3: User1 published, User2 unpublished" title="Picture 3: User1 published, User2 unpublished" border="0" height="151" hspace="6" width="250" /&gt;&lt;div class="mosimage_caption"&gt;Picture 3: User1 published, User2 unpublished&lt;/div&gt;&lt;/div&gt;   &lt;p&gt;Though the above tricks can be applied in all modules (especially left, right, top, users), to some standard modules which are often the "must have" modules of a your site like search &lt;em&gt;(user4) &lt;/em&gt;, topmenu &lt;em&gt;(user3)&lt;/em&gt;, pathway &lt;em&gt;(pathway)&lt;/em&gt;, and mainbody &lt;em&gt;(mosMainBody) &lt;/em&gt;then a simple&lt;em&gt; if {} &lt;/em&gt; is enough. [ &lt;em&gt;See &lt;font color="#0000ff"&gt;(a)&lt;/font&gt; in Picture 1 &lt;/em&gt;] &lt;/p&gt;  &lt;h2&gt;5. Bottom lines.&lt;/h2&gt;  &lt;p&gt;There are  other 2 functions that are  quite useful in Joomla / Mambo templates: &lt;/p&gt;  &lt;ul&gt;&lt;li&gt; &lt;code&gt;$mosConfig_sitename: use to display your site title. You can put this code in your header/logo area. For example&lt;/code&gt;&lt;/li&gt;&lt;/ul&gt;  &lt;pre class="php"&gt;&lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;&amp;lt;?php&lt;/span&gt; &lt;a href="http://www.php.net/echo"&gt;&lt;span style="color: rgb(0, 0, 102);"&gt;echo&lt;/span&gt;&lt;/a&gt; &lt;span style="color: rgb(255, 0, 0);"&gt;"$mosConfig_sitename!"&lt;/span&gt;; &lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;?&amp;gt;&lt;/span&gt;&lt;/pre&gt;  &lt;ul&gt;&lt;li&gt;&lt;code&gt;$mosCurrentDate: use to display date &lt;/code&gt;&lt;/li&gt;&lt;/ul&gt;  &lt;pre class="php"&gt;&lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;&amp;lt;?php&lt;/span&gt; &lt;a href="http://www.php.net/echo"&gt;&lt;span style="color: rgb(0, 0, 102);"&gt;echo&lt;/span&gt;&lt;/a&gt; mosCurrentDate&lt;span style="color: rgb(102, 204, 102);"&gt;(&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;)&lt;/span&gt;; &lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;?&amp;gt;&lt;/span&gt;&lt;/pre&gt;  or:&lt;br /&gt; &lt;pre class="php"&gt;&lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;&amp;lt;?php&lt;/span&gt; &lt;a href="http://www.php.net/echo"&gt;&lt;span style="color: rgb(0, 0, 102);"&gt;echo&lt;/span&gt;&lt;/a&gt; mosFormatDate&lt;span style="color: rgb(102, 204, 102);"&gt;(&lt;/span&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;'2005-01-01 10:00:00'&lt;/span&gt;&lt;span style="color: rgb(102, 204, 102);"&gt;)&lt;/span&gt;; &lt;span style="color: rgb(0, 0, 0); font-weight: bold;"&gt;?&amp;gt;&lt;/span&gt;&lt;/pre&gt;&lt;/blockquote&gt;&lt;p class="citation"&gt;&lt;cite cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;/cite&gt;&lt;/p&gt;&lt;p style="text-align: right; font-size: 8px"&gt;Blogged with &lt;a href="http://www.flock.com/blogged-with-flock" title="Flock" target="_new"&gt;Flock&lt;/a&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2153805733220898752-5904302950290526508?l=turqquay.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://turqquay.blogspot.com/feeds/5904302950290526508/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2153805733220898752&amp;postID=5904302950290526508' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2153805733220898752/posts/default/5904302950290526508'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2153805733220898752/posts/default/5904302950290526508'/><link rel='alternate' type='text/html' href='http://turqquay.blogspot.com/2007/11/understanding-joomla-mambo-css-in-5.html' title='Understanding Joomla / Mambo CSS in 5 minutes'/><author><name>Dataminer</name><uri>http://www.blogger.com/profile/14848828232168718562</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://bp0.blogger.com/_3NjgispnV7k/R58csDWnQdI/AAAAAAAAAC4/W6GERGb6nS4/S220/Picture+0681+(33).bmp'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2153805733220898752.post-8288930200877217445</id><published>2007-11-23T15:08:00.001-08:00</published><updated>2007-11-23T15:13:58.778-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='internationalization'/><category scheme='http://www.blogger.com/atom/ns#' term='Joomla'/><title type='text'>Joomla  International (Turkish)</title><content type='html'>&lt;blockquote cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;p&gt;&lt;br /&gt;Joomlayı kurdunuz ancak bazı karakter sorunlarınız var. Ne yapmalısınız?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;1-&lt;/strong&gt;Öncelikle Joomlanın dilini Türkçe yapmalısınız. Bunun için &lt;strong&gt;Site Genel Ayarları&lt;/strong&gt; ndan &lt;strong&gt;Yerel&lt;/strong&gt; sekmesine gelin:&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Dil:&lt;/strong&gt; Türkçe &lt;/p&gt;&lt;p&gt;&lt;strong&gt;Ülke Yereli:&lt;/strong&gt; tr_TR olmalıdır. Tabi bunun için sürümünüz içinde Türkçe dil dosyası bulunmalıdır.&lt;/p&gt;&lt;p&gt;Bu ayar sonucunda sitenize eklediğiniz tüm bileşenlerde default dil olarak Türkçeyi arayacaktır. Eğer bileşenin Türkçe dil dosyası yoksa ingilizce çalışacaktır.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;2-&lt;/strong&gt; Temanızın index.php dosyasının en üstünde;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;&amp;lt;?xml version="1.0" encoding="iso-8859-1"?&amp;gt;&lt;/strong&gt;&amp;nbsp; satırını&lt;br /&gt;&lt;strong&gt;&amp;lt;?xml version="1.0" encoding="iso-8859-9"?&amp;gt;&lt;/strong&gt;&amp;nbsp; ile değiştirin.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;3-&lt;/strong&gt; Türkçe Dil dosyası içindeki &lt;strong&gt;turkish.php&lt;/strong&gt; dosyasının üst satırlarında&lt;/p&gt;&lt;p&gt;&lt;strong&gt;&amp;lt;?php header ("Content-Type: text/html; charset=ISO-8859-9"); ?&amp;gt;&lt;/strong&gt;&amp;nbsp;&amp;nbsp; satırının olduğundan emin olun.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;4-&lt;/strong&gt;Bileşen, tema veya modüller kurulduktan sonra karakter hataları veriyorsa;&lt;br /&gt;Kurmadan önce zipleri açıp; &lt;strong&gt;xml&lt;/strong&gt; dosyasının en üst satırında:&lt;/p&gt;&lt;p&gt;&lt;strong&gt;&amp;lt;?xml version="1.0" encoding="iso-8859-9"?&amp;gt;&lt;/strong&gt;&amp;nbsp; olduğundan emin olun.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;5-&lt;/strong&gt; Veritabanı işlemlerinde de her zaman &lt;strong&gt;latin_5_turkish_ci&lt;/strong&gt;&amp;nbsp; seti kullanmaya dikkat edin.Böylece büyük- küçük harf hassasiyeti olmayan karşılaştırma seti kullanmış olacaksınız.&lt;/p&gt;&lt;p&gt;  &lt;/p&gt;&lt;/blockquote&gt;&lt;p class="citation"&gt;&lt;cite cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;/cite&gt;&lt;/p&gt;&lt;br /&gt; &lt;p style="text-align: right; font-size: 8px"&gt;Blogged with &lt;a href="http://www.flock.com/blogged-with-flock" title="Flock" target="_new"&gt;Flock&lt;/a&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2153805733220898752-8288930200877217445?l=turqquay.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://turqquay.blogspot.com/feeds/8288930200877217445/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2153805733220898752&amp;postID=8288930200877217445' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2153805733220898752/posts/default/8288930200877217445'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2153805733220898752/posts/default/8288930200877217445'/><link rel='alternate' type='text/html' href='http://turqquay.blogspot.com/2007/11/joomla-turkish_6144.html' title='Joomla  International (Turkish)'/><author><name>Dataminer</name><uri>http://www.blogger.com/profile/14848828232168718562</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://bp0.blogger.com/_3NjgispnV7k/R58csDWnQdI/AAAAAAAAAC4/W6GERGb6nS4/S220/Picture+0681+(33).bmp'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2153805733220898752.post-5399334823105741279</id><published>2007-11-20T07:10:00.001-08:00</published><updated>2007-11-20T07:10:24.380-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Joomla'/><title type='text'>Internationalization Tips For Your Joomla  Website -Part One-</title><content type='html'>&lt;blockquote cite="chrome://flock/content/shelf/notesSidebar.xul"&gt; 								 									&lt;b&gt;&lt;a href="http://forum.joomla.org/index.php?PHPSESSID=4fe91c8278ac11a6c21ca14e28ba1d37&amp;amp;topic=98896.msg496564#msg496564"&gt;Characters not dispaying correctly? &lt;/a&gt;&lt;/b&gt;&lt;/blockquote&gt;&lt;p class="citation"&gt;&lt;cite cite="chrome://flock/content/shelf/notesSidebar.xul"&gt;&lt;/cite&gt;&lt;/p&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&lt;blockquote cite="chrome://flock/content/shelf/notesSidebar.xul"&gt;The most probable reason for this is that you have an &lt;b&gt;encoding mismatch&lt;/b&gt; in your site. This should be checked and possibly corrected before you start changing server default charsets, languages or database collations which usually never need to be touched.&lt;br /&gt;&lt;br /&gt;An Encoding Mismatch means that your browser is not using the correct codepage to display special characters (extended ASCII) and they show up as something unexpected.&lt;br /&gt;&lt;br /&gt;Alternately you may currently have the correct encoding in your browser but at some time in the past there was an encoding mismatch while data was inserted via a browser. This too will create unexpected results of special characters.&lt;br /&gt;&lt;br /&gt;How to check this?&lt;br /&gt;&lt;br /&gt;&lt;ul style="margin-top: 0pt; margin-bottom: 0pt;"&gt;&lt;li&gt;Find out what the correct encoding is for the language you are using in your site. As an example let's take Czech which uses iso-8859-2&lt;/li&gt;&lt;li&gt;Open a page of your site in your browser and ensure that the browser is set to automatically detect encodings&lt;/li&gt;&lt;li&gt;The browser should have detected iso-8859-2 which is also known as "Central European" encoding&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;If you got this far and and the browser is selecting encoding as expected but there are still bad characters then there are two possible problems:&lt;br /&gt;1. If the corruption is in text that is part of content - this might have been inserted during some mismatch in the past. Try to insert some new text and see if it is OK.&lt;br /&gt;2. If the corruption occurs in User Interface labels, then perhaps the language file you are using is for utf-8 use only. You should change the language file with one that was prepared for singlebyte encodings such as iso-8859-2.&lt;br /&gt;&lt;br /&gt;If your browser did not select the correct encoding automatically then please check the following:&lt;br /&gt;&lt;ul style="margin-top: 0pt; margin-bottom: 0pt;"&gt;&lt;li&gt;In your browser click on the menu item that displays the source of the currently displayed page. In the code near the top in the header tags you should find the following line for Czech encoding:&lt;/li&gt;&lt;/ul&gt;&lt;div class="codeheader"&gt;Code:&lt;/div&gt;&lt;div class="code"&gt;&lt;pre style="margin-top: 0pt; display: inline;"&gt;&amp;lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;ul style="margin-top: 0pt; margin-bottom: 0pt;"&gt;&lt;li&gt;If you see a different charset value then you need to check your language file define for encoding as this is taken from there. You should open the language file (&amp;lt;lang&amp;gt;.php) in an editor and search for '_ISO'. You should see&lt;/li&gt;&lt;/ul&gt;&lt;div class="codeheader"&gt;Code:&lt;/div&gt;&lt;div class="code"&gt;&lt;pre style="margin-top: 0pt; display: inline;"&gt;DEFINE('_ISO','charset=iso-8859-2');&lt;/pre&gt;&lt;/div&gt;&lt;ul style="margin-top: 0pt; margin-bottom: 0pt;"&gt;&lt;li&gt;If the language file define is correct but something else shows up the page source code - then there is a problem with the template that you are u&lt;blockquote cite="chrome://flock/content/shelf/notesSidebar.xul"&gt;The most probable reason for this is that you have an &lt;b&gt;encoding mismatch&lt;/b&gt; in your site. This should be checked and possibly corrected before you start changing server default charsets, languages or database collations which usually never need to be touched.&lt;br /&gt;&lt;br /&gt;An Encoding Mismatch means that your browser is not using the correct codepage to display special characters (extended ASCII) and they show up as something unexpected.&lt;br /&gt;&lt;br /&gt;Alternately you may currently have the correct encoding in your browser but at some time in the past there was an encoding mismatch while data was inserted via a browser. This too will create unexpected results of special characters.&lt;br /&gt;&lt;br /&gt;How to check this?&lt;br /&gt;&lt;br /&gt;&lt;ul style="margin-top: 0pt; margin-bottom: 0pt;"&gt;&lt;li&gt;Find out what the correct encoding is for the language you are using in your site. As an example let's take Czech which uses iso-8859-2&lt;/li&gt;&lt;li&gt;Open a page of your site in your browser and ensure that the browser is set to automatically detect encodings&lt;/li&gt;&lt;li&gt;The browser should have detected iso-8859-2 which is also known as "Central European" encoding&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;If you got this far and and the browser is selecting encoding as expected but there are still bad characters then there are two possible problems:&lt;br /&gt;1. If the corruption is in text that is part of content - this might have been inserted during some mismatch in the past. Try to insert some new text and see if it is OK.&lt;br /&gt;2. If the corruption occurs in User Interface labels, then perhaps the language file you are using is for utf-8 use only. You should change the language file with one that was prepared for singlebyte encodings such as iso-8859-2.&lt;br /&gt;&lt;br /&gt;If your browser did not select the correct encoding automatically then please check the following:&lt;br /&gt;&lt;ul style="margin-top: 0pt; margin-bottom: 0pt;"&gt;&lt;li&gt;In your browser click on the menu item that displays the source of the currently displayed page. In the code near the top in the header tags you should find the following line for Czech encoding:&lt;/li&gt;&lt;/ul&gt;&lt;div class="codeheader"&gt;Code:&lt;/div&gt;&lt;div class="code"&gt;&lt;pre style="margin-top: 0pt; display: inline;"&gt;&amp;lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;ul style="margin-top: 0pt; margin-bottom: 0pt;"&gt;&lt;li&gt;If you see a different charset value then you need to check your language file define for encoding as this is taken from there. You should open the language file (&amp;lt;lang&amp;gt;.php) in an editor and search for '_ISO'. You should see&lt;/li&gt;&lt;/ul&gt;&lt;div class="codeheader"&gt;Code:&lt;/div&gt;&lt;div class="code"&gt;&lt;pre style="margin-top: 0pt; display: inline;"&gt;DEFINE('_ISO','charset=iso-8859-2');&lt;/pre&gt;&lt;/div&gt;&lt;ul style="margin-top: 0pt; margin-bottom: 0pt;"&gt;&lt;li&gt;If the language file define is correct but something else shows up the page source code - then there is a problem with the template that you are using. A different, standard, template should be tried&lt;/li&gt;&lt;li&gt;Remember that if you wish to use Czech (for example) in your content while still keeping the original English language file for the site User Interface - then you should change the _ISO define in the language file from iso-8859-1 to iso-8859-2&lt;/li&gt;&lt;li&gt;For utf-8 related issues please see a separate sticky thread in this board&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;===================================&lt;br /&gt;&lt;b&gt;&lt;br /&gt;If you are still having problems&lt;/b&gt; - don't start slashing your wrists - just place a post in this board with as much details as possible. Mainly please detail:&lt;br /&gt;&lt;ul style="margin-top: 0pt; margin-bottom: 0pt;"&gt;&lt;li&gt;What language do you wish to display&lt;/li&gt;&lt;li&gt;What encoding does the browser select&lt;/li&gt;&lt;li&gt;Where are the problematic characters? In content or in User Interface labels?&lt;/li&gt;&lt;li&gt;What do you see in the charset value of the page source?&lt;/li&gt;&lt;li&gt;What is set in the language file define for '_ISO'?&lt;/li&gt;&lt;/ul&gt;&lt;/blockquote&gt;&lt;p class="citation"&gt;&lt;cite cite="chrome://flock/content/shelf/notesSidebar.xul"&gt;&lt;/cite&gt;&lt;/p&gt;&lt;br /&gt;sing. A different, standard, template should be tried&lt;/li&gt;&lt;li&gt;Remember that if you wish to use Czech (for example) in your content while still keeping the original English language file for the site User Interface - then you should change the _ISO define in the language file from iso-8859-1 to iso-8859-2&lt;/li&gt;&lt;li&gt;For utf-8 related issues please see a separate sticky thread in this board&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;===================================&lt;br /&gt;&lt;b&gt;&lt;br /&gt;If you are still having problems&lt;/b&gt; - don't start slashing your wrists - just place a post in this board with as much details as possible. Mainly please detail:&lt;br /&gt;&lt;ul style="margin-top: 0pt; margin-bottom: 0pt;"&gt;&lt;li&gt;What language do you wish to display&lt;/li&gt;&lt;li&gt;What encoding does the browser select&lt;/li&gt;&lt;li&gt;Where are the problematic characters? In content or in User Interface labels?&lt;/li&gt;&lt;li&gt;What do you see in the charset value of the page source?&lt;/li&gt;&lt;li&gt;What is set in the language file define for '_ISO'?&lt;/li&gt;&lt;/ul&gt;&lt;/blockquote&gt;&lt;p class="citation"&gt;&lt;cite cite="chrome://flock/content/shelf/notesSidebar.xul"&gt;&lt;/cite&gt;&lt;/p&gt;&lt;br /&gt;   &lt;p style="text-align: right; font-size: 8px"&gt;Blogged with &lt;a href="http://www.flock.com/blogged-with-flock" title="Flock" target="_new"&gt;Flock&lt;/a&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2153805733220898752-5399334823105741279?l=turqquay.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://turqquay.blogspot.com/feeds/5399334823105741279/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2153805733220898752&amp;postID=5399334823105741279' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2153805733220898752/posts/default/5399334823105741279'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2153805733220898752/posts/default/5399334823105741279'/><link rel='alternate' type='text/html' href='http://turqquay.blogspot.com/2007/11/internationalization-tips-for-your.html' title='Internationalization Tips For Your Joomla  Website -Part One-'/><author><name>Dataminer</name><uri>http://www.blogger.com/profile/14848828232168718562</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://bp0.blogger.com/_3NjgispnV7k/R58csDWnQdI/AAAAAAAAAC4/W6GERGb6nS4/S220/Picture+0681+(33).bmp'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2153805733220898752.post-5957116286906928614</id><published>2007-11-19T12:29:00.001-08:00</published><updated>2007-11-19T12:29:26.457-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Traffic'/><category scheme='http://www.blogger.com/atom/ns#' term='Joomla'/><category scheme='http://www.blogger.com/atom/ns#' term='Joomla Modules'/><title type='text'>Google Analytics Tracking Module</title><content type='html'>&lt;blockquote cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt; 			 			&lt;p&gt; 			&lt;span style="font-size: 12pt; color: rgb(176, 218, 17);"&gt;Google Analytics Tracking Module&lt;/span&gt;&lt;br /&gt;			&lt;span style="line-height: 14pt;"&gt; 			Google Analytics Tracking Module is a simple module for Joomla! 1.0.x. and Joomla! 1.5 &lt;strong&gt;(legacy mode)&lt;/strong&gt; used for inserting Google Analytics tracking code to the Joomla site as a module. &lt;br /&gt;			&lt;br /&gt;			This module makes it possible to add the tracking code before the closing body tag in template, which is recommended by Google. Module tracks all pages of Joomla cms including 3rd party components. 			&lt;/span&gt; 			&lt;/p&gt; 			&lt;p&gt; 			&lt;span style="line-height: 14pt;"&gt; 			Module track also Virtuemart transactions. Supported payment methods are at the moment: Paypal, Cash on delivery, credit card and purchase order.&lt;/span&gt; 			&lt;/p&gt; 			&lt;p&gt; 			&lt;span style="line-height: 14pt;"&gt;&lt;span style="font-size: 14px; color: rgb(66, 140, 231);"&gt;Features&lt;/span&gt;&lt;/span&gt; 			&lt;span style="line-height: 14pt;"&gt;			 			&lt;ul&gt;&lt;li&gt;&lt;span style="font-family: arial,helvetica,sans-serif;"&gt;The use of ssl is optional&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-family: arial,helvetica,sans-serif;"&gt;subdomain tracking is optional&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-family: arial,helvetica,sans-serif;"&gt;user tracking with __utmSetVar is optional&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-family: arial,helvetica,sans-serif;"&gt;VirtueMart E-commerce Tracking&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-family: arial,helvetica,sans-serif;"&gt;Setting Joomla! registration as a Google Analytics goal is optional&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/span&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;p class="citation"&gt;&lt;cite cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;/cite&gt;&lt;/p&gt;&lt;a href="http://www.estimetemplates.com/content/view/35/39/lang,en/"&gt;Free Joomla! templates -&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.estimetemplates.com/content/view/35/39/lang,en/"&gt;&amp;nbsp;Estime Templates - Modules for Joomla! CMS&lt;/a&gt;&lt;br /&gt;&lt;blockquote cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;			 					&lt;table class="contentpane" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"&gt; 					&lt;tbody&gt;&lt;tr&gt; 				&lt;td class="contentdescription" colspan="2" valign="top" width="60%"&gt; 				FAQs about Google Analytics Tracking Module  				&lt;/td&gt; 			&lt;/tr&gt; 					&lt;tr&gt; 			&lt;td width="100%"&gt; 					&lt;form action="http://www.estimetemplates.com/content/category/3/15/31/lang,en/" method="post" name="adminForm"&gt; 		&lt;table border="0" cellpadding="0" cellspacing="0" width="100%"&gt; 					&lt;tbody&gt;&lt;tr class="sectiontableentry1"&gt; 										&lt;td&gt; 						&lt;a href="http://www.estimetemplates.com/content/view/32/31/lang,en/"&gt; 						No parameters in the module settings&lt;/a&gt;&lt;br /&gt;After installation I only have one big block for setting parameters and not the options, like UA tracking code ets."  Please check, that you have write permission to your module.&lt;br /&gt;&lt;a href="http://www.estimetemplates.com/content/view/32/31/lang,en/"&gt;						&lt;/a&gt; 												&lt;/td&gt; 								&lt;/tr&gt; 					&lt;tr class="sectiontableentry2"&gt; 										&lt;td&gt; 						&lt;a href="http://www.estimetemplates.com/content/view/26/31/lang,en/"&gt; 						Why this is module and not bot?&lt;/a&gt;&lt;br /&gt;Bots are called within head calls, also bots are usually dependent on Joomla functions. Bots are therefore not downloaded for each page call. You can add module positions inside you templates, wherever you want. This makes it possible to add tracking code to every single page of Joomla, since modules are called from template, and template is downloaded for all the pages, yes, even for 3dp components such as virtuemart, docman, simpleboard etc.&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.estimetemplates.com/content/view/26/31/lang,en/"&gt;						&lt;/a&gt; 												&lt;/td&gt; 								&lt;/tr&gt; 					&lt;tr class="sectiontableentry1"&gt; 										&lt;td&gt; 						&lt;a href="http://www.estimetemplates.com/content/view/25/31/lang,en/"&gt; 						Common problems&lt;/a&gt;&lt;br /&gt;&lt;h3&gt;You don't have position called debug inside your template.&lt;/h3&gt; &lt;p&gt; The recommeded position for tracking module is debug position. This is usually at the end of the template. To check, if you actually have position you are trying to use, go to your admin panel. Select Site&amp;nbsp;» template manager » module positions. If you don't have position called debug, it's ok, just select the position you have, like left or right. &lt;/p&gt;&lt;br /&gt;&lt;a href="http://www.estimetemplates.com/content/view/25/31/lang,en/"&gt;						&lt;/a&gt; 												&lt;/td&gt; 								&lt;/tr&gt; 					&lt;tr class="sectiontableentry2"&gt; 										&lt;td&gt; 						&lt;a href="http://www.estimetemplates.com/content/view/24/31/lang,en/"&gt; 						How to be sure, that the module is installed correctly?&lt;/a&gt;&lt;br /&gt;&lt;ol&gt;&lt;li&gt;After installing and configuring the module, go to your site with your favourite browser.&lt;/li&gt;&lt;li&gt;Choose View » Source (Page source) from your browser.&lt;/li&gt;&lt;li&gt;Check, that you have the following code somewhere inside your html source. If you do, installation was succesful, if you don't, check the common problems list.&lt;/li&gt;&lt;/ol&gt;&lt;br /&gt;&lt;a href="http://www.estimetemplates.com/content/view/24/31/lang,en/"&gt;						&lt;/a&gt; 												&lt;/td&gt; 								&lt;/tr&gt; 					&lt;tr class="sectiontableentry1"&gt; 										&lt;td&gt; 						&lt;a href="http://www.estimetemplates.com/content/view/17/31/lang,en/"&gt; 						I don't have position called debug&lt;/a&gt;&lt;p class="citation"&gt;&lt;cite cite="chrome://browser/content/flock/shelf/notesSidebar.xul"&gt;&lt;/cite&gt;&lt;/p&gt; It's a recommendation to publish the module before closing body tag, it's not a must! You can publish the module where ever you want to as long as you have that module position inside your template. As a Joomla cms administrator, you probably know, that you can list the module positions inside your template in the backend of Joomla by choosing Site &amp;gt; Preview &amp;gt; Inline with positions. Those are the positions your template holds. You shouldn't publish any modules to other places than the ones, you actually have inside template. All templates doesn't have all the default places, such as top, footer, debug, left, right, user3, user1 etc.  &lt;p&gt; You can add as many positions as you like by yourself with the Joomla backend by choosing Site &amp;gt; template manager &amp;gt; module positions. Type your position name in the list. You add the position to template by choosing site &amp;gt; template manager - site templates: select your template and choose edit html. You can add the positions like 'mynewposition' by adding the following code, where you want the module to appear. &lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.estimetemplates.com/content/view/17/31/lang,en/" title="site_positions"&gt;&lt;img alt="site_positions" src="http://www.estimetemplates.com/images/stories/site_positions.gif" border="0" /&gt;&lt;/a&gt; &lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/form&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt; &lt;p style="text-align: right; font-size: 8px"&gt;Blogged with &lt;a href="http://www.flock.com/blogged-with-flock" title="Flock" target="_new"&gt;Flock&lt;/a&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2153805733220898752-5957116286906928614?l=turqquay.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://turqquay.blogspot.com/feeds/5957116286906928614/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2153805733220898752&amp;postID=5957116286906928614' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2153805733220898752/posts/default/5957116286906928614'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2153805733220898752/posts/default/5957116286906928614'/><link rel='alternate' type='text/html' href='http://turqquay.blogspot.com/2007/11/google-analytics-tracking-module.html' title='Google Analytics Tracking Module'/><author><name>Dataminer</name><uri>http://www.blogger.com/profile/14848828232168718562</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://bp0.blogger.com/_3NjgispnV7k/R58csDWnQdI/AAAAAAAAAC4/W6GERGb6nS4/S220/Picture+0681+(33).bmp'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2153805733220898752.post-7214079570473980201</id><published>2007-11-18T08:31:00.001-08:00</published><updated>2007-11-18T08:31:42.263-08:00</updated><title type='text'>character encoding</title><content type='html'>&lt;div xmlns='http://www.w3.org/1999/xhtml'&gt;&lt;h2&gt;Why worry about ?&lt;/h2&gt; &lt;p&gt;The character encoding associated with a Web page determines how the page renders in a Web browser. One important distinction to understanding the concept is the difference between character encoding and a character set.&lt;/p&gt; &lt;p&gt;Dictionary.com defines a character set as a particular mapping between characters and byte strings (i.e., a set of characters required for a certain language). It is the combination of a particular character encoding (which maps between byte strings and integers) and a particular coded character set. A coded character set is a set of characters for which a unique number has been assigned to each character. Character encoding is how these abstract characters are mapped to bytes for manipulation in a computer. To sum it up, character encoding tells the Web browser what set of characters to use when converting the bits to characters. Here are several reasons you should specify character encoding:&lt;/p&gt; &lt;ul&gt;&lt;li&gt;You should worry about character encoding since its declaration became a requirement with the HTML 4.01 specification.&lt;/li&gt;&lt;li&gt;If a character encoding is not specified in a Web page, the browser will guess at what encoding should be used to render Web page content. This guesswork can result in the wrong encoding scheme being used.&lt;/li&gt;&lt;li&gt;Browsers allow users to choose a default character encoding. This choice may not match the setting for a Web page.&lt;/li&gt;&lt;/ul&gt; &lt;p&gt;A Web page’s character encoding is specified in the first line.&lt;/p&gt; &lt;h2 dragover='true'&gt;What is available?&lt;/h2&gt; &lt;p dragover='true'&gt;The character encoding supported in HTML is defined with the &lt;a href='http://www.unicode.org/' target='_blank'&gt;Unicode&lt;/a&gt; character set. Unicode supports every alphabet with the capacity to represent millions of characters, including accented characters. Each character is assigned a two byte code value. This goes against the popular ASCII encoding used in the United States, which uses one byte.&lt;/p&gt; &lt;p dragover='true'&gt;Here is a sampling of available character encodings:&lt;/p&gt; &lt;ul dragover='true'&gt;&lt;li dragover='true'&gt;&lt;strong&gt;ISO 8859-1:&lt;/strong&gt; This is the standard encoding of the Latin alphabet. Also know as Latin1, it includes the Latin-based languages of the world.&lt;/li&gt;&lt;li dragover='true'&gt;&lt;strong dragover='true'&gt;UTF-8 (8-bit UCS/Unicode Transformation Format):&lt;/strong&gt; This character encoding is able to represent any character in the Unicode standard. A key difference is the initial encoding of byte codes and character assignments for UTF-8 is backwards compatible with ASCII.&lt;/li&gt;&lt;li dragover='true'&gt;&lt;strong&gt;UTF-16 (16-bit Unicode Transformation Format):&lt;/strong&gt; This is a variable-length character encoding for Unicode that is capable of encoding every Unicode character.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;US-ASCII:&lt;/strong&gt; This is a subset of UTF-8 that covers the ASCII standard set of characters.&lt;/li&gt;&lt;/ul&gt; &lt;p&gt;A &lt;a href='http://www.iana.org/assignments/character-sets' target='_blank'&gt;full listing of character encoding options is available online&lt;/a&gt;, but UTF-8 is the recommended and most popular encoding scheme used today.&lt;/p&gt; &lt;h2&gt;Choosing a character encoding&lt;/h2&gt; &lt;p&gt;The main issue with character encoding selection is the need to use one that covers all the different languages and requirements of the intended audience. Character encoding is critical when dealing with multilingual applications that may use different languages that utilize different character encoding schemes.&lt;/p&gt; &lt;p&gt;When choosing a character encoding scheme, you must be aware of the characters that you will be using, along with the character encoding supported by the browser and any other applications that may be used to work with the files. The standards UTF-8 (which I stick with for my work) and US-ASCII are widely supported by browsers. You should do your research when working with standards other than these two.&lt;/p&gt; &lt;h2&gt;Using a character encoding&lt;/h2&gt; &lt;p&gt;When accessing a Web application, a Web browser will use the following steps to determine its character encoding:&lt;/p&gt; &lt;ul&gt;&lt;li&gt;The HTTP Content-Type header sent by the server is the default way to define character encoding. This is the preferred method, and it takes precedence over other items in this list. Here is an example of the Content-Type line sent as part of the HTTP header:&lt;/li&gt;&lt;/ul&gt; &lt;pre&gt;Content-Type: text/html; charset=utf-8&lt;/pre&gt; &lt;p&gt;Web developers may specify the Content-Type header for a page via the syntax available to the developer. For example, an ASP.NET developer may use the following line:&lt;/p&gt; &lt;pre&gt;&amp;amp;lt;%Response.charset="utf-8"%&amp;amp;gt;&lt;/pre&gt; &lt;p&gt;A PHP developer may use this line:&lt;/p&gt; &lt;pre&gt;header('Content-type: text/html; charset=utf-8');&lt;/pre&gt; &lt;ul&gt;&lt;li&gt;XHTML docents may use the XML declaration in the first line of the page to specify character encoding. Here is one example:&lt;/li&gt;&lt;/ul&gt; &lt;pre&gt;&amp;amp;lt;?xml version="1.0" encoding="UTF-8"?&amp;amp;gt;&lt;/pre&gt; &lt;ul&gt;&lt;li&gt;You can use the HTML/XHTML meta content-type element. It is placed inside the header portion of the page with the character encoding specified in its charset property.&lt;/li&gt;&lt;/ul&gt; &lt;pre&gt;&amp;amp;lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"&amp;amp;gt;&lt;/pre&gt; &lt;h2&gt;CSS considerations&lt;/h2&gt; &lt;p&gt;You may declare the encoding of external CSS style sheets. This step is not necessary with CSS embedded in a page, as the page’s character encoding takes care of it. You may designate the character encoding for a CSS file by adding a line to the top of the CSS file. The following syntax is used:&lt;/p&gt; &lt;pre&gt;@charset "utf-8";&lt;/pre&gt; &lt;p&gt;In addition, the charset attribute of the link element may be used.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;p class='poweredbyperformancing'&gt;Powered by &lt;a href='http://scribefire.com/'&gt;ScribeFire&lt;/a&gt;.&lt;/p&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2153805733220898752-7214079570473980201?l=turqquay.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://turqquay.blogspot.com/feeds/7214079570473980201/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2153805733220898752&amp;postID=7214079570473980201' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2153805733220898752/posts/default/7214079570473980201'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2153805733220898752/posts/default/7214079570473980201'/><link rel='alternate' type='text/html' href='http://turqquay.blogspot.com/2007/11/character-encoding.html' title='character encoding'/><author><name>Dataminer</name><uri>http://www.blogger.com/profile/14848828232168718562</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://bp0.blogger.com/_3NjgispnV7k/R58csDWnQdI/AAAAAAAAAC4/W6GERGb6nS4/S220/Picture+0681+(33).bmp'/></author><thr:total>0</thr:total></entry></feed>
