CSS

  • A hidden gem - the Modal script shipped with Joomla

    Sometimes you are looking hard elsewhere to find an useful, much needed extensions, just to find out, that the tool is already in your toolbox. This is the case with the modal script shipped with Joomla, which is a great tool (even with the known limitations) to add a basic lightbox function to your site without needing anything else, but a few lines of code.
    Here are few examples of what you can do with!

  • Add styling to the core Web Links component

    The Joomla 2.5.* version of the Web Links Component is missing a class for the descriptions in the list view of a category. This means you can't control the look of the description using css. To fix this you can do a simple template override.

  • Contact images in the contact Category table

    Would be nice to have the contact images in the contact Category table, don't you? Yea, and in fact is a relatively simple trick, since Joomla 1.5 and the template overrides being handy!

  • Customize your page using CSS tricks based on active menu alias

    There are lots of ways to make your page unique in Joomla, and there are interesting ideas on how to make your template even more powerful.

    One of tricks not very often used and widespread is relying in one of the tricks I published regarding to available PHP tricks you can use to enhance your template.

  • Enable GoogleBot to fetch your JavaScript and CSS files

    Google announced recently that they’ve updated their webmaster guidelines to specifically note that blocking your CSS or JavaScript files may have a negative impact on your indexing and search rankings in Google. They are claiming, that for better understanding your site, they need to access these files too (and, probably next time they will want to take a peek in your laundry bag too...)

  • Help! My editor background is coloured!

    Yep, that's something you can experience with any of your new templates, especially the ones with colored/dark background. Why this happening? And more important, how you can fix it?

    The answer to the first question is simple: the 'WYSIWYG' editors used in Joomla are just doing what the name implies: are taking the template's CSS file and rendering the newly entered content to be as close to what will be shown on the site as possible. And if your template's background is colored or an image file is used to fill your background, then that will be used there too. The fix is relatively easy in the case of most current editors. Almost all of them have the possibility to use a special CSS file in the editing pages. Here we will show you the recipe that works for the family of editors based on TinyMCE editor, delivered by default with Joomla (as JCE), but the solution is similar or can be easily adapted for all such advanced editors.

  • How to reuse Joomla 1.0 Templates

    Do you have a huge collection of nice Joomla 1.0 templates, and dunno what to do with them? Let's go green and reuse themWink!

  • How to reuse Joomla 1.5 Templates?

    This seems to be an ever returning question in Joomla world, you might already read the first part of the sequel: How to reuse Joomla 1.0 templates?. So, let's go one step further, and let's see how we can easily reuse those nice Joomla 1.5 templates in the post-Joomla 1.7 world (more specifically under Joomla 2.5). Don't expect a fully covering guide on how to convert Joomla 1.5 template to Joomla 2.5 template, but instead a detailed description on what I usually do - less theory, more practical knowledge.

  • How to turn on the "?tp=1" trick in Joomla 1.7+?

    In a previous tip I enumerated couple of methods on how you can make visible the template positions in Joomla 1.7+.

    But there seems to be at least two different problems for some users.

  • How you can hide the Home menu item?

    Why you should want to do that? Dunno, but it's an evergreen question asked time-to-time from the first day I started to work with Mambo..., so let's take it methodically, to see how one can solve this problem!

  • iPad and Joomla

    The Apple iPad is the buzzword of the day, and probably will stay on the top of many people's wishlist on the top - or near to the top. The iPhone's big brother arrived in early 2010, and Apple has sold a huge number of devices already. The iPad is a success, and as a mobile device for consuming information it's really great.

    So how does this relate to your reality as a Joomla developer? In short: You need to make sure that your Joomla website works on the iPad. And not just that it works. It should be a delight surfing your website on the iPad. On a previous tip I touched already the subject, here are more tips on how you can build an iPad-friendly Joomla site.

  • PHP code snippets to conditionally add things to your template

    The Joomla ItemID-related management of modules is a powerful tool, but sometimes you need to show/hide parts of your site on two special cases not covered by this tool: when you need to show/hide things regardless of the active ItemID - for example on all detail listings page of a given component, or when you need to deal with a component which have poor support of ItemIDs - as VirtueMart, which is notoriously misbehaving in this regard.

  • SobiPro - Entry name assembled from multiple fields

    Recently I had to build a kind of people directory (ouch, this was  too "politically correct" - in fact a backlist of bad customers for a group of antrepreneurs) and the obvious choice was using of SoBi Pro. But the project has couple of special challenges, and I needed to develop couple of tricks to match my client's needs.

  • Style your tooltips

    A tooltips is a piece of text that pops up when you hover the mouse over a region on a website. If you use the Joomla! back end, for example, tooltips are used to help explain the action of different parameters. The tooltips can add functionality and fun to your site, but just inserting them without styling them accordingly can have an unusable or "just" boring result. And you want to avoid both, I guess...

  • TinyMCE editor background color fix

    In an earlier tip (Help! My editor background is colored!) showed the most foolproof way to fix the common problem, when the template CSS settings are causing the WYSIWYG editors to have colored background, making edits hard to perform. Apparently there are couple of situations when the tip does not help - and there are many of you using still the default TinyMCE editor (and not switched already to the best Joomla content editor - JCE).

  • Turbocharge your Joomla site

    Over the years spent in web page building and maintaining (since 1995, when published my very first webpage on a self-hosted SCO Linux box) a lot of information has been collected, settled down and at the end the best and most important tricks helping to make a website became fast and stable in the same time where surfaced. Despite the fact, that I wrote about this subject several times, it's a subject wich never looses his actuality.

  • Using the Page Class Suffix in Template Code

    The Page Class Suffix is a parameter in Joomla! content Menu Items. It is set in the Menu Item: [Edit] screen under the "Parameters (Advanced)" section. This will cause Joomla! to either add a new CSS class or modify the existing CSS class for elements in this specific Menu Item layout.

  • Why my Joomla site is this slow?

    Joomla generally is running at an acceptable speed -  users aren't seeing differences between an average Joomla site and another CMS'es. But what if they do? What can cause the (sometime unbearable) slowness of some Joomla sites?