A great, slick way to display RSS feeds. Nice and smooth sliding effects. Server side support Usage: This script requires that you have access to PHP on your webserver. Creating RSS box and specify url of feed This scripts loads content from an external RSS file into a div on your page. The first you...

This menu build did for Mootools way back even before rev86. First, we’ll start off with the HTML so we know what the DOM looks like before we start trying to manipulate it. All we’re going to be using is a simple unordered list. <ul id="nav"> <li><a href="#">Link</a></li> ...

Nowadays, a lot of websites are using tab based content as a way to save spaces in a webpage. I have seen a lot of wordpress websites using a tabbed interface for its category, posts, comments and random posts content. It’s a good “space-saver” and if used it correctly, it can boost...

A “help panel” will slide in from the left or top when you click on a “help” link. Put this into your section /* START CSS only needed for this demo page */ body{ /* Styling the body element */ font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; margin:0px; padding:0px; height:100%; font-size:0.9em; line-height:130%; background-color:#E2EBED; } a{ color:#D60808; text-decoration:none; } a:hover{ text-decoration:underlin; } #dhtmlgoodies_leftPanel...

After writing tutorial on Move Div – Images Vertically with Mouse Movements, I am writing the same tutorial with Horizontal Movements which also looks really great. There are a lot of cool flash scrolling menus out there, for example this or this one. But I decided to make a similarly looking...

It’s been a while since the original post Sexy sliding JavaScript side bar menu using mootools so I decided it was about time I pulled my finger out and developed a sliding menu using script.aculo.us. Well here goes… Usage of this script is very easy. Documentation: CSS: a{ outline: none; } a:active{ ...