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

ꜱᴛᴀʏɴꜱᴡᴇʀᴠɪʟʟᴀɪɴ⊹ ࣪ ˖

ꜱᴛᴀʏɴꜱᴡᴇʀᴠɪʟʟᴀɪɴ⊹ ࣪ ˖'s profile picture

usingg


Report Comment

[ ♯ 𝔸𝕞𝕪 ʚɞ 🍮🎹⋆.˚]

[ ♯ 𝔸𝕞𝕪 ʚɞ 🍮🎹⋆.˚]'s profile picture

using!!


Report Comment

callisto

callisto's profile picture

THIS IS SO COOL!! using!!


Report Comment

🎢🍫CHOCO🍫🎡

🎢🍫CHOCO🍫🎡's profile picture

Using!!!! :D


Report Comment

Tete

Tete's profile picture

Usinggg!!!


Report Comment

Maggot

Maggot's profile picture

using!!!


Report Comment

archie

archie's profile picture

using


Report Comment

NoveyWasn'tHere

NoveyWasn'tHere's profile picture

Using!!!


Report Comment

jamesrose.xoxo

jamesrose.xoxo's profile picture

totes using


Report Comment

₊✩‧₊˚౨MothManFigৎ˚₊✩‧₊

₊✩‧₊˚౨MothManFigৎ˚₊✩‧₊'s profile picture

i would use but im confused asf!!! ToT


Report Comment

SYKO_SYZTEM

SYKO_SYZTEM 's profile picture

How do I make them go side-by-side because for me they're just going up and down. :(


Report Comment



make the image smaller

by vincenzo (WIP); ; Report

dazey

dazey's profile picture

using!


Report Comment

CRUSHER

CRUSHER's profile picture

I wanna use this SO BAD but i dont understand how or what to do or where to put stuff. its really cool though!!


Report Comment



where it says =" IMAGE_URL " add the url for the image in between the quotations (it needs to be a link unfortunately, an online one...

by dazey; ; Report

and then where it says
1ST LINE TEXT< br/ >2ND LINE TEXT, add the name, media, whatever u want (replace the 1st line 2nd line text, delete that part and add what u want to show up instead

by dazey; ; Report

tearing’s child 🦄💎/💜

tearing’s child 🦄💎/🚀💜's profile picture

using


Report Comment

Mismagius

Mismagius's profile picture

using but text doesn't show :(


Report Comment

crroppi

crroppi's profile picture

using


Report Comment

gummyLungz ★★

gummyLungz ★★'s profile picture

usinsggs!!


Report Comment

ciel

ciel's profile picture

USING!!! I love it so much


Report Comment

son of bhaal

son of bhaal's profile picture

using! tysm :]


Report Comment