Tuesday, 8 May 2012

Europavan

Have launched the Europavan site now - http://www.europavan.com/

Facebook page - https://www.facebook.com/europavan

Twitter - @europavan



Website, Facebook page and Twitter page developed by Fadahunsi - Facebook: Fadahunsi

EuropaVan8EuropaVan7 EuropaVan6 EuropaVan5 EuropaVanLogo(Detail)1 EuropaVanBadge

Friday, 27 April 2012

德姬 concept design

德姬 concept design, an online clothes store.

德姬 Navigation:

navigation

Logo design for 德姬:

logodesigns

德姬 Clothes store concept design:

clothesstorehongkong2

Monday, 2 April 2012

Thursday, 8 March 2012

CSS3 Jquery Link Swipe

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

Fadahunsi - Facebook



Site translations

BeautySitesm

Site in English

BeautySitesmKR

Site in Korean | 한국어 사이트

BeautySitesmTW

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

BeautySitesmRU

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

BeautySitesmJP

Site in Japanese | 日本語のサイト

Thursday, 1 March 2012

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

cssnavigationhorizontalmenuzoom

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

cssnavigationhorizontalmenu

Working example






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