Learning the CSS CODE for body background

Contributed by CaDeAtH on August 13th, 2008 Categories: Html/Style Sheet Codes
1 Star2 Stars (No Ratings Yet)
Loading ... Loading ...

body {
background-image: url(’url’);
background-position: top center;
background-repeat: repeat;
background-color: #;
background-attachment: scroll;
}

body - this is the OBJECT of the CSS

{ } - the start and end of the code

background-image: url(’url’); - this is the code for background IMAGES. URL means the location of your file

background-position - Sets the starting position of a background image

attributes: top left, top center, top right, center left, center center, center right, bottom left, bottom center, bottom right, x% y%, xpos ypos

background-repeat - Sets if/how a background image will be repeated

attributes: repeat, repeat-x, repeat-y, no-repeat

background-attachment - Sets whether a background image is fixed or scrolls with the rest of the page

attributes: scroll, fixed





Credits to Friendstertalk.com for the CSS and JS codes.

50 Responses to “Learning the CSS CODE for body background”

  1. argel

    August 13th, 2008 at 10:26 pm

    panu b maglay nyan??

  2. zap

    August 14th, 2008 at 5:31 am

    pturo sang mkakakuha ng astig at kakaibang layout sa fs

  3. CaDeAtH

    August 15th, 2008 at 9:44 am

    people, understanding the codes po yan.
    para maintindihan nyo paano gumamit ng CSS codes

  4. glaiza

    August 15th, 2008 at 8:48 pm

    hello! alam ko na kung paano yepee! basta kayong lahat i add ako sa fs glaiza_mika@yahoo.com . . .?

  5. joan_22

    August 15th, 2008 at 10:17 pm

    ..panu poe ba mang gawa ng layout na ang nkalagay ay pic q??
    ..paturo aman poe oh qng cnu meh alm..

  6. joan_22

    August 15th, 2008 at 10:18 pm

    ..glaiza pwede ba mg pturo??
    ..qng pnu mang gwa ng layput n
    ..ang nklagay ay pic.q???

  7. joan_22

    August 15th, 2008 at 10:25 pm

    ..ay wlng nreply

  8. CaDeAtH

    August 16th, 2008 at 2:22 am

    dun po sa CBoX joan

  9. joanna

    August 16th, 2008 at 11:08 am

    ???__??? add me jvillarin16@yahoo.com

  10. floyd

    August 16th, 2008 at 7:26 pm

    hello po!!!!
    pano po gumawa ng layout txtbak….

  11. CaDeAtH

    August 16th, 2008 at 7:37 pm

    please po, mtutupont mgtanong sa CBOX
    select one of the two generators above inside the navigation

  12. stephen

    August 16th, 2008 at 9:09 pm

    panu po makakuha ng lay-outs nyo

  13. r0ckistah

    August 17th, 2008 at 11:30 am

    uhmmm pno po b mkha ung css code?

  14. Benz

    August 17th, 2008 at 10:46 pm

    Have seen this tutorial in all forum site and i know who’s the author of this tutorial i hope if you don’t mine you should give him a credit on this and review all tutorial you posted as well thanks…

    best regards,
    Benz

  15. CaDeAtH

    August 18th, 2008 at 10:10 am

    Im afraid that this tutorial is not from forum.
    Some description is from the site http://www.w3schools.com/JS/

    Sorry if I didn’t put the site because I just get some.

    Thank you

  16. msinvisible06

    August 18th, 2008 at 11:33 am

    hindi ko po getz….

  17. jhec00017

    August 18th, 2008 at 4:35 pm

    hi!!!paano po ba gumawa ng layouts

  18. abhy

    August 20th, 2008 at 11:55 pm

    helo..pnu po ba gumawa ng layouts,,,,i wnt 2 belong as designer in friendsterlayoutsonline.com…tnx.asap

  19. benita diestriza dagatan

    August 21st, 2008 at 6:32 am

    hi, can you help me how to put my picture in my profile layout?

  20. Angel

    August 21st, 2008 at 10:02 am

    hi benita.. click THIS

  21. JOann^_^*

    August 21st, 2008 at 10:13 am

    helOw,m22lungan nyo b ako kng pno gumawa ng layouts,na maganda?:

  22. jannine v fajardo

    August 22nd, 2008 at 4:52 pm

    panu poe ba mang gawa ng layout na ang nkalagay ay pic q??
    ..paturo aman poe oh qng cnu meh alm..

  23. caren

    August 22nd, 2008 at 7:02 pm

    elow pow salahat

  24. LeaH

    August 22nd, 2008 at 9:04 pm

    hoW tO do a cross over?asap.tnx.

  25. einjelz

    August 23rd, 2008 at 11:46 am

    aw..search keu hir..mei mga generators sila

  26. alyssa

    August 24th, 2008 at 12:52 pm

    hey..
    add me up!
    alyssa dacuycuy
    search nyo lng !
    thanks :)

  27. jhen^^

    August 25th, 2008 at 12:26 pm

    guys go to pimpmyprofile if u want ur own pix on ur FS layout(background)^^
    and if u want a banner on the top of ur page wid ur
    own pix,just go to mybannermaker.com
    madali lng po lhat yan.
    if u dont get it,i can teach u how^^

  28. ..rAiNie..

    August 25th, 2008 at 5:41 pm

    ..Ei .. i cAn’t uNdErsTAnd .. cAn yOu tEacH me .. hOw tO pUt mHaii piCtuRe iN mHaii pRoFile ..

  29. jayeloisa

    August 27th, 2008 at 9:18 pm

    ha???…
    i’m confused!!!!
    palo ba tlga dpat???

  30. CaDeAtH

    August 28th, 2008 at 8:45 am

    GUYS THIS IS NOT A COPY PASTE CODES!
    AS YOU CAN SEE, THE TITLE IS “LEARNING”.
    IT EXPLAINS THE PART OF THE CSS CODES…

  31. keen lyka

    August 28th, 2008 at 6:02 pm

    uy…… bigyaN nyo nga ko dan……… turuan nyo ko..

  32. jayeloisa

    August 29th, 2008 at 8:21 pm

    pLz aDD me…

    jayeloisa06@yahoo.com

    tnx in advNce…

  33. edna

    September 1st, 2008 at 7:23 pm

    pano gawin background pcture or any

  34. dhEo

    September 4th, 2008 at 9:26 pm

    pde po ba pagawa ng profile…ung pang lalake… pero simple lng… tnx….

  35. bhel

    September 5th, 2008 at 2:51 pm

    panu ilagay ung allert msg.

  36. lai

    September 14th, 2008 at 10:39 am

    pAnu mG gEneRate zA crOssoVer??..huhuu

  37. cherry

    September 26th, 2008 at 1:41 pm

    Hi! Can u pls help me make my own fs bg? I want to use my own pic. Hope you could teach me how to… Thanks… God Bless… More power.

  38. CaDeAtH

    October 7th, 2008 at 7:17 am

    IF YOU’RE LOOKING FOR THE ARTICLE THAT USE YOUR PHOTO TO BE YOUR BACKGROUND PLEASE BE RESOURCEFUL AND SEARCH THIS SITE
    http://www.friendstertutorials.com/tricks-and-tweaks/custom-background-image.html

  39. erika

    October 7th, 2008 at 2:30 pm

    hi po..panu gmawa ng overlays?

  40. zhaii

    October 8th, 2008 at 5:31 pm

    uhmm..pde pOh b mg ask kng san mka gwa ng sarili pOng cOntact table? xa fS pOh?..

    =]

  41. CaDeAtH

    October 9th, 2008 at 7:19 am

    @erika
    Mag aral k ng HTML, tpos gwa ka webpage. after mo gawa give me your webpage url, i will teach you how.
    @zhaii
    contact table? dq po alam ibig mong sabihin

  42. maryann

    October 9th, 2008 at 4:53 pm

    paano po ba sumali dyan para makagawa ng backgrounds

  43. CaDeAtH

    October 10th, 2008 at 9:05 am

    sumali? gumawa po muna kau :) tpos upload nyo po sa mga webhost, imagehosting sites :)

    http://www.photobucket.com

  44. inna patrizia

    October 11th, 2008 at 1:46 pm

    gudpm guys.. want to ask if someone knows how to make a moving background that contains your picture?.. if you dont mind i want to know also how to make a moving primary picture?.. because i have seen it in others profile.. but i couldn’t remember whos the owner of that profile.. need some response.. thanks to those who will give importance to my questions.. sayonara.. arigato ghozaimasu.. :]

  45. CaDeAtH

    October 12th, 2008 at 9:03 am

    Hi, click my name and I have a moving background :)
    well first create ur own( using applications like adobe or any website, dq alam san)
    and learn how css codes works

  46. -aiRa eChizEn-

    October 16th, 2008 at 9:25 pm

    hi!!!paturo nmn po sa mgandang BG!!!i want prince of tennis BG eeh!!!!ung gawa na PoT ryoma BG!!hehe!!thnx!!

  47. CaDeAtH

    October 18th, 2008 at 2:48 am

    paturo? maganda?
    be creative

  48. ?_rEnzia_?

    October 20th, 2008 at 2:18 am

    hi po… uHm.. mAy cODes nA pO bA sA fS uNg nDi mAbUBuksAn fS mo kNg di cLA na iE???

    hehehe…??

    pA’aDd pO.. hapz_renzia042@yahoo.com

    tAnx..

  49. ?_rEnzia_?

    October 20th, 2008 at 2:19 am

    hi po

  50. CaDeAtH

    October 21st, 2008 at 7:40 am

    ?_rEnzia_?

    meron renzia :)
    Javascript ang gamit :)

    kahit ang pagpasabog nag computer hndi imposible sa mga programmer :)

    Peace yoh :)

Leave a Reply


Upload Your Images

Image Hosting at Photobucket