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:
- cache:2Z7tX5jMQVcJ:blogfreakz com/web-design/excellent-free-admin-template-for-web-applications/ admin template for web applications
- pretty sponsor
- mootools layout
- css & jquery sponsor list examples
- mootools sprites mouse over
- sponsor list with jquery
- cache:2Z7tX5jMQVcJ:blogfreakz com/web-design/excellent-free-admin-template-for-web-applications/ free admin template
- sponsor mootools
- cache:2Z7tX5jMQVcJ:blogfreakz com/web-design/excellent-free-admin-template-for-web-applications/ admin templates
- css sprites
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.
Hi, byron, you can combine this tutorial with cycle plugin, maybe this tutorial will help you