Using BlueTrip`s Success, Notice and Error CSS Classes

Among the numerous CSS frameworks available nowadays, BlueTrip is definitely one of the most popular with web designers. It comes with a set of remarkable features that allow programmers to create all sorts of web page layouts in a truly effortless way. Therefore, if you're interested in learning how to put this CSS library to work for you by means of an approachable guide, then you should start reading this article right now.

And now that you've been introduced to the mail goal of this article series, it's time to review the topics that were discussed in the last tutorial. In that part of the series, I explained how to convert H2 and H3 HTML headers into elegant elements by assigning to them the "thin" and "caps" CSS classes provided by default by BlueTrip.

Logically, this process was demonstrated for example purposes, since you're free to apply these classes to all of the text-based elements of a web page, not just a few HTML headers. It's valid to stress, though, that BlueTrip also comes with a handy set of three predefined classes, called "success," "notice" and "error" respectively, for informing users about the occurrence of these specific events in a visual and appealing manner.

In most cases, these classes should be applied to divs, either for displaying errors and warning messages, or when a determined process has completed successfully. But naturally, they can be tied to any other HTML elements available as well.

In summary, in this last part of the series I'm going to take a close look at these CSS classes and at how to use them in concrete cases. Now, let's get rid of the preliminaries and conclude this educational study of the BlueTrip CSS framework. Let's go!