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
napple: (Default)


[personal profile] napple 2016-02-05 08:53 pm (UTC)(link)
i don't THINK anyone has shared this yet (please delete this if i'm wrong!) but here it is, the way to get the "all plurks/my plurks" etc. menu to go back to the right side!

#filter_tab li {clear:none;width:auto;margin-left:5px;}
#filter_tab a {height:25px !important; margin:0 !important;}
.timeline_control {margin-left:5px;margin:18px;}
#timeline_control_holder {width:100%;}
#updater {left:5px;margin-bottom:60px;}

thank you to [plurk.com profile] flowmotion for discovering it; it was originally found in this plurk! as a warning, since i didn't write the code i honestly have no idea how to troubleshoot it so i can't promise i'll be much help if it doesn't work for you, sorry! :(
lluvia: Kirishima Shouko ‡ Baka To Test To Shoukanjuu ‡ Inoue Kenji (Don't take your eyes off me.)


[personal profile] lluvia 2016-02-05 10:01 pm (UTC)(link)
AHHH thanks so much for sharing this here, this is what I needed most of all ;;;;; ♥
resnipstance: neutral, thoughtful (Default)

[personal profile] resnipstance 2016-02-05 11:46 pm (UTC)(link)
OH MY GOD THANK FUCK this is exactly what i was looking for
mewberries151: (Magicaaaalll)

[personal profile] mewberries151 2016-02-06 01:02 am (UTC)(link)
This is fantastic! It's still skewed to the left instead of the right for me but it's infinitely better than nothing.

Thank you so much for finding this!
mewberries151: (Walls Have Pink Ears)

[personal profile] mewberries151 2016-02-06 02:02 am (UTC)(link)
I did! And sure enough removing that put the menu where it's supposed to be. THANK YOU SO MUCH.
napple: (free!; makoto)

[personal profile] napple 2016-02-06 02:31 am (UTC)(link)
i completely understand the sentiment! i'm so happy someone managed to fix this!

thank you so much to you, too, for putting this post together -- it's been really handy to have all of this information in one place. <3
resnipstance: neutral, thoughtful (Default)


[personal profile] resnipstance 2016-02-06 03:41 am (UTC)(link)
I noticed that putting this code in pushed my dashboard down by about 20 pixels or so, so if you would like to reverse that, put in:

#dashboard_holder { padding:0px!important; }

Before and after example pics!
napple: (Default)


[personal profile] napple 2016-02-06 03:44 am (UTC)(link)
oh wow, i didn't even notice this until you pointed it out?? but that does help to make everything a lot more compact. thank you!
resnipstance: smiling, talkative, relaxed (138)

[personal profile] resnipstance 2016-02-06 03:49 am (UTC)(link)
i'm finicky and a former art student

i notice when things are off by one pixel

it's a hard life :(
yourotherleft: (cheery laugh)


[personal profile] yourotherleft 2016-02-06 04:26 am (UTC)(link)
I love you and flowmotion. THANK YOU.
cinnamon_anemone: (Default)

[personal profile] cinnamon_anemone 2016-02-06 05:14 am (UTC)(link)
the only issue I'm getting is that my new plurks/maar/view all plurks are still appearing above the timestamps rather than below like the rest of the menu, like so:

Is there any way to bump them down to match the rest?
Edited 2016-02-06 05:15 (UTC)
napple: (Default)

[personal profile] napple 2016-02-06 05:20 am (UTC)(link)
actually, yes! all you have to do is get rid of the margin-bottom:60px in the last line

#updater {left:5px;}
napple: (Default)

[personal profile] napple 2016-02-06 05:26 am (UTC)(link)
no problem!! i think the updater was actually always above the timestamps, even before the update? but i can totally understand why you'd want them to be all neatly aligned, so i'm glad to help! :)

(no subject)

[personal profile] dragonaught - 2016-02-06 08:28 (UTC) - Expand

(no subject)

[personal profile] napple - 2016-02-06 08:39 (UTC) - Expand

(no subject)

[personal profile] dragonaught - 2016-02-06 08:47 (UTC) - Expand

(no subject)

[personal profile] napple - 2016-02-06 08:50 (UTC) - Expand
driftsintobuffetline: (crush hazard)


[personal profile] driftsintobuffetline 2016-02-06 05:24 am (UTC)(link)
cinnamon_anemone: (Default)

[personal profile] cinnamon_anemone 2016-02-06 05:32 am (UTC)(link)
Whoops, sorry, getting another odd problem - this seems to have put an extra set of "likes" and "replurks" counts into my plurks.

I actually like the little icons rather than the text versions - can I zap those text buttons?
Edited 2016-02-06 05:33 (UTC)
napple: (dr; kiricutie)

[personal profile] napple 2016-02-06 05:40 am (UTC)(link)
oh wow, i... honestly have no idea why the filter/updater code would have messed with the likes/replurks code? i don't even know where to begin to fix those. :( if i come across the solution i'll be sure to let you know, but you may have to ask around as i don't have an immediate answer for you, sorry!
cinnamon_anemone: (Default)

[personal profile] cinnamon_anemone 2016-02-06 05:48 am (UTC)(link)
Uh... nevermind, it looks like they're gone again. ??? ? ? ?? ?

That was totally weird.
strikethrough: (king of the hill (namimori))

[personal profile] strikethrough 2016-02-06 06:59 am (UTC)(link)
Try this:

.favorite_count, .replurk_count {display : none !important;}

It should make those two bubbles disappear completely.
cinnamon_anemone: (Default)

[personal profile] cinnamon_anemone 2016-02-06 08:21 am (UTC)(link)
Yep, that was it! Just figured it out myself, haha
lotsoflaughs: (Smile)

[personal profile] lotsoflaughs 2016-02-07 02:03 am (UTC)(link)
You're an angel for sharing this. (Says the player of the Archangel whose account I'm in.)