dancinpenguins: (| lois | :3)
Arden ([personal profile] dancinpenguins) wrote2016-02-04 01:14 am

Plurk Fixes 2016

A compilation of CSS Plurk Fixes
To add any of these fixes:

Go to 'customize profile' on your Plurk
Scroll down to 'Customize your profile even more with CSS'
Paste the fix in the box
Hit save and update!
/* Hint: Placing this slash+asterisk before and asterisk+slash after text in the CSS box allows you to make notes to yourself about what each piece of code does so that you can easily find and tweak later! */

Have a problem you don't see solved here?  If you'd like to make a request, please go to this thread!

Round the corners on individual Plurks
._lc_ .plurk_cnt { border-radius: 9px 9px 9px 9px; -khtml-border-radius: 9px; -webkit-border-radius: 9px; }

*Note:  Add Rounding to drop downs

Make Timeline narrower (Note* : this one is a fixed width)

#timeline_holder {height:500px!important}

Non-Fixed Width Version:

#timeline_holder { height:50vh!important; }

Shrink the size of Plurks upon expanding

.response_box {
Adjust Plurk opacity  (higher for more opaque, lower for more transparent)

.plurk_cnt { opacity: 0.7; }

Remove Plurk Creature on Timeline

#dynamic_logo {

*Note for those using opacity fix

Get rid of Hot Pink on new responses

.new .response_count {
background: #5889a9!important;
border-right:0px solid #006A8F;
border-top: 0px solid #0A84AF;
border-bottom: 0px solid #006A8F;
border-left: 0px solid #0A84AF;

Turn off Post-It Note Glow on new plurks

.plurk_cnt.new1 {background-color: #ffffff;}
.plurk_cnt.new2 {background-color: #ffffff;}
.plurk_cnt.new3 {background-color: #ffffff;}
.plurk_cnt.new4 {background-color: 
.plurk_cnt.new5 {background-color: 
.plurk_cnt.new6 {background-color: 

Round Plurk Images

.p_img {
.p_img img {
border-radius:5px 5px;

Round out Response Count Box

.response_count {border-radius:6px;} -

Change the Font in your "Reply" box for individual Plurks (insert any font you'd like)

textarea#input_small.content {
font-family: "tahoma";


td.td_cnt textarea, textarea#input_small {font-family: tahoma;}


This option

Change the Font in your "New Plurk" box for individual Plurks (insert any font you'd like and change 200% to any lower number to make it smaller)

.input_holder #input_big {
background-color: white;
font-size: 200%;
color: #333 ;
font-family: "tahoma";
overflow-y: auto;
width: 200%;

Remove Gray Lines Between Plurk Replies

._lc_ .plurk_cnt { 
border-right: 0px !important; 
border-bottom: 0px !important;

THANK YOU TO THE PLURK COMMUNITY AT LARGE FOR THESE!  lollobrigida, redlionspride, cupcakepantry, jungler, anruik, exclamationmarks, aviekokyre, warmblankets, noctowlnal, jpegasus in particular for sharing!

Additional links below:

Change the Color of Plurks
Change the Color of Plurks while Maintaining Round Corners
Removing the Creepy Spit-Roast Fish with CSS
Creepy Spit-Roast Fish URL For Ad-Blocking
Make the Profile Pic Big Again 
Line Up the Plurk Count Bubble with Top of Plurk
Change the Colors of the Timeline Arrows & the Plurk Submit Button Color
Dashboard Transparency
Remove Day Divider Bars
Remove Fans/Stats/Badge Boxes
Change the Color of Karma Number
Other Ways to Hide Dash Stuff: Badges/Fans/Stats/Friends/Karma
Plurk Height Fix / Plurk Width Fix
Remove Navigation Arrows on Timeline
Force Usernames to Be One Color
Expand 'All Plurks' Menu Permanently
Make 'All Plurks' Menu Horizontal and On the Right (Like It Used to Be) 
Fancy Plurk Transparency 
Plurk Pop-Up Menu & Updater Code
Change the Color/Opacity of the Dashboard
Change the Color of Links in Plurks
Change the Color of Unread All Plurk/Responded Plurk/etc. Counts in the Hover Menu
Change the Color of the "Liked" Heart/Make Muted Plurks Fade Away Completely/Hide Sync Button
Hide "Mark All As Read"
Make Date/Time Stamps Transparent on Timeline

Offered layouts:
Profile Only Layout
by passengers
Basic Black Layout by wikkidbubbles
By Clegane
By Elystia 
By Effingunicorns
wikkidbubbles: (Default)


[personal profile] wikkidbubbles 2016-02-04 08:53 pm (UTC)(link)
I've made a basic black layout after chopping apart my old css and it can be found here. This is without any background image and seems to be used best with the new black 'theme' from Plurk, though you can always upload w/e background image you want as well.

Help-wise, the only thing I'm really having an issue with is changing the color of links in plurks. They're all that annoying blue, and if anyone has a fix, I'd appreciate it.
mignonne422: (~Pinguinos! No Evil)

[personal profile] mignonne422 2016-02-04 10:55 pm (UTC)(link)

.plurk a.ex_link {
color: #56a6a2 ;
text-decoration: none;

.plurk a.ex_link:hover {
color: #88cebf ;
text-decoration: underline;
wikkidbubbles: (Default)

[personal profile] wikkidbubbles 2016-02-04 10:57 pm (UTC)(link)
You are a peach, thank you. I'll likely tweak the colors to my own liking, but that seems to work just fine. ♥
mignonne422: (Default)

[personal profile] mignonne422 2016-02-04 11:04 pm (UTC)(link)
Yay, I'm glad it worked!

By the by, if you'd like your underline back in the regular view of the link, you can just erase the "text-decoration" line or give it the underline property, like in the hover version.
wikkidbubbles: (Mine is an evil laugh)

[personal profile] wikkidbubbles 2016-02-04 11:08 pm (UTC)(link)
It's good like it is =)

But again, thanks for that. I knew it'd be something easy, but I'm just a little eyestrained from the surprise fix last night and going over it to do this one today. Still, this post has been a godsend. =)
mignonne422: (Default)

[personal profile] mignonne422 2016-02-04 11:23 pm (UTC)(link)
This post is a blessing! It's always nice to see people rally together to help one another.

And I'm happy to help. Thankfully the old code worked for that just fine. I've been pulling bits and pieces from my old layouts and testing with the new code to see what works and what doesn't, as needed.

waeful: (Default)

[personal profile] waeful 2016-02-05 03:38 pm (UTC)(link)
Just wanted to pop in and tack on a solution I rigged together for this problem with unread plurk counts.

.response_count { color: #fff !important; background: none !important; margin-left: 4px !important; }
.new .response_count

background: transparent !important;
border: 0px solid #fff !important;
color: #WTFEVERMAN !important;
border-radius: 6px;
padding: 1px 3px 1px 1px !important;
box-shadow: 2px 1px 3px rgba(0,0,0,0.2);
text-shadow: 0px 0px 3px #aaa;
text-decoration: ; /*blink*/

A body could probably change the shadow by editing the text-shadow, but I liked it as is so I haven't fooled with it.
wikkidbubbles: (Default)

[personal profile] wikkidbubbles 2016-02-05 04:02 pm (UTC)(link)
Maybe I'm missing it, but I don't see the problem?
waeful: (Default)

[personal profile] waeful 2016-02-05 04:05 pm (UTC)(link)
Oh, where unreads would have a solid background and border on the comment count instead of being transparent like the others. Which I suppose isn't a problem if that's what a body wanted, so I should've phrased that better. My bad!

The edits I made take away the border and background and instead change the comment count to a different color.
wikkidbubbles: (Default)

[personal profile] wikkidbubbles 2016-02-05 04:08 pm (UTC)(link)
Oh, yeah. That was actually what I was going for. It's like the way the original ones go pink. This way, you can look at your timeline at a glance and see easily which ones were unread and which ones weren't.
wikkidbubbles: (Fizzgig wail)

FIX RE: NEW UPDATE (wtf plurk)

[personal profile] wikkidbubbles 2016-02-19 06:49 am (UTC)(link)
If anyone's using this and has suddenly found that their time/date is inside their plurk, the fix is pretty easy.

Search for and find this segment of the css:

div.response_time .holder { position: absolute; top: 0; left: -140px; background: none !important; }

Remove it. That seems to be it and it doesn't mess with the rest of the code. Enjoy.
ecclesiophobic: (Default)


[personal profile] ecclesiophobic 2016-05-23 09:13 am (UTC)(link)
Hey, I've been using this layout for a while and recently had to clear my cache. When I did, all my plurks ended up bunched up near the top of the timeline and I can't figure out how to get them back down. Any idea what it could be?
wikkidbubbles: (Default)


[personal profile] wikkidbubbles 2016-05-23 09:20 am (UTC)(link)
Good timing. I just had this issue myself and pieced together a fix for it.

Look for:

div.plurk .link_extend { z-index: 2200; }
padding: 15px !important;
width: 300px !important;
height: 60px !important;

changing the 60 to 500 works, or you can remove it and take your changes with it staying fixed.
ecclesiophobic: (Default)


[personal profile] ecclesiophobic 2016-05-23 09:23 am (UTC)(link)
Oh, you're fantastic. Thank you so much!