Cut tag - Open & Shut Book

[haptalaon]

I made a little open-and-shut book for journal cuts - the book opens on hover, stays open when the cut is open, then closes on hover and if you click it and the cut is closed it's shut. The cut text and icon are both centered. Like this!

Based on code bytropicsbear  here, updated from the original here byrise

You can download my book icons here - they're based on the open source twitter emoji [Closed Book / Open Book]. Please don't hotlink - download then re-upload to your own image hosting. What other before-and-after emoki could you use?

They are not pictures - they are in .svg format, a set of code instructions for displaying images. You can edit them in a dedicated svg editor, or in any program which edits text files (!). Use a .svg editor if you want to add symbols or change the design - or make your own pixel art - but if you just want to change the colour of the book, it's easy. Open the .svg source code in a text editor, then use find&replace to swap the color hex codes for the colours you want. Currently, the dark brown is #C1694F and the light brown is #D99E82.

Code under the cut!

( Read more... )

[Not exactly solved, but circumvented for now] Custom metadata issues (metadata displaying twice)

[london_fan]

Hello lovely and helpful people here,

ever since I started using a genuine Dreamwidth layout I've been using this tutorial from style_system to display the metadata with the mood theme picture on the left side of the metadata, including the tags. The code is working perfectly in general!

( However, there is an issue... )

ADDENDUM (20th November 2022):
Since I got no comments here so far, I tried something else and implemented some old LJ tutorial and matching CSS I have used there for many years. It works perfectly on Dreamwidth, but eliminates Dreamwidth's unique tags navigation feature. Since this workaround is okay for my needs, I will consider the problem solved. However, if anyone still wants to tackle and fix this issue here with the DW tutorial, I'd still appreciate it. Thank you!