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 {
height:300px;
}
 
Adjust Plurk opacity  (higher for more opaque, lower for more transparent)

.plurk_cnt { opacity: 0.7; }


Remove Plurk Creature on Timeline

#dynamic_logo {
opacity:0;filter:alpha(opacity=0);zoom:1
}

*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: 
#ffffff;}
.plurk_cnt.new5 {background-color: 
#ffffff;}
.plurk_cnt.new6 {background-color: 
#ffffff;}
 


Round Plurk Images

.p_img {
border:0px!important;
}
.p_img img {
border:0px;
border-radius:50%;
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";
}

or:

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

or:

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
krmvgivv: (like a brother to a sister)

[personal profile] krmvgivv 2016-02-04 07:43 am (UTC)(link)
SO FOR THE CREEPY FISH

from [plurk.com profile] altarianite for individual plurks

.loading img {width:0px;height:0px;}
.loading
{
background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/loading/loading1.gif) no-repeat scroll center top !important;
margin-top:30px;height:px;
opacity:1 !important; zoom:1;
}

And for the big fish from [plurk.com profile] thundercalling

#div_loading {filter:alpha(opacity=0); opacity:0.0;}
napple: (dr; kyouko)

FISH URL

[personal profile] napple 2016-02-04 08:24 am (UTC)(link)
([plurk.com profile] altarianite here!)

here's the direct link to the big creepy fish for adblock purposes, since for some reason the code didn't end up working 100% of the time for me?

i'm still seeing a smaller version of the fish when the various settings pages are loading; it's not as big of a deal there, but if anyone can provide the url to that one as well, it'd be much appreciated! :)
screw: ([crow] walking on a rainbow)

[personal profile] screw 2016-02-04 09:11 am (UTC)(link)
This is [plurk.com profile] itsonlyforever aaaand I believe this is the URL for small creepy fish.
napple: (free!; gou!!!)

[personal profile] napple 2016-02-04 09:16 am (UTC)(link)
excellent! thank you so much!
inarticulate: Ginshu from Amatsuki smiling. (Default)

Re: FISH URL

[personal profile] inarticulate 2016-02-04 04:29 pm (UTC)(link)
http://s.plurk.com/37d72576e5db79da64d0bc318c3eef73.gif I found another URL for small creepy fish; it looks the same as the one [personal profile] screw found but at another address. (PLURK. WHY. WHAT. WHY ARE THERE MORE.)
okuri: (Default)

Re: FISH URL

[personal profile] okuri 2016-02-04 08:11 pm (UTC)(link)
I've never used adblock like this before, can you explain how to add this to block the fish?

It's so ugly, augh
Edited 2016-02-04 20:11 (UTC)
faintwaves: ([Awkward] No? You don't have to...)

[personal profile] faintwaves 2016-02-04 11:03 pm (UTC)(link)
>filter preferences
>custom filters
>action: show/hide filters
>add new filter
>put in URL
>press enter
>???
>profit!

That's how mine works anyway
okuri: (Default)

[personal profile] okuri 2016-02-04 11:22 pm (UTC)(link)
Thanks!

it worked for the little profile fish, but not the big one... (it says Im getting hits to block it too, weird)
faintwaves: ([Pout] That's no fair Axel)

[personal profile] faintwaves 2016-02-04 11:24 pm (UTC)(link)
Yeah unfortunately I still see the big fish too even with putting in these codes and adblocking, so /SHRUG idk man
okuri: (Default)

[personal profile] okuri 2016-02-04 11:25 pm (UTC)(link)
It's so ugly I hope someone comes up with a way to bury it for good :{.

why would they force that on us...
mignonne422: (Default)

[personal profile] mignonne422 2016-02-06 11:04 pm (UTC)(link)
Hi there. Try the below code. It's been working pretty well for me so far, at least on my timeline.

/*CREEPY FISH*/
.loading img {width:0px;height:0px;
filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;}

.loading{
background:transparent url() no-repeat scroll center top !important;
margin-top:30px;
height:0px;
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
zoom:1;
}

#div_loading {filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;}
ashfae: (Default)

[personal profile] ashfae 2016-02-04 04:57 pm (UTC)(link)
Bless you, bless you for telling me how to get rid of the creepy fish.
mignonne422: (Default)

[personal profile] mignonne422 2016-02-04 08:05 pm (UTC)(link)
BLESS YOU!

I hope you don't mind that I tweaked this just a little. In addition to adblocking all the URLs, I slightly modified the above code by leaving the URL blank and changing opacity to 0 and it seems to have made the creepy fish and broken image icon go away altogether!

.loading{
background:transparent url() no-repeat scroll center top !important;
margin-top:30px;
height:0px;
opacity:0 !important; zoom:1;
}
actuallyclintbarton: (Default)

[personal profile] actuallyclintbarton 2016-02-06 08:26 pm (UTC)(link)
I'm still getting the broken image icon, but I don't even caaaaaaaare, that fish was so creepy.
mignonne422: (Default)

[personal profile] mignonne422 2016-02-06 11:07 pm (UTC)(link)
Oh no! Try this, maybe. It's gotten completely rid of all signs of that creepy fish so far. (Make sure to erase all the previous code for the creepy fish, so they don't muck each other up.)

/*CREEPY FISH*/
.loading img {width:0px;height:0px;
filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;}

.loading{
background:transparent url() no-repeat scroll center top !important;
margin-top:30px;
height:0px;
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
zoom:1;
}

#div_loading {filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;}
actuallyclintbarton: (Default)

[personal profile] actuallyclintbarton 2016-02-06 11:18 pm (UTC)(link)
This worked wonders, thank you!