Posts Tagged ‘Background’

CSS3 Fundamentals #2 Background Images

Inserting a background image into your HTML document using CSS.

Background images have a rather storied history when it comes to the World Wide Web. Just like furry wallpaper and wood paneling, there’s no accounting for taste; and almost immediately after the release of Mosaic in 1995 those cursed with just a smidgen of creativity starting cladding their works with a cursed combination of teddy bears and tiled stars. After a while, the web started looking your great aunt’s Thanksgiving sweater, for better or… No. Just worse.\r\n \r\nDespite the historic stigma, background images can (and are) quite often used as an effective component in great web design, and is an essential part of CSS. You can use background images on a page level, or within individual page elements that you have created. The image will assume the total size of your element; or if smaller than the element itself, be tiled starting at the top-left corner.\r\n \r\n#background-image Syntax Formatting


All that’s required to insert a background image is specifying the location of the image. Most common image formats are supported, and as always, it’s a good idea to keep your image locations relational to your HTML document.

We chose Server Intellect for its cloud servers, for our web hosting. They have managed to handle virtually everything for us, from start to finish. And their customer service is stellar.

#background-image Example

Now we’ll create a simple page utilizing a tiled background image with a sample image included in the project source. Create a new HTML5 document, and enter the following CSS definition within the header:

Background image style.

body { background-image:url(”background.gif”);}

Because our image is substantially smaller than our page, it will render in-browser tiled. Keep in mind, not all images will tile in an aesthetically pleasing manner, so make sure your image is so suited. Our example as provided here is applying the style to the entire body of the document, so all other page elements and divisions will inherit this background unless otherwise specified.

Now let’s add a <div> so that we may employ another background image, and see what our page looks like with some content: Read the rest of this entry »

VN:F [1.9.18_1163]
Rating: 0.0/10 (10 votes cast)

Oracle – Guess What I am Thinking?

Now I will show you one real magic. Here I will guess what are you thinking for. No cheat, no tricks, no illusion. OK. Now lets start.

1. First make a wish. Something which you desire, which you really wish. Something which you very strongly want to happen ( or not to happen ).

2. Think of some number. Number have to be in range from 0 to 99.

3. Make a sum from its both digits. Next mаke а subtraction of the sum, from the first number which you think for. Remember the result.
(For example: If you think 59, make: 5+9=14, 59-14=45)

4. Find in the table below the result and remember the symbol corresponding on the right of it.

5. Now. Think very strongly and deeply for this symbol! Think, think, think . . .

6. Now go down and click on blue square . . . Read the rest of this entry »

VN:F [1.9.18_1163]
Rating: 1.0/10 (1 vote cast)