add a background image!!

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • add a background image!!

    this is a short guide which will help u to add a background image to a website (using a css file).

    Code:
    background: url('images/bgpic.gif') top left no-repeat;

    where "images/bgpic.gif" is path from css file to your background picture, "top" is vertical bg position, "left" is horizontal bg position (for vertical: top, middle, bottom; for horizontal: left, center, right; you can also use percents instead of this values: "50% 50%" means "middle center" for example ), "no-repeat" specifies repeat of your image (if you want to clone the same pattern use repeat-x, repeat-y or repeat-xy to clone your image horizontally, vertically or both.

    just add this line to your body style in .css file

    that`s it!!

  • #2
    Thanks for sharing the code. And the explanation for that one. It's now clear for me but I have to understand more.
    Jennifer Rivera
    When you see a good move, look for a better one.

    Comment


    • #3
      Great thanks a lot for sharing this code with us
      Google Pagerank Checker - Free Web Game - Anonymous Web Proxy - Web Proxy UK - Youtube Working Proxy - Facebook Working Proxy

      Comment


      • #4
        Here's the HTML code, for those who don't yet know how to use CSS.

        HTML Code:
        <body background="background.jpg">
        Where background.jpg is the URL to your image.

        However, I do recommend you learn to use CSS. It becomes much more effective in the long run.

        Comment


        • #5
          thanks for sharing...

          hey thanks for sharing the information..,

          a hug to u dude...
          Free Keyword Tool | Free Keyword Research Tool
          Keyword Suggestion Tool | Overture Keyword

          Comment


          • #6
            background attribute doesn't only use to make background whole body of your site but also it can be use for another tags , such as: table, div, span...
            See more details at http://www.w3schools.com/css/css_background.asp

            Comment


            • #7
              Thanx a lot. YOU have explained the code well but if i still feel any problem in doing it then will definitely contact you via PM. such posts are really good and increase knowledge.

              Comment


              • #8
                we can use many other attribute for calling a image in website.

                for example:


                or


                there are many other attribut which can go with it likewise, hspace and vspace.

                using java script with it can make ur webpage to call many images at once or changing according to time.

                hope this would have helped.
                Henry Roddrick

                Comment


                • #9
                  Thanks to share this great information with us.. keep sharing with us...
                  Online Search Engine Marketing | SEM Solutions | Best Email Marketing Services

                  Comment


                  • #10
                    Good post. Thank you very much for sharing this code with us, and nice explanation too.
                    Watch Movies Online For Free

                    Comment


                    • #11
                      Hi Friends...
                      thanks for your nice post.
                      I fully agree with erolelcott.
                      auto insurance quotes | home insurance quotes | whole life insurance

                      Comment


                      • #12
                        thanks for sharing this code.

                        Comment


                        • #13
                          Appreciation for allocation the code. And the explanation for that one. It's at this time plain for me but I have to be aware of more.
                          twitter URL shortener | Self Tanner Reviews | Barbour Jackets

                          Comment


                          • #14
                            It is good to add beautiful pictures on your site.

                            Comment


                            • #15
                              body {
                              background-color: #FFFFFF
                              background-image: url (location of the image);
                              }

                              h1 {
                              color: #FF0000;
                              background-color: #000000;
                              }
                              If the image you want to attach is coming from the internet, you just type the full address of the file.

                              url(“http://www.image.com/image.gif”);
                              lifestyle management |concierge services |luxury concierge

                              Comment

                              Unconfigured Ad Widget

                              Collapse

                              Announcement

                              Collapse
                              1 of 2 < >

                              FreeHostForum Rules and Guidelines

                              Webmaster forum - Web Hosting Forum,Domain Name Forum, Web Design Forum, Travel Forum,World Forum, VPS Forum, Reseller Hosting Forum, Free Hosting Forum

                              Signature

                              Board-wide Policies:

                              Do not post links (ads) in posts or threads in non advertising forums.

                              Forum Rules
                              Posts are to be made in the relevant forum. Users are asked to read the forum descriptions before posting.

                              Members should post in a way that is respectful of other users. Flaming or abusing users in any way will not be tolerated and will lead to a warning or will be banned.

                              Members are asked to respect the copyright of other users, sites, media, etc.

                              Spam is not tolerated here in most circumstances. Users posting spam will be banned. The words and links will be censored.

                              The moderating, support and other teams reserve the right to edit or remove any post at any time. The determination of what is construed as indecent, vulgar, spam, etc. as noted in these points is up to Team Members and not users.

                              Any text links or images contain popups will be removed or changed.

                              Signatures
                              Signatures may contain up to four lines

                              Text in signatures is subject to the same conditions as posts with respect decency, warez, emoticons, etc.

                              Font sizes above 3 are not allowed

                              Links are permitted in signatures. Such links may be made to non-Freehostforum material, commercial ventures, etc. Links are included within the text and image limits above. Links to offensive sites may be subject to removal.

                              You are allowed ONLY ONE picture(banner) upto 120 pixels in width and 60 pixels in height with a maximum 30kB filesize.

                              In combination with a banner/picture you can have ONLY ONE LINE text link.


                              Advertising
                              Webmaster related advertising is allowed in Webmaster Marketplace section only. Free of charge.

                              Shopping related (tangible goods) advertising is allowed in Buy Sell Trade section only. Free of charge.

                              No advertising allowed except paid stickies in other sections.

                              Please make sure that your post is relevant.


                              More to come soon....
                              2 of 2 < >

                              Advertise at FreeHostForum

                              We offer competitive rates and a many kinds of advertising opportunities for both small and large scale campaigns.More and more webmasters find advertising at FreeHostForum.com is a useful way to promote their sites and services. That is why we now have many long-term advertisers.

                              At here, we also want to thank you all for your support.

                              For more details:
                              http://www.freehostforum.com/threads...eHostForum-com

                              More ad spots:
                              http://www.freehostforum.com/forums/...-FreeHostForum
                              See more
                              See less
                              Working...
                              X