Tutorial
- Change the timeline background of your plurk layout


    I know that a lot of you would like to customize your own plurk layouts like changing your timeline picture or changing the color of your dashboard. 


Here we will show you how to add your own picture to your plurk timeline.

First, look for this code in the css layout that you are using:


/* Timeline Holder Background */

#timeline_holder {
  background: #000 url(http://i49.tinypic.com/2dtvja1.jpg);
background-repeat: no-repeat;
border-top: 0px solid transparent !important;
border-bottom: 0px solid transparent !important;
}

  Change the area in blue:         to the url of the picture that you want to use. If you want to repeat your timeline image because it's too small, change the area in red:        from no-repeat to repeat, if not, just leave it alone.


ADVANCED (optional):


   For those of you who like to make your own timeline image, the average size of your timeline image should be at about 1300 pixels (px) wide and 380 pixels (px) high.


If you are confused or have any questions please let us know by email or drop us a comment, hope this was helpful!

28 comments:

  1. @jaa: to make the background transparent, remove #000 url (whatever the url is here) and type transparent there instead

    ReplyDelete
  2. it doesnt work. :(

    ReplyDelete
  3. i wanna make a layout about judy chou for myself but i duno how to do it= =
    can u teach me?

    ReplyDelete
  4. @Anonymous: Unfortunately I can't show you how to code a whole layout personally because I am busy with this site and school and it takes some time to do, but I hope to post more tutorials in the future. For now I suggest you find a layout that best fits the picture you want to use and change the timeline background. You can also try Plurk-Layouts they have a some tutorials that may be useful. Good Luck!

    ReplyDelete
  5. uhmm. well. i would like to change the font family of the layout. i don't know how. can you teach me?

    ReplyDelete
  6. how to chnage the dashboard colour??

    I need it, please..

    ReplyDelete
  7. i want to add pic from my desktop as background. how would i do it

    ReplyDelete
  8. @Anonymous: You will have to upload the wallpaper that you want to use on the internet or get the url of the wallpaper from where you originally downloaded it from

    ReplyDelete
  9. @Rizuky87x, @Marianne: I'm sorry it took so long to answer you but I will post a tutorial on how to change both the font-family and the dashboard background

    ReplyDelete
  10. uhm.. Can i ask a question?
    How can I change the font style and font color of my Dashboard?

    ReplyDelete
  11. Thanks! Now i know whats the size of the picture i will make! :D

    ReplyDelete
  12. ..uhmm...where can i edit the size of the pictures to make it in the desired size???

    ReplyDelete
  13. @HyeJin: you need some kind of photo editor to change the size of a picture

    ReplyDelete
  14. what is the code of color white ?

    ReplyDelete
  15. @Anonymous: Sorry for the late reply, but the color code for white is #ffffff

    ReplyDelete
  16. @Cookie Monster, How Can I Put A Photo Even Without URL?? Because I Don't Have Any URL. :(

    ReplyDelete
  17. @Cookie Monster, How Can I Change The Colors Of The Timeline And The Dashboard?

    ReplyDelete
  18. @Anonymous: 1. You have to have an URL for your picture in order to use it for your background, there are a lot of free photo sharing sites that you can upload your picture to and use get a link for it.

    2. Changing the colors of the timeline and dashboard is a little more complicated, but I will try to make a tutorial on how to do it

    ReplyDelete
  19. can i stretch it?
    i used 1300x380px picture but its small

    ReplyDelete
  20. @Anonymous: What is your screen size?

    ReplyDelete
  21. Ive tried saving my pic at a multitude of sizes starting at 1300x380 but the pic is still too small. My monitor is approx 20x13 or 32" diagonally

    ReplyDelete
    Replies
    1. What is your screen resolution? If you don't know, find out here: link

      Delete
  22. hi, i wanna ask is there a way to set the picture size on the css code field instead of cropping/resizing the picture that you wanna use as the timeline background beforehand?
    thx before

    ReplyDelete
    Replies
    1. In the css code where the url of timeline background image is, just add this piece of code right below it:

      background-size: 50%;

      You can change the percentage larger or smaller to fix it to the size you want, you just have to play around with it.

      Delete