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)

Note: If the image you are using is too big or too small, change the size using an image editor. (Use this https://ezgif.com/resize)

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 61 comments ( View all | Add Comment )

Lili-chan

Lili-chan's profile picture

So I went insane and decided to try and make it play music, and for the most part it's working, but it won't stop once it starts, lol! Any tips? I love this so much, you're awesome for making this.


Report Comment

Glissen

Glissen's profile picture

USINGG


Report Comment

Lili-chan

Lili-chan's profile picture

Using! (Working on it lol)


Report Comment

AALEXARR

AALEXARR's profile picture

omg i need those blinkies !!!!!!!


Report Comment

⦻ ALUCARDS #1 HUBBY ⦻

⦻ ALUCARDS #1 HUBBY ⦻'s profile picture

Using!!


Report Comment

Mamin

Mamin's profile picture

THIS IS SO COOL!! Your code is very clean thanks for sharing it with the public d(^_^)o


Report Comment

KSPBMK Picnic System

KSPBMK Picnic System's profile picture

Using!!


Report Comment

KazuhiraMarius

KazuhiraMarius's profile picture

will use it someday.


Report Comment

liam

liam's profile picture

gonna use :3


Report Comment

Max

Max's profile picture

lol im thinking about using it but i need a guide rn


Report Comment

K9 ☣

K9 ☣'s profile picture

Using :)


Report Comment

sonder_chan

sonder_chan's profile picture

using !!!!


Report Comment

insomniac

insomniac's profile picture

using


Report Comment

sof x_x

sof x_x's profile picture

using for my ocs >:3


Report Comment

midnight (VERY wip profile)

midnight (VERY wip profil...'s profile picture

using!! :D


Report Comment



augh i need help i dont know what im doing ToT

by midnight (VERY wip profile); ; Report

bleep blorp ::P

bleep blorp ::P's profile picture

using !! ^^_^^


Report Comment

Lincoln / tin

Lincoln / tin's profile picture

Usinh !!!


Report Comment

★ willow .ᐟ

★ willow .ᐟ's profile picture

using!!


Report Comment

bowie ! o_<☆

bowie ! o_<☆'s profile picture

OBJECT SHOW CHARACTERS SPOTTED >o<


Report Comment

Olivo

Olivo's profile picture

using! its really fun ty


Report Comment