28 September 2011

Web Modification Technique 1


This page refers to the website "http://mouldmatic.com"

modification technique #1.  Style Sheet.  
I like to use a transparency code.  It lets you see through things, slightly.  Here's how:
.op9 {filter:alpha(opacity=90); -moz-opacity:.90;opacity:.90; -khtml-opacity:.9; }

This goes in the BODY of the page.  The correct syntax is: 


<style type="text/css">
<!--
body {
background-color: #000000;
background-image: url(Glass/Window23.jpg);
background-attachment:fixed;
}
.op9 {filter:alpha(opacity=90); -moz-opacity:.90;opacity:.90; -khtml-opacity:.9; }


-->
</style>


Note how the background-image leads to a URL.  That's the image that is affixed to the very back of the page.  Nothing can hide out behind the background-image...  Except for the background-color.  This is the color the browser will display the page while the background-image is loading.  

background-attachment means that the image stays fixed to the page.  Regardless of scrolling, the image will remain in position, making all of the controllable text appear to slide in front of it.  

<style type = "text/Css'>:  What does that do?  Please comment. 

No comments:

Post a Comment