lina_trinch: (trek)
𝔦𝔱'𝔰-𝔞 𝔪𝔢 🌠 ([personal profile] lina_trinch) wrote in [community profile] killthecake2023-08-06 03:03 pm
  • Add Memory
  • Share This Entry
Entry tags:

[1] Plurk Add-On's Galore







❖ I learned a few things after making Plurk layouts for awhile now, so I thought I'd share some of those little hacks and add-ons. Hopefully you like a few of them. Just add any in here that you like or want into the bottom of your existing layout's code, if you have one.

❖ Click on your name in the top bar > Customize Layouts > scroll down to "Customize your profile even more with CSS" and paste in whatever you code you want. Click Save and Update.

❖ For a lot of these to work properly, you'll probably need the Plurk Jailbreak Chrome extension.

❖ Not everything has an example image. Gonna have to use the power of imagination for those ones.

❖ This was released a month early on ye olde Patreon! If you want early access or exclusive codes (including Plurk layouts), then come check it out!








1. Remove Friends, Fans, Awards, & Stats





Code:



❖ This removes all of those modules in your dashboard, except for the profile and the one where you actually type in your new plurks. It also makes the remaining two stack on top of each other and center on the page, filling in all that extra space.

Back to Top






2. Only Remove Specific Modules





Code:



❖ If you only want to remove one or two of the boxes, this is your code. Just use the ones labelled for what you're needing. If you remove either Friends or Fans (not both), the remaining one will grow to fill up the extra space.

Back to Top






3. Make Headers Look Like Headers



Code:



❖ Instead of just plain old text, this makes them capitalized (sort of), bigger, bolder, and generally looking like a real header.

Back to Top






4. Make Profile Icon Big



Code:



❖ This changes the dimensions of your icon in your dashboard to 180x180, rounding off the corners a little bit. Everything else in that box (like your name) falls beneath the icon and centers itself, making it all nice and neat.

Back to Top






5. Add Separator Line Between Days





Code:



❖ Moving away from the dashboard and finally up to the timeline, you can add a line on your Plurk to distinguish between the days.

❖ Pro-tip! If you want dashed or dotted lines, remove the whole "background" bit, change the width to "0" and add in "border: 1px dashed #fff;" or what have you.

Back to Top






6. Remove Plurk Creature From Timeline



Code:



❖ This is an old-y that I didn't come up with but, yes, get rid of that weird little fella in the corner.

Back to Top






7. Stack Names Over Comments





Code:



❖ Actually looking inside plurks now, we can change the formatting around. Instead of plurk comments in rows (name to the left, comment to the right), we can put them in columns (name on top, comment on bottom). It's very different, but uses up a lot of empty space and makes a lot of things smaller. I just think it looks neat.

❖ And yes, it'll make the width of Plurks smaller, in general.

Back to Top






8. Add Borders Between Comments





Code:



❖ Just kind of separate all those comments a little bit, in case you find they're too close together and confusing.

Back to Top






9. Make Muted Plurks Transparent



Code:



❖ Another old-y that I didn't come up with, but a super popular one. When you hover over these muted plurks, they become a little less transparent so that you can interact with them if you wanted.

Back to Top






10. Remove Muted Plurks Entirely



Code:



❖ Warning, it's not playing around. There's no finding the pixel with your mouse to find the hidden thingy. This really removes them from your timeline completely. They'll only reappear if you remove this bit of code.

Back to Top






11. Change Timeline Divider Into a Solid Line



Code:



❖ Between your dashboard and your timeline, there's a little row there of times and dates when plurks were posted. This makes them stop looking like little beads on a line and makes it all one big, smooth line.

Back to Top






12. Make Links Italic & Bold



Code:



❖ This is just something to help differentiate links from the rest of the text on your timeline. Doesn't change the look of names, though. Just regular links.

Back to Top






13. Add Rainbow Underline to Links w/ Hover Effect





Code:



❖ I heard somewhere that you guys actually like my rainbow obsession, so here's a pinch of that. This just adds a pretty rainbow gradient beneath your links, but when you hover over them, the rainbow will grow to become the link's background.

Back to Top





❖ If you have any problems with anything, please let me know!