All posts about Css

Full screen centered background image with CSS and jQuery # 2

There are a couple of improvements to do to Full screen centered background image with CSS and jQuery to add some functionality such as window resizing management and make it compatible with Opera. First, you should change the CSS to

Setting triquibackimg‘s position to relative rather than fixed will make it work in Opera […]

Full screen centered background image with CSS and jQuery

Recently a lot of sites feature a full screen background image. Full screen background images can be used to give some sort of liquid effect to fixed layouts, or just to show full screen images in some special occurrences, such as Christmas or the launch of a new service. This is what you’ll get: demo. […]

Playing with Google Font API and WordPress

With new webdesign trends, standard fonts such as Arial, Times and Verdana aren’t enough to give our blog/website the loon&feel we want. That’s why today we’ll discover the magic of Google Font API. The Google Font API lets you include in your pages high-quality web fonts provided by the Google Font Directory. This means you […]

JQuery powered lights off effect

A couple of days ago a fan of my Facebook page asked me for a script to make the effect you see on this page. Obviously simply reverse-engineering the script wouldn’t be enough for me, so I decided to create a lights off effect that make any content in a given div remain highlighted while […]

MagOrMin – an old php based game

This is an ooooooold (let’s call it) game I explained for a web programming class in 2003 or 2004. It was made to explain some basics about Php, sessions, MySql and styles. All in one. That’s how students learn… all in one and with a real world example. It’s just a “guess if next number […]

Create a Lightbox effect only with CSS – no javascript needed

You may call it Lightbox, or Greybox, or Thickbox, but it’s always the same effect. When you are on a page, and click on a photo or trig some event, a Lightbox is an effect that fades the pagein the background to show you new content in the foreground. I mean this effect In the […]

Managing crossbrowser opacity with CSS

Sometimes you may want to change the opacity of some images with CSS. There are different ways to do it, according to the browser you are using. In this example, we’ll see both Explorer and Firefox. Firefox In Firefox, the style is -moz opacity: xx where xx is a number from 0 to 1, where […]

Enhanced country selection with Css and Javascript

How many times you had to choose your country in a form, with a old, simple popup? Time to change the way you choose your country (or anything else) with a bit of Css and Javascript. I am showing the example in a iframe not to mess with WordPress styles. As you can see, when […]

Submit button “inspired” to Macromedia Buttons

I like very much Macromedia buttons, and I wanted to have it one like these in my forms. That’s all… here it is the style is