Script Perfect

         Random snips of code and bugs

Simple Tool Tips w/ Only CSS

Posted by Tim On September - 17 - 2009

Flashy unobtrusive boxes that give hints and tips to your visitors can be very helpful, informative, and improve your sign ups or sales. You can accomplish this nifty feat without any plugins or API’s weighing down your site. Of course with JQuery UI or Scriptaculous you could add some impressive eye candy and give your tool tips a more professional appeal.

Any time you require a user to click an information link or button you may be taking away from the user experience and even more possibly losing a repeat visitor. Using a tool tip is very easy and will give your visitor all of the information they need to complete a form or application without being diverted to another page or loading a pop up.
Read the rest of this entry »

[del.icio.us] [Digg] [dzone] [Facebook] [Furl] [Google] [LinkedIn] [MySpace] [Newsvine] [Propeller] [Reddit] [Slashdot] [Spurl] [StumbleUpon] [Technorati] [Twitter] [Email] More »
CSS

Rounded Corner DIV With Only CSS (Round Div)

Posted by Tim On September - 3 - 2009

Technically there is not a way to make true rounded corners with DIV’s without some sort of trickery. If you want to create nice rounded div containers for your content you still can without using images. The method is actually rather simple and makes the CSS look like we have round corners by using borders in a different way.

Want to see how this amazing feat was accomplished? Keep Reading

Read the rest of this entry »

[del.icio.us] [Digg] [dzone] [Facebook] [Furl] [Google] [LinkedIn] [MySpace] [Newsvine] [Propeller] [Reddit] [Slashdot] [Spurl] [StumbleUpon] [Technorati] [Twitter] [Email] More »
CSS

Easy LightBox With Scriptaculous and Javascript

Posted by Tim On September - 2 - 2009

Lightbox
I searched far and wide to find a basic lightbox that was not only lightweight but easy to install. It was just one of those nice touches I wanted to add to my site but did not want to spend a lot of time doing so. Needless to say I could not find a simple solution so I spent some time and made my own.

This is broken down into a few small and simple sections, first the CSS which we will use to display our lightbox followed by the HTML and Javascript to activate it. In order for this to work correctly you must have script.aculo.us set up on your site.

A working demo may be seen by clicking here.
Read the rest of this entry »

[del.icio.us] [Digg] [dzone] [Facebook] [Furl] [Google] [LinkedIn] [MySpace] [Newsvine] [Propeller] [Reddit] [Slashdot] [Spurl] [StumbleUpon] [Technorati] [Twitter] [Email] More »
JavaScript

About Me

I am an independent web developer and webmaster of many sites. The main goal of Script Perfect is to provide answers to some of the hard to find questions when it comes to website design and coding.

Twitter

    Tags