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

[personal profile] bluerosedreams 2016-02-04 07:42 pm (UTC)(link)
So has anyone figured out how to make Plurk notifs linear instead of a stupid drop-down? :c And put them back on the right?
lotsoflaughs: (But)

[personal profile] lotsoflaughs 2016-02-04 09:10 pm (UTC)(link)
Previous page. forcesensitive They're not along the bottom anymore but it's better than the dropdown.
okuri: (Default)

[personal profile] okuri 2016-02-04 08:15 pm (UTC)(link)
I have a super simple question: How do you change the color/opacity of the dashboard?
hypeodermic: in my scrubs. Wanting a blow job is not a medical emergency. (Default)

[personal profile] hypeodermic 2016-02-04 08:44 pm (UTC)(link)
this is what i'm using!

/*-- Dash --*/
.dash-segment .segment-content {
background: #000;
opacity: 0.7!important;
}

(no subject)

[personal profile] okuri - 2016-02-04 22:54 (UTC) - Expand

(no subject)

[personal profile] hypeodermic - 2016-02-05 00:58 (UTC) - Expand
kaikaldos: (Contemplation)

[personal profile] kaikaldos 2016-02-04 08:46 pm (UTC)(link)
I've seen some posts on how to make all the reply box corners round, but is there any way to make all the rounded corners on my layout angular again? I miss having my tidy little boxes.
mignonne422: (Default)

[personal profile] mignonne422 2016-02-04 08:50 pm (UTC)(link)
Do you currently have any CSS for your layout or are you using one of the stock layouts?

If you have custom CSS just cntrl+F "Border-radius" and delete those lines or set them to 0px. That will make everything square again.

If you're using a stock layout, you'll have to find the code elements to the various parts you want to square off again and code for those.

(no subject)

[personal profile] kaikaldos - 2016-02-04 21:14 (UTC) - Expand

(no subject)

[personal profile] mignonne422 - 2016-02-04 21:47 (UTC) - Expand

(no subject)

[personal profile] kaikaldos - 2016-02-05 02:55 (UTC) - Expand
wikkidbubbles: (Default)

BLACK LAYOUT

[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)
Try:

/*LINKS IN PLURKS*/
.plurk a.ex_link {
color: #56a6a2 ;
text-decoration: none;
}

/*LINKS IN PLURKS, HOVER*/
.plurk a.ex_link:hover {
color: #88cebf ;
text-decoration: underline;
}

(no subject)

[personal profile] wikkidbubbles - 2016-02-04 22:57 (UTC) - Expand

(no subject)

[personal profile] mignonne422 - 2016-02-04 23:04 (UTC) - Expand

(no subject)

[personal profile] wikkidbubbles - 2016-02-04 23:08 (UTC) - Expand

(no subject)

[personal profile] mignonne422 - 2016-02-04 23:23 (UTC) - Expand

(no subject)

[personal profile] waeful - 2016-02-05 15:38 (UTC) - Expand

(no subject)

[personal profile] wikkidbubbles - 2016-02-05 16:02 (UTC) - Expand

(no subject)

[personal profile] waeful - 2016-02-05 16:05 (UTC) - Expand

(no subject)

[personal profile] wikkidbubbles - 2016-02-05 16:08 (UTC) - Expand

Re: BLACK LAYOUT

[personal profile] ecclesiophobic - 2016-05-23 09:13 (UTC) - Expand

FIX

[personal profile] wikkidbubbles - 2016-05-23 09:20 (UTC) - Expand

Re: FIX

[personal profile] ecclesiophobic - 2016-05-23 09:23 (UTC) - Expand
skyseers: (Default)

[personal profile] skyseers 2016-02-04 09:02 pm (UTC)(link)
I really like the colors I have picked out from the defaults for my dashboard, but it makes the corners on my profile box sharp.

The pretty colors & sharp corner
Theme settings (+ the Rounded Corners on Everything code from further up this page and a custom background, obv)

If you pick one of the new themes that changes everything, you get nice rounded profile information, but I LIKE how it looks rn (aside from the sharp corner). Does anyone have some CSS I can add to put rounded corners on the old dash themes?
mignonne422: (Default)

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

#plurk-dashboard, #dashboard_holder, .dash-segment, .segment-content {
border-radius:20px;}

If you want the corners more rounded make the number bigger. For less rounding, go smaller.

(no subject)

[personal profile] skyseers - 2016-02-04 22:58 (UTC) - Expand
whatisay: (Basic - Bold New Future)

Plurks not expanding to show whole top-level?

[personal profile] whatisay 2016-02-04 09:36 pm (UTC)(link)
These tips and tricks are fantastic, guys. Thank you so much for getting rid of the creepy fish.

Does anyone know how to allow the top plurk to show all the text of a top-level? Right now I'm having a problem where the border of the plurk is cutting off the bottom halfs of my letters, and even when the plurk is opened only about 2/3rds of the emote appears (the bottom half is truncated).

Also, when I look back at older plurks, a lot of them even expanded cut off inexplicably. Examples:

--> the emote here is supposed to be square, the bottom is cut off

--> this was originally a full sentence, but doesn't display as such.


Edited (sorry for the huge images!) 2016-02-04 21:36 (UTC)
earnedmystripes: (Default)

[personal profile] earnedmystripes 2016-02-04 09:36 pm (UTC)(link)
i've mostly fixed my layout to be functional, but i'm having this weird glitch:

aka the line in the reply box of individual plurks stretches out weirdly, and trying to change the width in #input_small only moves the lazarus symbol to the left but doesn't remove the white space

here's my code. if anyone can help me i'd really really appreciate it.
Edited 2016-02-04 21:37 (UTC)
girlishpath: (eleven.)

[personal profile] girlishpath 2016-02-04 10:12 pm (UTC)(link)
This post has been super helpful so far, thank you so much to everyone contributing! But I've still got some issues I'd like help with, if anyone's got an answer to them.

My plurk's [plurk.com profile] singing_monk and this is my code - apologies for it being kind of a Frankenstein mess, I have less than zero understanding of code and just keep pasting things to the bottom.

First, if someone could tell me how to make the top bar transparent again I would super appreciate it; the update seems to have broken the code I was using before to do so. Also, when I get a new update/reply the notifs in the bottom left are covered in big white boxes that only disappear when I mouse over them.

AND FINALLY I want to shorten the height of individual plurks, but when I use the first code here it cuts off the top level and refuses to show the rest of it even when I mouse over and expand. Is it something in my layout causing that or what? And more importantly, how do I fix it the size is driving me almost as insane as that top bar.

Again, thank you so much! I really really appreciate it.
9squirrels: (Default)

QUESTION

[personal profile] 9squirrels 2016-02-04 10:45 pm (UTC)(link)
I've used the fix to get rid of the bright red on new responses, and change it to a color that better matches my layout, but when I'm in "view new responses" mode, there's still bright red down where it says "all plurks (#)"

Any ideas how to change the color on that? I'm a css beginner
mignonne422: (Default)

[personal profile] mignonne422 2016-02-04 11:00 pm (UTC)(link)
The code you're looking for, my friend, is the following:

.unread #alert_beacon, .unread_generic {
background: #A0E7EC!important;
color: #fff !important;
}

(no subject)

[personal profile] 9squirrels - 2016-02-04 23:12 (UTC) - Expand

(no subject)

[personal profile] mignonne422 - 2016-02-04 23:23 (UTC) - Expand

(no subject)

[personal profile] resnipstance - 2016-02-05 00:48 (UTC) - Expand
okuri: (Default)

[personal profile] okuri 2016-02-04 11:06 pm (UTC)(link)
So I got my plurks to be the color I wanted, but the # next to them indicating responses doesn't change. How would I fix that?

(Ie: 24 responses is white with yellow font, nearly unreadable for me!)
mignonne422: (Default)

[personal profile] mignonne422 2016-02-04 11:14 pm (UTC)(link)
I think this was answered on the previous page, but the bit that codes for those response bubbles is the below

/*VIEWED PLURKS COUNT */
.response_count {
background: #fff! important;
color: #999 !important;
}

/*UNREAD PLURKS COUNT*/
.new .response_count {
background: #A0E7EC !important;
color: #fff !important;
}

(no subject)

[personal profile] okuri - 2016-02-04 23:15 (UTC) - Expand

(no subject)

[personal profile] okuri - 2016-02-04 23:20 (UTC) - Expand

(no subject)

[personal profile] mignonne422 - 2016-02-04 23:27 (UTC) - Expand

(no subject)

[personal profile] okuri - 2016-02-04 23:34 (UTC) - Expand

(no subject)

[personal profile] mignonne422 - 2016-02-05 00:08 (UTC) - Expand
mignonne422: (~Love Me? Monster)

Top Bar

[personal profile] mignonne422 2016-02-04 11:11 pm (UTC)(link)
Anybody managed to figure out how to edit the bar up top where the title is? All of my attempts to change the background color to white on this bar across the top have failed.

So far I've tried coding for:

.bar_color
#top_bar
#top_bar #bar-color

but no luck yet. Any insight would be amazing!
forcesensitive: (Default)

Re: Top Bar

[personal profile] forcesensitive 2016-02-04 11:13 pm (UTC)(link)
Mine just reset when I refreshed, it's no longer orange. I think they pushed another update because my text color on "All Plurks" changed too.

(no subject)

[personal profile] mignonne422 - 2016-02-04 23:16 (UTC) - Expand

(no subject)

[personal profile] forcesensitive - 2016-02-04 23:21 (UTC) - Expand
fearmemore: (I gotta get out)

[personal profile] fearmemore 2016-02-04 11:25 pm (UTC)(link)
Thank you, thank you, thank you! This has made the new plurk change soooo much more tolerable! You're awesome!
curaga: (pic#9404383)

timestamp and menu options?

[personal profile] curaga 2016-02-05 12:18 am (UTC)(link)
I'm wondering if anyone has isolated the code to make the background on date/time stamps at the bottom of the timeline transparent? Or at least to change the colour (background and font?)...

Same goes for the All Plurks, My Plurks, Responded menus -- is there a way to make the background on those options transparent or change their colour as well?

ALSO I JUST WANT TO SAY THANK YOU SO MUCH TO EVERYONE HERE all these tidbits and tips have helped immensely ;w;
Edited 2016-02-05 00:18 (UTC)

Re: timestamp

[personal profile] passengers - 2016-02-05 02:13 (UTC) - Expand

(no subject)

[personal profile] curaga - 2016-02-05 03:26 (UTC) - Expand

Re: WISHLIST/REQUESTS

[personal profile] whatisay - 2016-02-05 00:21 (UTC) - Expand

dash stats font + size

[personal profile] batcave - 2016-02-05 00:27 (UTC) - Expand

(no subject)

[personal profile] dood - 2016-02-06 11:36 (UTC) - Expand

(no subject)

[personal profile] batcave - 2016-02-06 14:36 (UTC) - Expand

LINKS in plurks

[personal profile] shirtlesspersona - 2016-02-05 00:55 (UTC) - Expand

(no subject)

[personal profile] passengers - 2016-02-05 01:49 (UTC) - Expand

(no subject)

[personal profile] shirtlesspersona - 2016-02-05 02:28 (UTC) - Expand

(no subject)

[personal profile] bagof4grapes - 2016-02-05 01:57 (UTC) - Expand

(no subject)

[personal profile] resnipstance - 2016-02-05 01:59 (UTC) - Expand

(no subject)

[personal profile] bagof4grapes - 2016-02-05 02:09 (UTC) - Expand

(no subject)

[personal profile] bagof4grapes - 2016-02-05 01:54 (UTC) - Expand

response timestamps

[personal profile] resnipstance - 2016-02-05 01:58 (UTC) - Expand

Re: response timestamps

[personal profile] wordbird - 2016-02-05 06:45 (UTC) - Expand

Re: response timestamps

[personal profile] hime - 2016-02-05 20:04 (UTC) - Expand

(no subject)

[personal profile] resnipstance - 2016-02-05 23:50 (UTC) - Expand

(no subject)

[personal profile] hime - 2016-02-06 01:09 (UTC) - Expand

(no subject)

[personal profile] resnipstance - 2016-02-06 01:12 (UTC) - Expand

(no subject)

[personal profile] dood - 2016-02-06 11:43 (UTC) - Expand

(no subject)

[personal profile] pyroelectric - 2016-02-06 13:02 (UTC) - Expand

(no subject)

[personal profile] wordbird - 2016-02-06 02:48 (UTC) - Expand

(no subject)

[personal profile] imahologram - 2016-02-05 02:59 (UTC) - Expand

(no subject)

[personal profile] resnipstance - 2016-02-07 09:42 (UTC) - Expand

Expanding plurk text box

[personal profile] thenormalsquint - 2016-02-05 03:22 (UTC) - Expand

friends adjustments

[personal profile] hedgings - 2016-02-05 03:48 (UTC) - Expand

Re: friends adjustments

[personal profile] shootstars - 2016-02-05 22:58 (UTC) - Expand

Re: friends adjustments

[personal profile] hedgings - 2016-02-08 03:59 (UTC) - Expand

Standardizing the hover menu

[personal profile] theguindo - 2016-02-05 05:11 (UTC) - Expand

(no subject)

[personal profile] infinitechallenge - 2016-02-05 07:51 (UTC) - Expand

(no subject)

[personal profile] knightblazer - 2016-02-06 18:57 (UTC) - Expand

TINY BOXES OF DOOM

[personal profile] 1979s - 2016-02-05 11:08 (UTC) - Expand

(no subject)

[personal profile] mignonne422 - 2016-02-06 00:07 (UTC) - Expand

(no subject)

[personal profile] 1979s - 2016-02-06 13:54 (UTC) - Expand

(no subject)

[personal profile] mignonne422 - 2016-02-06 22:15 (UTC) - Expand

(no subject)

[personal profile] 1979s - 2016-02-06 22:51 (UTC) - Expand

(no subject)

[personal profile] mignonne422 - 2016-02-06 23:09 (UTC) - Expand

Scrolling on open plurks

[personal profile] americanclassic - 2016-02-06 00:45 (UTC) - Expand

Font problem?

[personal profile] mouseguin - 2016-02-06 03:29 (UTC) - Expand

(no subject)

[personal profile] mercurialking - 2016-02-06 19:15 (UTC) - Expand

(no subject)

[personal profile] mouseguin - 2016-02-06 20:08 (UTC) - Expand

(no subject)

[personal profile] mignonne422 - 2016-02-09 21:20 (UTC) - Expand

change color of title bar

[personal profile] oceanthief - 2016-02-06 04:47 (UTC) - Expand

timeline transparancy

[personal profile] teal - 2016-02-06 04:56 (UTC) - Expand

figured it out

[personal profile] redeeminglight - 2016-02-06 05:28 (UTC) - Expand

(no subject)

[personal profile] strikethrough - 2016-02-06 06:56 (UTC) - Expand

(no subject)

[personal profile] pazu - 2016-02-06 06:59 (UTC) - Expand

(no subject)

[personal profile] strikethrough - 2016-02-06 07:04 (UTC) - Expand

emotes issue - SOLVED

[personal profile] caerulea - 2016-02-06 05:03 (UTC) - Expand

(no subject)

[personal profile] mercurialking - 2016-02-06 19:27 (UTC) - Expand

(no subject)

[personal profile] empanadas - 2016-02-06 20:21 (UTC) - Expand

(no subject)

[personal profile] mercurialking - 2016-02-06 19:39 (UTC) - Expand

(no subject)

[personal profile] shadowtolight - 2016-04-21 02:48 (UTC) - Expand

(no subject)

[personal profile] demonia - 2016-04-21 03:08 (UTC) - Expand

(no subject)

[personal profile] shadowtolight - 2016-04-21 03:14 (UTC) - Expand

(no subject)

[personal profile] demonia - 2016-04-21 03:36 (UTC) - Expand

(no subject)

[personal profile] shadowtolight - 2016-04-21 03:40 (UTC) - Expand

(no subject)

[personal profile] demonia - 2016-04-21 03:47 (UTC) - Expand

(no subject)

[personal profile] shadowtolight - 2016-04-21 03:54 (UTC) - Expand

(no subject)

[personal profile] shadowtolight - 2016-04-21 03:54 (UTC) - Expand

(no subject)

[personal profile] fall - 2016-02-09 06:34 (UTC) - Expand

Re: WISHLIST/REQUESTS

[personal profile] wordbird - 2016-06-18 08:41 (UTC) - Expand
virdeant: (Default)

[personal profile] virdeant 2016-02-05 02:14 am (UTC)(link)
Did anyone else's background just break and keep resetting? I was using the button in plurk to use a custom background-- what's the css for it?
goalriff: (Default)

[personal profile] goalriff 2016-02-05 02:19 am (UTC)(link)
Yup, having this problem now (on Chrome if that matters). Using the "upload background image" as well.

(no subject)

[personal profile] cinnamon_anemone - 2016-02-05 05:04 (UTC) - Expand
passengers: (Default)

PROFILE-ONLY LAYOUT

[personal profile] passengers 2016-02-05 02:45 am (UTC)(link)
For those who prefer having only the plurk icon and info blurb to show, and none of the other plurk modules (like so), here is a modified layout that does that.

The centered alignment is imperfect and I haven't cleaned up the code in an orderly fashion, but it's functional. Credit to [personal profile] elystia for the original dashboard rearrangement and everyone on this post for the plurk box edits!

NB: The background is uploaded off-site, you can replace it with a repeating pattern or with a wallpaper-sized one; plurk resets its backgrounds if you upload to the site itself so this is a workaround on that. Just look for this part on the code (it's at the top) and replace the URL:
    body {
    background: #000000 url(https: //i.imgur.com/tsoDRYf.gif) repeat;
    color: black;
    }
Edited 2016-02-05 02:49 (UTC)
effingunicorns: a dark-haired young man blushing happily and holding up an audio recorder (let's find out!)

another layout

[personal profile] effingunicorns 2016-02-05 03:33 am (UTC)(link)
I'm about as done fixing my own plurk's layout as I'm gonna get (at least for today), so I'm gonna go ahead and offer it up in case anyone's interested in a dark, aquatic theme or just something that has most if not all of the plurk elements put down to be played with.

Preview with default userpic size - code

Preview with big userpic fix - code


I incorporated several of the fixes here, so thanks to [personal profile] dood for the userpic thing, [plurk.com profile] farrons and [personal profile] freesia for hiding the badges, and [personal profile] hypeodermic for helping squash the yellow highlighting!
Edited (I swear I'm done this time) 2016-02-05 04:02 (UTC)
frau_kali: (Default)

[personal profile] frau_kali 2016-02-06 02:28 am (UTC)(link)
Hello there! So that's a nice layout :) I noticed you managed to change the colours of highlighting for new plurk responses and I was wondering which part of the code does that? It's the last thing I need to change on my own layout. Also how did you change the colour of the new plurk text box and the reply box inside plurks?

Here's my code, if that helps at all.

Thanks!

(no subject)

[personal profile] effingunicorns - 2016-02-06 03:17 (UTC) - Expand

(no subject)

[personal profile] frau_kali - 2016-02-08 21:23 (UTC) - Expand

(no subject)

[personal profile] effingunicorns - 2016-02-09 00:56 (UTC) - Expand
dood: (Default)

[personal profile] dood 2016-02-05 06:34 am (UTC)(link)
So I'd just like to inform you all that ::before and ::after work in Plurk CSS (as does content:, if you write it as content :.)

This is why the following code, along with leaving my location blank:


#location::after {
content : url(http://static.dnaindia.com/sites/default/files/2015/10/02/361285-john-cena-2.jpg)
}


Has resulted in... uh, well, why don't you see for yourself.

[plurk.com profile] jungler
Edited (fixed code for real) 2016-02-05 06:35 (UTC)
cinnamon_anemone: (Default)

[personal profile] cinnamon_anemone 2016-02-06 09:25 am (UTC)(link)
This is super cool because theoretically it lets you completely circumvent the character limit in the "about me" section, for one, but... is there a way to somehow insert line breaks into this, or fake them?

If I use
#about_me::before { content : "TEXT"; display : block; margin-bottom:15px; }
that ads a neat line of text above my normal "about me" text with display:block making a line break and the margin sort of like... faking out an extra return in there, idk.

But that margin is a half-assed solution, and I haven't figured out any way that this could allow me to use MULTIPLE line breaks. Or multiple pictures, for that matter.

Am I asking too much of ::before and ::after? Is there another CSS solution to this?

like if there way a way to do that you would have zero restrictions on what you could put in your bio. you could put the entire unabridged and illustrated text of les mis in there, if you wanted. that would be hilarious.
Edited 2016-02-06 09:26 (UTC)

(no subject)

[personal profile] dood - 2016-02-06 09:34 (UTC) - Expand

(no subject)

[personal profile] cinnamon_anemone - 2016-02-06 09:44 (UTC) - Expand

(no subject)

[personal profile] dood - 2016-02-06 09:51 (UTC) - Expand

(no subject)

[personal profile] resnipstance - 2016-02-06 14:38 (UTC) - Expand

(no subject)

[personal profile] dood - 2016-02-07 11:22 (UTC) - Expand

(no subject)

[personal profile] resnipstance - 2016-02-07 11:23 (UTC) - Expand

(no subject)

[personal profile] decoration - 2016-02-12 01:37 (UTC) - Expand
mignonne422: (~Book <3)

Heart on liked plurks, Muted Plurks, Sync button

[personal profile] mignonne422 2016-02-05 05:56 pm (UTC)(link)
No one's requested this as far as I can see, but since it was driving me crazy because i hate that horrible bright red, I'm going to post this here.

You can change the color of the heart on "liked" plurks with the below code

/*Heart on Liked Plurks*/
.manager .like-on {color:#f4b0c0 !important;}
.manager .like-off:hover {background:#f4b0c0 !important;}
.favorite_icon {color:#f4b0c0 !important}

/*Lock on Private Plurks*/
.plurk_icon.private{color:#3fb4db !important}


Also, if you're like me and like your muted plurks to really fade away, the code is below. Lower numbers mean less opaque, with 0 being invisible and 1 (or 100 in alpha) being completely visible.

/*MUTED PLURKS*/
.muted {filter:alpha(opacity=10); opacity:0.1; zoom:1;}
.muted:hover {filter:alpha(opacity=80); opacity:.8; zoom:1;}


And if you don't like the sync button under where you type plurks, you can hide it with the below

/*Hiding Sync Button*/
.cmp_sync_off { position: absolute; left: -1000px; width: 0px; }

Edited 2016-02-05 23:47 (UTC)
napple: (Default)

HORIZONTAL "ALL PLURKS" FILTER MENU

[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.)

Re: HORIZONTAL "ALL PLURKS" FILTER MENU

[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 ;;;;; ♥

(no subject)

[personal profile] resnipstance - 2016-02-05 23:46 (UTC) - Expand

(no subject)

[personal profile] mewberries151 - 2016-02-06 01:02 (UTC) - Expand

(no subject)

[personal profile] mewberries151 - 2016-02-06 02:02 (UTC) - Expand

(no subject)

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

ADDENDUM

[personal profile] resnipstance - 2016-02-06 03:41 (UTC) - Expand

Re: ADDENDUM

[personal profile] napple - 2016-02-06 03:44 (UTC) - Expand

(no subject)

[personal profile] resnipstance - 2016-02-06 03:49 (UTC) - Expand

(no subject)

[personal profile] cinnamon_anemone - 2016-02-06 05:14 (UTC) - Expand

(no subject)

[personal profile] napple - 2016-02-06 05:20 (UTC) - Expand

(no subject)

[personal profile] cinnamon_anemone - 2016-02-06 05:24 (UTC) - Expand

(no subject)

[personal profile] napple - 2016-02-06 05:26 (UTC) - Expand

(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

(no subject)

[personal profile] cinnamon_anemone - 2016-02-06 05:32 (UTC) - Expand

(no subject)

[personal profile] napple - 2016-02-06 05:40 (UTC) - Expand

(no subject)

[personal profile] cinnamon_anemone - 2016-02-06 05:48 (UTC) - Expand

(no subject)

[personal profile] strikethrough - 2016-02-06 06:59 (UTC) - Expand

(no subject)

[personal profile] cinnamon_anemone - 2016-02-06 08:21 (UTC) - Expand

(no subject)

[personal profile] lotsoflaughs - 2016-02-07 02:03 (UTC) - Expand
glorious: (deskwork)

Hide "Mark All As Read"

[personal profile] glorious 2016-02-06 01:39 am (UTC)(link)
I'm not sure how many people actually want this, but since it was a little finnicky to figure out what exactly I had to change, I figure I may as well share it and save a potential headache for someone:

a#mark_all_link.updater_link {
display : none;
}


If you wanted to make any other changes that are specifically to the "Mark All As Read" button (and no other buttons!) then a#mark_all_link.updater_link is what you'll want to refer to.
infiniteviking: A bird with wings raised in excitement. (Default)

Re: Hide "Mark All As Read"

[personal profile] infiniteviking 2016-02-10 09:16 pm (UTC)(link)
Awesome!! Thank you, I'll experiment with this!

Would there be any way to switch "Mark All As Read" it to the other side of the "View All Plurks" button when they're next to each other? As it is, it changes from "__ Unread Plurks" directly to "Mark All As Read" and it's so easy to double-click by mistake.

Re: Hide "Mark All As Read"

[personal profile] glorious - 2016-02-12 03:47 (UTC) - Expand

Re: Hide "Mark All As Read"

[personal profile] glorious - 2016-02-12 04:18 (UTC) - Expand
rosacaerulea: (Default)

[personal profile] rosacaerulea 2016-02-06 04:28 am (UTC)(link)
Any way to make the "delete/mute/like/etc" buttons words again? >>;
cinnamon_anemone: (Default)

[personal profile] cinnamon_anemone 2016-02-06 05:23 am (UTC)(link)
One quick little one:

.icons_holder .pif-sync {display : none;}

Will remove the "plurk to other networks" button. Because seriously, has anyone EVER wanted to cross-post their plurks to facebook?
Edited 2016-02-06 07:22 (UTC)
knightblazer: HS Undaunted // Murkrow (gathering of the murder)

layout + comments

[personal profile] knightblazer 2016-02-06 05:52 am (UTC)(link)
Booper dooper!

More or less an add on to this! I basically tweaked a few things for my own purposes (mostly editing colors hahaha) and commented on the code so that people know better what is what. I also put in that new code where you make the all plurks menu horizontal and stuff.

Thanks to all the people who contributed to the codes because there's so many amazing people who actually know their CSS and made and actual layout where I can tweak like crazy.
cinnamon_anemone: (Default)

[personal profile] cinnamon_anemone 2016-02-06 07:19 am (UTC)(link)
Here's another really random one: I figured out how to selectively remove info from the dash stats table, and get rid of that annoying "how to get more karma" thing.

This is probably appallingly inelegant code because I know zero CSS and I just poked around in inspect element and fucked around until I got something seemed to work. Sorry about that.


/*-- Remove "How To Get More Karma" --*/
a.link_arrow.openGB {display : none!important;}

/*-- Selectively Remove Dash Stats Rows --*/
#dash-stats-table {margin-top: -30px; margin-bottom:25px;}
table#dash-stats-table tr:nth-child(1) {display : none;}
table#dash-stats-table tr:nth-child(2) {display : none;}

This only removes whole rows (I got rid of the first row (Profile views/Friends invited) and the second (Plurks/Plurk responses) and kept the third row (Member since/Last login)), I'm not sure how to make it remove individual stats. The #dash-stats-table margin-top just scoots the remaining stats up and down, so you can adjust that to your liking. The margin-bottom actually expands the whole box a little bit - I set mine to 25 because that makes it exactly the same height as the box with my icon.
Edited 2016-02-06 07:47 (UTC)
knightblazer: EX Deoxys // Skarmony (Default)

REMOVING 'PROMOTE' & 'REPLURK' BUTTON + CHANGING COLORS OF MUTE BUTTON

[personal profile] knightblazer 2016-02-06 06:52 pm (UTC)(link)
Just messed a little more and found this gem--

/*REMOVE PROMOTE BUTTON*/
.manager .promote {position: absolute; left: -1000px; width: 0px; !important}

/*REMOVE REPLURK BUTTON*/
.manager .replurk-off {position: absolute; left: -1000px; width: 0px; !important}

/*MUTE BUTTON COLOR CHANGE*/
.manager .mute-off {color:#D8D8D8 !important;}
.manager .mute-on {color:#B22020 !important;}


much thanks for this that gave me an idea on what to mess around in!
Edited 2016-02-06 19:03 (UTC)

Page 2 of 3

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