Site logo

Magnetic

This page shows all Theme Styles of the Magnetic theme

  • Home
  • Stacks and Plugins
  • PhotoAlbum 1
  • Blog
  • Theme Info
    • All Theme Styles
    • Styled Text
    • Roundabout Stack
  • Store
  • Contact
  • SiteMap
  • Home
  • Stacks and Plugins
  • PhotoAlbum 1
  • Blog
  • Theme Info
    • All Theme Styles
    • Styled Text
    • Roundabout Stack
  • Store
  • Contact
  • SiteMap
 
Scroll to Bottom
Schermafbeelding 2011-05-13 om 20.26.27
Schermafbeelding 2011-05-15 om 13.14.31
Schermafbeelding 2011-05-13 om 20.27.19
Schermafbeelding 2011-05-13 om 20.28.13
Schermafbeelding 2011-05-13 om 20.29.16
Schermafbeelding 2011-05-13 om 20.29.49
 
Scroll to Top

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam a erat vitae est ullamcorper eleifend vitae eget lacus. Nunc porta, turpis cursus commodo lobortis, ligula risus placerat mauris, id ullamcorper augue urna semper tellus. Mauris leo sapien, fringilla et hendrerit id, viverra ut turpis. Praesent a lorem eget risus bibendum auctor at eu enim. Suspendisse potenti. Cras mollis lacus egestas risus commodo eu egestas mi facilisis.
Below you see all Theme Styles of the MAGNETIC theme.
This is a Stacks page with the Scroll To stack. You can hide bounce-effect.
Click on the link below to scroll to the bottom of this page and read how I added the falling snow image.
The slideshow is made with the image slider plugin Swirl in the ExtraContent 2 container
This is the ExtraContent5 container.
How can you add the falling snow to the Title/Slogan stroke, the submenu and the EC4 container?

Very simple: paste this in the Custom CSS (with RapidWeaver 4 and 5):

#submenubg,#bottom {
background: url(
http://images2.layoutsparks.com/1/66570/let-it-snow-falling.gif) repeat center top;}

#myExtraContent4 {
background: url(
http://images2.layoutsparks.com/1/66570/let-it-snow-falling.gif) repeat center top;
filter: alpha(opacity=20);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
-moz-opacity: 0.20;
opacity: 0.20;}


You can also fill the header with an animated gif image. Paste this in the Custom CSS:

#header {
background: url(
http://images2.layoutsparks.com/1/66570/let-it-snow-falling.gif) repeat center top;}

http://images2.layoutsparks.com/1/66570/let-it-snow-falling.gif is the link to falling snow images. But there are many animated gif's on the internet!

© 2008 Henk Vrieselaar • Contact Me