New Plurk Changes: Images Too Big? Fix it here…
Posted on 11. Jan, 2009 by Olivia Bell in How To.
In the last 24 hours, Plurk has been updating some visual stuff – changing the size of your profile picture, adding new search features and other little bits and pieces…
However today I noticed two changes:-
The First:
The size of your display picture – for some it’s too big, for others, not so much. I personally don’t mind either way, but I know a lot of people find it annoying.
The Second:
The size of your Friends and Fans icons have increased in size hugely. They used to be nice and small – admittedly a bit too small, but now they’re incredibly massive, which I find terribly annoying. So I resized them to be a bit smaller and therefore less annoying.
2nd change: Big Icons:
![]()
2nd change: Small(er) Icons:
![]()
If you don’t know how to alter CSS, please read on – otherwise, skip to the bottom where the two differen codes are.
How to:-
- Login to your Plurk Profile.
- Locate the “Edit” button next to your “My Profile” link on the top left hand side of your Plurk profile.
- Once the Plurk pop-up has appeared, notice the tabs: General – Picture – Customize profile.
- Select “Customize profile” – here you will find the large text area box which (if you’re using a custom made layout) should have text inside.
- Copy the codes I have below, pop them inside the text area and then select “Save and update”
The Friends/Fans Icons Code:-
.friend_holder .user_link{
height:25px!important;width:25px!important; }
.friend_holder img{
width:25px;
height:25px; }
The Profile Picture Code:-
#profile_pic {
width: 70px;
}
#profile_pic:hover {
width: 170px;
}
The only thing about the profile picture code is, there is no big image – when you hover, you won’t see the big picture like we used to. Update: I have now added the hover for the profile image – you may want to amend your codes – see below
Also, I’ve entered the size as 70px – if it’s still too big, or too small, just change the size of it
I wouldn’t suggest going beyond 195
Ps. Many thanks to AZJazzJ for prompting me regarding the profile picture code and also Fronbow for the profile picture hover code
Now What?
You've reached the end of this post. As you've made it this far, We've outlined some more extras below. Related content, bookmarking options, and ways to keep updated easily.





















paulo
02. Nov, 2009
i am trying to make my own plurk background and i’m wondering how big should the picture/background be? my friend told me it’s around 2000×1000 pixels but it seems to be quite big. any chance you can help? thanks!
Olivia Bell
02. Nov, 2009
Hi Paulo,
If you just want it to fit the timeline, it’s roughly 370 (height) x 1300 (width) – good luck!
paulo
03. Nov, 2009
thanks a lot! how about the plurk background itself?
for this part:
body, html {
background: (URL)
}
how big should the picture be?
thanks again!
:]
Olivia Bell
03. Nov, 2009
It really depends. Try something like 1300 x 1000
paulo
04. Nov, 2009
thanks a lot! :]
i just can’t estimate the dimensions and the size you gave me will at least give me some idea of the dimensions
thanks a lot!
:]
Olivia Bell
04. Nov, 2009
Uhm, what? We’ve already told you…
jerald
16. Jun, 2009
olivia i need help.. the DBSK the picture is not aligned to the center.. could you help?
Olivia Bell
16. Jun, 2009
Can you show me an example?
Cybelle
30. May, 2009
my images aren’t aligned to the center
. How should I fix that?
Olivia Bell
30. May, 2009
What images exactly?
Welcome to Plurk Layouts | Plurk Layouts, Plurk Themes, Plurk Designs, Plurk CSS - We Design For You
20. Jan, 2009
[...] New Plurk Changes: Images Too Big? Fix it here… [...]
WT
20. Jan, 2009
Thanks heaps, it was really bugging me!
Olivia Bell
20. Jan, 2009
Glad we could help
Kassy
18. Jan, 2009
Thanks for the code
I appreciate this. I don’t like the massive photos. LOL.
)
Olivia Bell
18. Jan, 2009
Reina Lunarrune
15. Jan, 2009
Hyaa…
Thanks a lot
xD
Syn
12. Jan, 2009
I plurked this link too yesterday. Thanks for the info.
fronbow
12. Jan, 2009
Hi Olivia,
I added you on plurk as well.
To get the hover on the profile pic it’s easy!
[code]
#profile_pic:hover {
width: 170px;
}
[/code]
hope the code tags work here?!
Olivia Bell
12. Jan, 2009
Hi!
You angel! Thank you very much
I’ll edit my post, add it and link to your profile – many thanks
fronbow
12. Jan, 2009
Glad to be of help
Obviously you can change the hover width to anything really, so it can be made to fit in with an existing plurk theme, and not break any layouts!
Shelby Rasmuson
12. Jan, 2009
Thanks Olivia, I added a link on my plurkline so others can find this!
Olivia Bell
12. Jan, 2009
Hi Shelby,
So glad it was helpful – and thank you very much, that’s very kind of you
AJ
11. Jan, 2009
thanks for the code!
btw, i added you on plurk
-AJ
Olivia Bell
12. Jan, 2009
Hi AJ,
Great! Glad we helped and I’ll see you on Plurk
Lemongrass
11. Jan, 2009
The most important thing is that I’m shown as the first of your friends. Quite proper and appropriate.
Olivia Bell
11. Jan, 2009
LOL
Glad you approve!
Kirstie
11. Jan, 2009
I actually prefer the large icons, to be honest.
Olivia Bell
11. Jan, 2009