WebsiteBaker Community Forum

General Community => WebsiteBaker Website Showcase => Topic started by: chekka on February 25, 2011, 05:06:35 PM

Title: Fitness
Post by: chekka on February 25, 2011, 05:06:35 PM: http://fitness-4-life.de
Title: Re: Fitness
Post by: crnogorac081 on February 25, 2011, 06:20:51 PM: I like all the sites, and specially at this one when you click on link to display logo :)

good work

cheers,
Ivan
Title: Re: Fitness
Post by: PurpleEdge on February 26, 2011, 02:34:15 AM: This is a very nice design!

I don't know if I like the transition effect between pages - but I would love if you could explain how you did it? :lol:
Title: Re: Fitness
Post by: chekka on February 26, 2011, 09:36:30 AM: Check the source (o:

OK, I tell you. ...

HTML: #main div contains all content

Code: [Select]
<body> <div id="main">
CSS: logo as centered background. invisible #main div

Code: [Select]
body { background: #ecf4f4 url(../images/logo.gif) no-repeat fixed center center; } #main { display:none }
JS: #main div fades in on pageload

Code: [Select]
$('#main').fadeIn(1000);
Title: Re: Fitness
Post by: PurpleEdge on February 26, 2011, 02:32:02 PM: Thank you!

So simple and elegant!
Title: Re: Fitness
Post by: fischstäbchenbrenner on February 26, 2011, 03:52:42 PM: Interesting thing, especially for SEOs:
Some people say, that Google has invented an own browser (chrome) to find out hidden text, by rendering a page with a real browser engine. If so, the pages would be hidden text completely - depending on how javascript is working. Without Javascript the pages are empty.

Seems that Google lists parts of the site. Was there another version before?

(Tippfehler auf personal-training/fit-fuerrsquos-leben.php: "Meine Name ist Eva Maletic")