January 15, 2010

How to change the timeline background of your plurk layout

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!



24 comments:

Blueishy said...

Thank you! :D

jaa said...

how to make it transparent?

Cookie Monster said...

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

Anonymous said...

it doesnt work. :(

Cookie Monster said...

@Anonymous: what is the problem?

Anonymous said...

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

Cookie Monster said...

@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!

Marianne Lee said...

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

Rizuky87x said...

how to chnage the dashboard colour??

I need it, please..

Anonymous said...

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

Cookie Monster said...

@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

Cookie Monster said...

@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

Marianne Lee said...

gee, thanks. :D

Anonymous said...

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

Anonymous said...

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

HyeJin said...

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

Cookie Monster said...

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

Anonymous said...

what is the code of color white ?

Cookie Monster said...

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

Anonymous said...

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

Anonymous said...

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

Cookie Monster said...

@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

Anonymous said...

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

Cookie Monster said...

@Anonymous: What is your screen size?

Post a Comment




Like LayoutFREAK? Then show your support!!

Followers

Drop Us A Comment

FeedBurner