Firefish Custom Css - Cursor Images

Apply custom CSS to your Firefish instance, for better or worse. Syndication

Taking a step away from Plugins for a moment to discuss another option the Firefish community is provided - Custom CSS.

CSS is just a way to apply styles, colors, affect placement, etc. to the HTML elements on the page. Make a header blue, hide a button, or…change your cursor to an image! You don’t need to know exactly how it works to install this. Just follow along with this guide, it’s mostly copy and paste.

We’re going to install some quirky, fun effects to your mouse pointer. Remember - this effects can be removed simply by blanking out Custom CSS field and re-saving! So don’t be afraid to try it out.

What to Know about Custom CSS

Adding Custom CSS only affects your current browser / Firefish login.

The Custom Css settings do NOT follow you from device to device, or browser to browser. It is NOT stored in a Preferences Backup.

Your best bet is to create a private Firefish Page and store your favorite Plugins and CSS snippets. You can reference that from any device and re-apply as needed.

Another option is create a Firefish theme and apply your Custom CSS there - then you can switch between themes as needed, and your CSS will be availalbe wherever you login.

Installing A Custom CSS Snippet

I’m just going to show you how to install this. It doesn’t take much.

I sound like a broken record, but remember to only install scripts of any kind (even CSS) from people you know / sites you trust.

From Settings > Themes > Click Custom CSS

Copy the content in the clip at the bottom of this article and paste it into the text area.

A save button will appear.

Save your changes.

The effect should be immediate! Enjoy your cursors.

Building your own cursor / custom CSS

What’s that you say? You want to learn how to create your own cursors with images?

Sure. It’s a little art, a little image conversion, and some CSS.

If you look at the code, you’ll note that the image url isn’t pointed to a website or file. Instead, an image has been broken down into text to be generated by the browser.

Why go to all this trouble? If the cursor is hosted on an non-secure page, your Firefish instance isn’t going to allow you to connect and display it.

If the URL you’re connecting to is secure (https://) it may work, but it’s not guaranteed.

Also adding it as text allows others to install this without having everyone connect to your server for the image.

The first you thing you need is a cursor! There’s many sites out there. Here’s the one I used. Just be sure to check the licensing on the cursors you want to use.

Or, if you want, you can create your own with ANY image - just make sure it’s sized appropriate.

Download the image you want to use. Then, use this file converter) to convert the file to an image. Most of the time you’ll want to convert to a PNG.

I don’t know exactly how you’d convert a .ani animated cursor, I assume to an animated gif somehow.

Almost there - now we need to convert the image to an HTML Data URI.

Image to data URI converter (ezgif.com)

Upload your image, then select “Include tags for “HTML image src”

Convert to data URI, then grab the results! It’s a lot of text. You only need the “src” value, usually starting with “data:image/png”

Now, if you want to just apply this to the two cursor types we’ve already used, you’d just add your generated image data to this template.

* {
cursor: url('ENTER GENERATED IMAGE DATA'), auto;
}

a:hover {
  cursor: url('ENTER GENERATED IMAGE DATA'), pointer;
}

a:hover {
    cursor: url('ENTER GENERATE IMAGE DATA'), auto;
}

Play around with your CSS using this CodePen playground. This is a great place to experiment. You’re not going to affect your Firefish site here, so tweak away until you have it working just as you like.

CodePen - Test your Firefish Cursor Code

That’s it! Copy your CSS into Calckey’s Custom Theme area, save, and enjoy your work.

Now that you know how to affect your Firefish user interface, what else can you try? Don’t like a button color? Change it. Don’t like a section? Hide it. CSS is the limit.

Share your findings with others on fediverse using the #CalckeyCustomCss tag.

References: Cursors Cursors for your webiste LGBT Pride Cursors (rw-designer.com)

Conversions Image to Data Uri Conversion GIF Converter — Convertio Testing your CSS W3 Schools HTML Editor CSS: Cascading Style Sheets

CodePen - Test your Firefish Cursor Code

Here’s the completed code - copy and paste for some cursor fun.

body {
  cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAfBSURBVFhHrZd7UFT3Fce/+37DAssKy9OVlyAFNRQEibHakE6QaoxDTYdYnbE6dtJpp01T7bR/tGntjBnzaKeTTJKaRG1i6+RVEiWJxuIL0aSKFgIGRJA3LLDsgwV2b8+5u3cFBqx2/DKf4fzO/e39nXt+v9/53Yv7qGTiINFJeIgLxDYihZjLLyPum4qIEUK4B94h/q8g+EelxCvENcJFiDf9rj5daErcLoyk/EQ4GFsuRMu1on+DIWOG3xzyE9vuNYKVxMtEjtiapsXqGFy2bYVapgh5gCsT/Tjo+g/2RT9EUd8e6hD5qgaq2ay/2wC43++JZwi5JjIaDz6+BU9srkTSogwM9fXgfNkWPB+9hvv+T40GfDDffIFNr1z0BBVFVBK7Q/+5bSaqiEPEbplcLl9UsQ0lv3sb+pKNSMt7AAG1Hh+froesgJNzd+rxu0MWhqQMbCBeJWLEVlAOgvMZyQ25So28nc8iJruAm6LMei1GvT4IggBlQMALh+uQ2TMaujq3BPp7rP99vO9u4eYhHmA5UUMYV2oTscmQBYVMho4pp458WsmXunojhJJvkeu2xienQhYQoN+cyYhDQfsQoty+kHemePAdgzX4m6uRmxzpJs7Ax8R3nopYjpdi1vIFUXtHzov/d5tXiP9Zf16bjQ+W8XafXxHeSew7chH2fmfIE5Q0+KtjV7jJ9WAdcZID4FRHdSf/CPEKI5nzy2HUoHLX6lBrfs0OYr7BuTF9Ed43OXUqPF1ZgDZrxB0HZ/EaWEWk+6njIzq76JxPLyb6cUk2AhnNt0pvCnmD8g72wHmzGZ7eDvgnvBDMUahdbMNV7QRe+vIQhECAu3EJ/oANSRzAV8S2Ol+3XC9XoYQW3Vx6KzMCB3KjxRuNfH0VMqUSmsjgpnF2tMDReAlqkxkKtQZuCsLR9AVkcTb0pS2Eq/sG3D3t3JXPgbNsSOIAeogOouIzb7tsriCOFC7EG2VLoYuJgz7Whkh7dnhwFtvs42vcx5SUBo3ZArlCCaVWD8HvR/+/a7krp4FrSlgcAIsnaM4gjhTa8dqqTNG+F/EU8eAsuVKFzlPvsclbez8bkqQAWG1EMZFKQSBzTSUak2Np8AxMed3oOPEP3Kr9UEynIT4FCg3f67YmxoZx87O/o+tMNTx9nTAmLBKLF4v/tx8/zCZvMz/BDywWC6kSlhNvEtHcMManoug3B9ikG4+g/o874BsegJbSO+7oE9P7zV++THPO1To4eP3enfCNDkIbvQDjQ73QRMVSn1fEdcGq++1WuILrgMVbfwtRLWXgc8IalZGP7KpfIH3jzqCXxCt67FYrcp58BumP7YA1rwQeWvGWJSsoC9pQHx/GulqRu/VXSFu/HZacQngpUMuSwnCmElethzk9T3wACpCdDxH7pQx0E/H28h/A/igHdmdpVUo8km9HXpxGbF/p9eH45bYZpXk+tX30Jtqq32CTx0yQCpG4Sfu+OCVtl7BUCjmUhCSjVo3tpXasEw4js/lnImyzz0DXJPFv+LfTxffmMUISH17KAG/FOJ7XiJTbK57qDX5eXgSDRoW2/hH46cTLtKgQ1/wHqFyt0OiCpdvndWHSuAi9mXvQPDgJhVwGu9UMt28Sz1XX0WkpdhPFBevsr59gc4CwSmsgnigW/FOIzZt5rhel23Dz2F7oBi6i2NoLaxetZlcnBntaEREVJ/bp62yCiWbD4qpHgsaJvsuforexFgZ7Mc63dIl9JHWeOIrh62JZ5leio1IArcQu2mJy69LS8Opm0UNjaU4uLhz4MfyOFqTaIqBUacKDs9hW8pbz+3Du5HFcvXAK+d/fj9obTnQ5xkK9KFOjQ7j212epMIlrJYEIBzBMxFKuCl20muMLHwa9/YgX+kc9WJmfSxXEi4Zzn+JWjwNRkQaYjDPrQHffMGpONeD6jV5kl+1A1vgSrN1zBBvqb6DXrEeyw4197zbgKVUWvpocwteTw3yDRGkNsLgGNBAJiQ9WIGvzT0Una82SVHw7ywLXh0/i7LlLcHt80Os0iDQFgxgd88JDb0YGvQYlxQ/AWPEWctf9Ceq+4NuRn9YES8HpJN3yjyGp4y9sDk+vhF7iNFFFp5py0jOGmMUF4snHWSjKWojYBfEotDlgiTLRQpMjQDdUKhRYEBuJ5d+wY3VJDlT5u+DSpcH0+ufQ+4LbUk7jMpKcwgSeH73I5vj0AFi8N/l0XO9sb1KMdTQjOmsZAko1TDo1rEm5UAc8sGkGYE+xIivNJsK2JdoEz4KHMRJfgfrWbvzL40VpS++MgVlTtOO3Dh4Tp4F0bHYArCaijnjU09+l7z53jA4WI0Z0schPjUfAsgwTumQoppyQ++ncl6vhM6bDkbQZTmsZRml63j7TgNPXTuJC40lUaFLprSc4BTx4VX81jrqbuclfUpvYmE9JBG8VfgZBZ7EJK3+4R/jn9UGhfliYE77Gfbiv9LvvGRYLkwufFmE75OfBC4lwIbqT+BXqOSKDG1q9AaVl5VixtgzJ9FHC6mhtwfkTNThd8xHG3fylJopPVwsRQQOLjnfcnFzxbbiM4JeTuxbvyfUEH1pctsNPOAtedZ8QnFqe3tkfreEnl3Q3GZgtnhr+kCkJ2Sz+9OZXraMEL+TpWkbsDZriV9eXQZMF/BdupgdZpmzJ1wAAAABJRU5ErkJggg=='), auto;
}

  a:hover { cursor: url('data:image/x-win-bitmap;base64,AAACAAEAICAAAAUAAgCoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAgBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA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'), pointer !important
}

  a:hover { cursor: url('data:image/x-win-bitmap;base64,AAACAAEAICAAAAUAAgCoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAgBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA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'), auto !important
}

DeepDive firefish CustomCss

This post is licensed under CC BY 4.0 by the author.

Share