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 grayscale
- mootools layout
- cache:2Z7tX5jMQVcJ:blogfreakz com/web-design/excellent-free-admin-template-for-web-applications/ admin template for web applications
- css pretty list
- mootools sponsor
- mootools greyscale
- cache:2Z7tX5jMQVcJ:blogfreakz com/web-design/excellent-free-admin-template-for-web-applications/ free admin template
- css & jquery sponsor list examples
- jquery sponsor list
0
465
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.