Home > ramiro's blog > CSS Design: Website Turned Blue

CSS Design: Website Turned Blue

Today I changed the design of SEO Expert Blog by replacing some colors in the CSS rules, changing the newsfeed icon, adjusting margins, paddings, and borders as well as modifying the body background image to get rid of orange and turn it to blue, which I like more.

The Web 2.0 Color Palette helped me choosing the currently used blue tones, which are Flock Blue 4096EE, Mozilla Blue 3F4C6B, and Digg Blue 356AA0. The new mouseover color for links is Last.fm Crimson D01F3C.

Actually, I am tweaking the design quite often. Recently I installed the nice jTooltips Drupal module by Psicomante which shows tooltips that can be styled via CSS. jTooltips integrates Jörn's Tooltip plugin for jQuery and Dustiniaz Sweettitles. I opted for the jQuery plugin, because I like jQuery and it is used as the JavaScript library in Drupal 5.x.

Tooltips are shown when links have a title attribute and the selector in the JavaScript code added to the pages is applicable to a link. I chose to only add tooltips to links in the main content and sidebar regions.

I think the new design looks good and I'll stick with it for a while. What do you think about the new look?

I hate these styled onmouseover stuff. In my opinion its only a systemresource eater :)
I think those colours, black and blue work good together. And thanks for the web2.0 colopicker. Best regards Kirsten

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <p> <br> <img> <h2> <h3> <h4> <h5>

More information about formatting options

Loading