#html code

voidstation journal- cyberdystopian tabbed interface (good for rp) for neocities/nekoweb

uh hi

this is my first time releasing a toyhouse code all on my own

i made it for myself and sort of stubbornly refused to give it away, but i just had to reason with myself through some shit.

ITS FREE FOR ANYONE NOW!!

its good for a display of Ribbons, Stamps, Blinkies, and a moodboard

Write your author's note before hand, possibly after you've finished writing your fic, not the minute you want to post your fic or chapter. That way, you can sound more intentional than scrambled and have a lesser chance of forgetting or not knowing what to say, such as easter eggs, foreshadowing or sharing a link/image.

How to Add Links and Images to Your A/Ns

Ao3 is not an image-hosting website so the image has to be somewhere if you want it to show. I usually use tumblr for this, since I mostly share my mood boards and graphics here but you can use any image-hosting website like imgur, google photos or the internet archive.

This is the HTML for adding the images:

<img src="(insert direct image link here)">

For links, this is the code:

<a href="(put your link here)">(this is where you put what you link should say).</a>

The brackets are not part of the code

Hii yall!! I currently have a html commission slot open. If you are interested, check out my examples vv

im trying to get my portfolio gallery do do the same thing tumblr does with images: when you click, they are enlarged and centered with a dimmed background until you click off.

so far I have:

.gallery { width: 400px; display: flex; flex-wrap: wrap; justify-content: center;} .gallery img { opacity: 8.8; padding: 5px; margin: 2px; width: 85px; height: 85px; object-fit: cover; border: 1px solid #ddd overflow: hidden; } .gallery img:hover { border-color: #CB9C67; box-shadow: 0 0 8px rgba(203, 156, 103, 1);} img:focus { max-height: none; max-width: 1200px; position: fixed; z-index: 9999; }

Which does Some of that ! But im obviously missing something.

it doesnt enlarge the image, it just moves the already-compact image to the center. i thought adding max-width would do something but it didnt. i think .gallery img {...} is overriding img {...} in this instance.

what i WANT to happen is:

Helloooo everyone! Long time no new code (I was drowning in work). I'm bringing to you today: A new wallpost, of course, since that's all I can do xD This one is meant to be used as a diary/journal code :) But can technically be used for absent notes and anything else too. It's very simple. Of course you can adjust the colours and images to your taste - please don't remove credits if you use it! The image is what it looks like posted on the site I'm part of

This is my FIRST CODE!

This may not work that well but it's supposed to be a chat code for WoX! If you use it please don't remove the credits. If you do, I will find you... :P