Customizing Your Podmate’s Color (Pistos-Diaspora)

In Pistos-Diaspora (currently at diasp0ra.ca only), you can personalize the color of podmates in your stream through a customized CSS. (This post owes its thanks to str4nger@diasp0ra.ca.)

Note that this works in FireFox and should work in Chrome. If there are browsers for which this doesn’t work, please let me know in the comments.

Simply put, Cascading Style Sheets (or CSS) allow the user to locally change certain aspects of the formatting on a website. In this tutorial, you will learn how to customize CSS to make Pistos-Diaspora podmates appear in green when you hover over the stream.

1. Go to https://github.com/Pistos/diaspora/wiki/custom_css.

2. Copy the entire text (i.e., make sure to scroll to the right) under the section “changing the display-color of podmates” (see Figure 1).

3. Click on your handle on the upper-right hand side of your Diaspora home page and select “Settings” from the dropdown menu.

4. Scroll down until you see “Custom CSS” and paste the text into the text box (see Figure 2). Don’t forget to update!

Now, when you hover over your stream, podmates will appear in green instead of orange.

You can go here http://www.htmlcolortable.com/ to see what other colors are available. I have yet to try changing it from the default green myself, but I will provide a how-to as soon as time permits.

About these ads


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.