Pretty Sponsor list with CSS Sprites and Mootools 1.2
web-kreation, teach us how to create pretty sponsor list with CSS sprite and Mootools 1.2. For this tutorial, we are going to create a color version and a grayscale version and merge them into one file.
In the initial state, we only want to see the grayscale version. In order to do that, we set the background-position property to “0 0? in our CSS. On mouseover, we change background-position to “0 -20px†to reveal the color version.
View Demo: http://web-kreation.com/demos/sponsor_list_with_mootools_1.2/
View Tutorial: http://web-kreation.com/index.php/tutorials/sponsor-list-with-css-sprites-and-mootools-1-2/
Incoming search terms for the article:
- pretty sponsor
- mootools layout
- mootools grayscale
- cache:2Z7tX5jMQVcJ:blogfreakz com/web-design/excellent-free-admin-template-for-web-applications/ admin template for web applications
- mootools sponsor
- css pretty list
- cache:2Z7tX5jMQVcJ:blogfreakz com/web-design/excellent-free-admin-template-for-web-applications/ free admin template
- mootools greyscale
- sponsor css jquery
- moo tools sponsor
0
1397
390
2 Comments
beyron xertone
11.23.2009
helo. i am new to motools as trying to implement it into my new project website.. i got only easi question.. how to make this banner views just logos and rotathing them in the cycle. with the color version ans motionstop on mouseover.. your answer will be appreciated. this can show me the mootols basics.
mupet
11.23.2009
Hi, byron, you can combine this tutorial with cycle plugin, maybe this tutorial will help you
There are no trackbacks to display at this time.