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

Sunday, 26 February 2012

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 - English Jquery Slider3

1205206_64700223

Fadahunsi - English Jquery Slider2

Fadahunsi - English Jquery Slider

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









Sunday, 19 February 2012

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.

fadahunsi-banner

fadahunsi-banner4

fadahunsi-banner5

fadahunsi-banner6

fadahunsi-banner22

fadahunsi-banner23

fadahunsi-banner2

fadahunsi-banner3

Monday, 13 February 2012

Fadahunsi website development

Working further on the fadahunsi website development, more site images are being developed, while working on the CSS page layouts for the other site pages

1205206_64700205

Thursday, 9 February 2012

Test page for Fadahunsi website

Further work on the Fadahunsi website, the test page now has background colour and CSS positioning and layout have been applied to all page elements and CSS conversion of the header navigation graphics, from a fireworks graphic to CSS controlled img.class

Fadahunsi-TestSitePic

Sunday, 5 February 2012

Test designs for Fadahunsi website

Been working on some test designs for the Fadahunsi website, gone through a few design concepts, and a few working examples in code, this is the latest design, just in HTML and CSS layout with flash video for the moment, getting the site design ready, then working on the site functionality, but made a few language translations so far.

test1

English

test-(german)

German

test-(japanese)

Japanese

test-(korean)

Korean

test-(russian)

Russian

EuropaVan Concept

Been working on the designs for EuropaVan, the design concept, name and logo.

These are the final design concepts made in Adobe Fireworks.

#1EuropaVan

#2EuropaVan

#3EuropaVan