Marsinya's profile picture

Layout published by Marsinya

published
updated

Add to Favorites

View Layouts

View Profile

Report Layout

Hoverbox Gallery (DEMO)

Tags: hover, simple

Description:

This allows you to add a gallery that displays a bigger image when hovering an icon/thumbnail. Follow the instructions inside the code.

Credit is optional. Though I highly appreciated if you add my name (Marsium) somewhere.
(〃^▽^〃)

You can use this in multiple ways like:

  • Expand images (art, photographs, gifs, ect.)
  • Display list/favorites (characters, music albums, games, shows, and movies)
  • Text only (aka tooltips. Useful for spoilers)
  • Mini-profiles (OCs and plural systems)
  • Collections (small images like blinkies)

Please do not remove or change my name in the code.

Examples:

Check my profile to see how I use it to create a gallery of my favorite characters

Comment if you are going to use it :D
Feedbacks are welcome!

You are freely to stylized it with HTML & CSS. If you don't know how, you can request in the comments have it stylized and I'll design it for you based on your profile layout.

I hope you like it! (´。• ω •。`) ♡

Preview:

Layout Screenshot
click on the image for a larger preview

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.


Comments

Displaying 20 of 39 comments ( View all | Add Comment )

Zeitgeizt

Zeitgeizt's profile picture

using!! - thank u <3


Report Comment

Halo

Halo's profile picture

Using - i didn't even know you could do this before :0


Report Comment

suni

suni's profile picture

uSING


Report Comment

atmosphericsamurai ᯓ★

atmosphericsamurai ᯓ★'s profile picture

i have a small problem with this thingy, the hover text appears but it's blurry and unreadable :( i'd appreciate it if anyone knows a solution for this


Report Comment

robbie !! (✿◡‿◡)

robbie !! (✿◡‿◡)'s profile picture

using ty


Report Comment

bleachleech

bleachleech's profile picture

using


Report Comment

nateymatey

nateymatey's profile picture

using woohoojg


Report Comment

Zero

Zero's profile picture

Using!! Also i've seen that some people have troubles with the size of the images so what you're gonna do is search in the code "width" and instead of "auto" type in for example 100px or more if you want the image to be bigger! hope this helped!


Report Comment



also to change the size of the pop up image search for "max-width" and change it to the size of your liking!

by Zero; ; Report

Revine ⚓️

Revine ⚓️'s profile picture

Using


Report Comment

just me ⋆⋆⋆⋆

just me ⋆⋆⋆⋆'s profile picture

using


Report Comment

☆No.☆

☆No.☆'s profile picture

using


Report Comment

vincenzo

vincenzo's profile picture

using


Report Comment

Deafcake

Deafcake's profile picture

using


Report Comment

Saii!! 丰✮

Saii!! 丰✮'s profile picture

Doesn't work in my profile


Report Comment

Yuriologist

Yuriologist's profile picture

using


Report Comment

adrian!

adrian!'s profile picture

using! Tysm :D


Report Comment

Annie Singer

Annie Singer's profile picture

How the hell does this thing work! (This is awesome and im new at this lol) (seriously keep up the good work)


Report Comment

sammy✮solzen

sammy✮solzen's profile picture

using xx :)


Report Comment

☆ CYN !!

☆ CYN !!'s profile picture

Using! :3


Report Comment

Flippy/Fliqpy

Flippy/Fliqpy's profile picture

using!


Report Comment