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

ADS?

[personal profile] spunk 2016-02-08 07:41 am (UTC)(link)
i see ads on my profile. this disgusts me. previously i had a layout that hid ads and i'm curious as to whether or not there's a fix for the appearance of these yet!
theplushfrog: (Default)

Re: ADS?

[personal profile] theplushfrog 2016-02-09 09:30 pm (UTC)(link)
I just use an adblocker. If they still show up you can right click and block specific page elements to stop them.
kamex: (final fantasy chocobo)

[personal profile] kamex 2016-02-24 05:58 am (UTC)(link)
I don't know if you're still having this problem or not, but I found the code to get rid of the banner ads that appear at the bottom of some plurks through a bit of googling.

I can't give credit to the original coder as it was in a plurk paste, but here's the code:

#plurk_ads,#plurk_ads img,#sliderAds.in,#sliderAds .adimg,#sliderAds .btnClose,#sliderAds .btnClose:hover,#sliderAds .btnClose .btnImage,#resp_banner_ads,#resp_banner_ads.show,#resp_banner_ads img.openx_img,.timeline #timeline_holder div.banana_plurk,.timeline #timeline_holder div.banana_plurk.impress,.timeline #timeline_holder.banana_show div.banana_plurk,div.adsense,section.adsense,section.adsense h3,div.cbox_ads,#top_bar .content a:nth-child(2){ display : none !important; }
shimmertoday: Was the darkness I acquired | When I began to fall (But all that grew inside me)

HIDE THE KARMA GRAPH

[personal profile] shimmertoday 2016-02-09 10:04 pm (UTC)(link)
You know, that thing when you hover over your karma arrow. This thing. Well, I removed the arrow in my layout, but the popup still haunts me. This popup always annoyed me, and today I figured out how to GET RID OF IT. Problem is? It only works in Chrome. Even though I've tried to get it to work in Firefox, for some god forsaken reason, it won't work anywhere else. But if you use Chrome, and you hate that popup too, here you go:

/*Hide Karma Tip Graph*/
.karma_tooltip, .karma_graph {
width:0px;
height:0px;
filter: alpha(opacity=0) !important;
-moz-opacity: 0 !important;
opacity: 0 !important;
}

Disclaimer: I'm not a coding wizard, I just tried what little I know about plurk code. As I said, it worked in Chrome, but for some reason, refuses to work in FF or any derivatives of it. If anyone figures out a code fix for this that works in both permanently, please, reply here. I'm at a loss. Plurk's code is a MESS to wade through.
resnipstance: neutral, thoughtful (Default)

[personal profile] resnipstance 2016-02-10 06:14 am (UTC)(link)
Ahhhh I was hoping this would work for me since I've also been hunting for a way to do this, and I use chrome, but sadly it did not work :(

WHY PLURK WHY
shimmertoday: (And it lifted me instead)

[personal profile] shimmertoday 2016-02-11 07:38 pm (UTC)(link)
... Oh bugger. I swear it worked yesterday. MAYBE ONE OF OUR CODING WIZARDS CAN FIND A WAY TO MAKE THIS WORK.

I HONESTLY HATE THIS THING.

I'm just not good enough to get it to do it. ;_;

Edit: ... Oh, weird. It's working on MY layout. I don't know why it isn't working on other ones.
Edited 2016-02-11 19:39 (UTC)
moffit: (Default)

[personal profile] moffit 2016-12-25 08:32 am (UTC)(link)
How did you hide the karma arrow?
demideific: (pic#10255691)

ADD TOOLTIP HOVERS TO USERNAMES

[personal profile] demideific 2016-05-13 12:04 am (UTC)(link)
Not quite a fix and horrendously late for Plurk Fuckup 02/2016 but I thought I would share this here in case the current plurk going around gets lost.

Pastebin version for easy access
a[href="/PLURKNAME"]:hover:after{
background: #333;
background-color: #fff;
border-color: #ddd;
border: 1px solid #ddd;
border-radius: 5px;
bottom: 102%;
color: #000000;
left: 0%;
padding: 5px 15px;
position: absolute;
z-index: 98;
width: auto;
content : "NAME (character @ GAME)";
}
NOTE: requires the forwardslash / to remain before the plurk name. Plurk names are case sensitive to the URLs of the users. Content must retain quotation marks " around the text you would like to use.
To make a Stylish script (to work on all areas of plurk, including single-view plurks and other timelines), add the following before continuing to add sections as normal:
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("plurk.com") {

}
Edited 2017-07-12 18:29 (UTC)
magpies: (CAFFEINATE ME CAPTAIN)

plurk coin

[personal profile] magpies 2017-02-23 07:36 pm (UTC)(link)
Hi everyone! Has anyone figured out how to possibly hide the plurk coin symbol that ends up in our dashboard?

It looks a little something like this:



If we can't hide it, I wouldn't be opposed to bringing it to the bottom corner either? Thank you for anyone that looks at this ;;
Edited 2017-02-23 19:37 (UTC)
magpies: (DON'T LOOK AT ME)

[personal profile] magpies 2017-02-26 06:04 am (UTC)(link)
woops i answered my own question with some noodling around!

#plurk-dashboard .dash-segment-profile #dash-profile .profile-icons img {
width: 0px;
height: 0px;
}

/final fantasy victory music
verticity: (Default)

Re: plurk coin

[personal profile] verticity 2017-07-22 06:28 am (UTC)(link)
Hi! I was wondering if you wouldn't mind showing me how you consolidated the profile details to all be under the userpic? I love the sleekness of it.

Thank you!

Page 3 of 3

<< [1] [2] [3] >>