[74] Semi-Hidden Nav

[lina_trinch]

Link Link Link Link

CODE

Tall Code:
<details open style="margin: auto; width: 300px; text-align: center; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; font-size: 14px;"> <summary style="width: 100%; height: 400px; border: 20px solid #222; background: center/cover url('IMAGE_URL'); box-shadow: inset 0 0 4px #000; box-sizing: border-box; list-style: none; cursor: pointer;"> </summary> <a href="URL" style="display: block; width: 100%; background: #222; color: #eee; margin: 4px 0; text-decoration: none; padding: 4px 0;">Link</a> <a href="URL" style="display: block; width: 100%; background: #222; color: #eee; margin: 4px 0; text-decoration: none; padding: 4px 0;">Link</a> <a href="URL" style="display: block; width: 100%; background: #222; color: #eee; margin: 4px 0; text-decoration: none; padding: 4px 0;">Link</a> <a href="URL" style="display: block; width: 100%; background: #222; color: #eee; margin: 4px 0; text-decoration: none; padding: 4px 0;">Link</a> <!--ADD MORE LINKS ABOVE THIS LINE--> </details> <div style="width: 300px; text-align: center; margin: 10px auto; font-size: 8px; font-family: monospace; font-weight: bold; letter-spacing: 2px;"> <a href="https://killthecake.dreamwidth.org/" style="color: #000; text-decoration: none;"> CODE </a> </div>

Link Link Link Link

CODE

Short Code:
<details open style="margin: auto; width: 300px; text-align: center; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; font-size: 14px;"> <summary style="width: 100%; height: 100px; border: 10px solid #222; background: center/cover url('IMAGE_URL'); box-shadow: inset 0 0 4px #000; box-sizing: border-box; list-style: none; cursor: pointer;"> </summary> <a href="URL" style="display: block; width: 100%; background: #222; color: #eee; margin: 4px 0; text-decoration: none; padding: 4px 0;">Link</a> <a href="URL" style="display: block; width: 100%; background: #222; color: #eee; margin: 4px 0; text-decoration: none; padding: 4px 0;">Link</a> <a href="URL" style="display: block; width: 100%; background: #222; color: #eee; margin: 4px 0; text-decoration: none; padding: 4px 0;">Link</a> <a href="URL" style="display: block; width: 100%; background: #222; color: #eee; margin: 4px 0; text-decoration: none; padding: 4px 0;">Link</a> <!--ADD MORE LINKS ABOVE THIS LINE--> </details> <div style="width: 300px; text-align: center; margin: 10px auto; font-size: 8px; font-family: monospace; font-weight: bold; letter-spacing: 2px;"> <a href="https://killthecake.dreamwidth.org/" style="color: #000; text-decoration: none;"> CODE </a> </div>

❖ These codes were released early on the Patreon! Feel free to check out things over there if you want early codes or some exclusive content. ❖ Make sure Disable Auto-Formatting is checked when you copy/paste the code into your post. ❖ The image itself is the clickable summary to allow the links on the bottom to be viewed. If you needed to hide a link list in a pretty way, for whatever reason, you can remove the word "open" from the code and hide the links by default. Ctrl+F & Replace: ❖ IMAGE_URL - GIF or image URL placeholder. ❖ URL - Link URLs. ❖ Link - Text placeholder. #222 Image border and background of the links. #000 Shadows and credit text. #eee Link text color.