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!
Thank you! :D
ReplyDeletehow to make it transparent?
ReplyDelete@jaa: to make the background transparent, remove #000 url (whatever the url is here) and type transparent there instead
ReplyDeleteit doesnt work. :(
ReplyDelete@Anonymous: what is the problem?
ReplyDeletei wanna make a layout about judy chou for myself but i duno how to do it= =
ReplyDeletecan u teach me?
@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!
ReplyDeleteuhmm. well. i would like to change the font family of the layout. i don't know how. can you teach me?
ReplyDeletehow to chnage the dashboard colour??
ReplyDeleteI need it, please..
i want to add pic from my desktop as background. how would i do it
ReplyDelete@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@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
ReplyDeletegee, thanks. :D
ReplyDeleteuhm.. Can i ask a question?
ReplyDeleteHow can I change the font style and font color of my Dashboard?
Thanks! Now i know whats the size of the picture i will make! :D
ReplyDelete..uhmm...where can i edit the size of the pictures to make it in the desired size???
ReplyDelete@HyeJin: you need some kind of photo editor to change the size of a picture
ReplyDeletewhat is the code of color white ?
ReplyDelete@Anonymous: Sorry for the late reply, but the color code for white is #ffffff
ReplyDelete@Cookie Monster, How Can I Put A Photo Even Without URL?? Because I Don't Have Any URL. :(
ReplyDelete@Cookie Monster, How Can I Change The Colors Of The Timeline And The Dashboard?
ReplyDelete@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.
ReplyDelete2. 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
can i stretch it?
ReplyDeletei used 1300x380px picture but its small
@Anonymous: What is your screen size?
ReplyDeleteIve 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
ReplyDeleteWhat is your screen resolution? If you don't know, find out here: link
Deletehi, 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?
ReplyDeletethx before
In the css code where the url of timeline background image is, just add this piece of code right below it:
Deletebackground-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.