• Make a full website background  Idea

    saleri

     Currently the technique of designing websites is very diverse, one that favored the designers that create an image into a full background of the page. Full background image will create an elegant effect on the website, must be supported by the selection of a good picture, type and color of the font used is also crucial.

    How do I make the background a full web page, it is not too difficult, at this writing Wakaka design will provide a useful pieces of code to create an image into a full background.

    We will use the css function called Background-size.

    The core of the full background to create a website is using a piece of code like this, it could be applied in the html tag, or body.

    html { background: url (img / bromo.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } Start by selecting the image

    Okay let's start by selecting the appropriate image, in this paper we use the image of Daniele Parisi

    Mount Bromo

    Creating HTML Structure

    In this paper we will use two pieces which we will embed fonts from Google Web Fonts, namely

    By Script and Open Sand

    The design of the structure that we will create consists of header, to put the title of the website. content, to write the contents of the website. footer, to write the copyright and source.

    The following code is more

     

     

     

    Mount Bromo East Java, Indonesia

     

     

    Mount Bromo (Indonesian: Gunung Bromo), is an active volcano and part of the Tengger massif, in East Java, Indonesia. At 2,329 meters (7.641 ft) it is not the highest peak of the massif, but is the most well known. The massif area is one of the most visited tourist Attractions in East Java, Indonesia. The volcano belongs to the Bromo Tengger Semeru National Park. The name of Bromo derived from Javanese pronunciation of Brahma, the Hindu creator god.

    Mount Bromo sits in the middle of a vast plain called the "Sea of ​​Sand" (Javanese: Segara Wedi or Indonesian: Sand Sea), a protected nature reserve since 1919. The typical way to visit Mount Bromo is from the nearby Cemoro mountain village of Lawang. From there it is possible to walk to the volcano in about 45 minutes, but It is also possible to take an organized jeep tour, the which includes a stop at the viewpoint on Mount Penanjakan (2,770 m or 9.088 ft) (Indonesian: Gunung Penanjakan) , The best views from Mount Bromo to the Sand Sea below and the surrounding volcanoes are at sunrise. The viewpoint on Mount Penanjakan can also be Reached on foot in about two hours. From inside the caldera, sulfur is collected by workers " target="_blank">http://en.wikipedia.org/wiki/Mount_Bromo"> Read More

     

    Designed by " target="_blank">http://tutorial-webdesign.com"> Wakaka Design | back to tutorial " target="_blank">http://www.flickr.com/photos/daniele_parisi/2825831148/sizes/o/in/photostream/"> Image By Daniele Parisi < / div>

     

    CSS code

    * {Padding: 0; margin: 0} html { background: url (img / bromo.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; font-family: 'Open Sans', sans-serif; font-size: 13px; text-shadow: 1px 0px 2px # 000; } a {color: # 999; text-decoration: none} a: hover {border-bottom: 1px solid # 999} .header { padding: 8% 2%; font-size: 24px; text-shadow: 1px 0px 0px # 333; } h1.brand { font-size: 50px; font-family: 'Oleo Script', Cursive; text-shadow: 2px 0px 3px # f4f4f4; } .header span.red {color: # f20000;} .header span.white {color: # fff;}

    .content {padding: 2%; color: # f4f4f4;} .content p {margin: 10px 0} .footer { padding: 5% 2%; width: 95%; position: absolute; overflow: hidden; color: # f4f4f4; } .footer-left { position: relative; width: 45%; float: left; } .footer-right { text-align: right; position: relative; width: 45%; float: right; } demo | Download

    So this tutorial, please write down if no input or questions.

    you can find more in here dewapoker888.net | kgpoker88.com | bgselalu.com



Reply to saleri’s Idea




Please wait..