Jquery / CSS Tabbed Menu System

Jquery / CSS Tabbed Menu System

Fadahunsi - Facebook

CSS3 Jquery Link Swipe

CSS3 Jquery Link Swipe, using CSS multibrowser dropshadow effect, Jquery Link Swipe animation.

Fadahunsi - Facebook



Site translations



Site in English



Site in Korean | 한국어 사이트



Site in Chinese Traditional | 網站在中國傳統文



Site in Russian | сайт России



Site in Japanese | 日本語のサイト

Multi browser compatible CSS3 horizontal list menu navbar

Multi browser compatible CSS3 Menu, compatible with Firefox, Safari/Chrome, Opera and IE9.

The menu uses an un-ordered list, the list is set to display: inline and set the list-style-type: none.

Example 1


#navlist li
{
display: inline;
list-style-type: none;
}


The background gradient CSS uses webkit-gradient, moz-linear-gradient, filter for IE browsers, just background for non-CSS3 browsers and rounded corners using CSS border-radius and -moz-border-radius.

Example 2



The horizontal list link CSS was then defined and a subtle glow type effect on hover was added to the ul a:hover using the text-shadow CSS

Example 3


#navcontainer ul a:hover{
text-shadow: 0 0 10px #0000;
color:#0000;
}


The finished CSS3 menu is below



Working example

• TWITTER
• FACEBOOK
• BLOGGER

Browser downloads: Apple Safari | Google Chrome | Microsoft Internet Explorer | Mozilla Firefox | Opera Software Opera

Fadahunsi Facebook Page Timeline view

The Fadahunsi Facebook page is now in Timeline view

Fadahunsi on Facebook

Fadahunsi website Jquery and CSS development

The code changes to the site have been added now, to the Jquery/Jscript slider, am still working on the CSS code for text overlay and CSS transparency over images.

Fadahunsi: YouTube Channel DJzubon

I've been updating my youtube channel DJZubon, with my travel video's, in Switzerland and Germany, music video's have been added, new gaming video's, technology and more.

YouTube Channel: DJZubon

Jquery image slider/carousel images

Changes have been made to the website front landing page, the page has now been changed to a Jquery image slider, the following are work on the images to be used on the Jquery slider/carousel and further site page images.