lucavi: (Default)
lucavi ([personal profile] lucavi) wrote2024-10-16 09:30 pm
  • Add Memory
  • Share This Entry
Entry tags:

CODE ✦ GLASS PHOTOFRAME.

SOME OTHER EXAMPLES

It's been a while since I published anything! Here is just a small little front nav splash code, keeping it simple.

✓ RESPONSIVE (MOBILE FRIENDLY)
✓ CUSTOMISABLE
✗ NOT COMMENT FRIENDLY
✗ NOT EMAIL-FRIENDLY / EMAIL-TESTED

Most modifiable areas are consolidated as variables at the very top of the code. Here's what they are and what they'll affect:

✦ --bgImg affects the blurrier background image.
✦ --mainImg will be the image in the center. --bgImg and --mainImg can be the same image if you'd like for a different kind of effect.
✦ --dropShadow the colour of the subtle glow/shadow of the frame. Default value is given as a rgba(). Opacity value of ~0.5 recommended for best look, but can be changed to be stronger or weaker.
✦ --linkColour the colour of the navigation links. Changing this will change the colour of all links rather than having to change each one manually.
✦ --linkFont font family of the navigation links.
✦ --linkSize font size of the navigation links.
✦ --linkAlignX placement of the link based on the X axis (horizontal). Values are start (left), center, end (right).
✦ --linkAlignY placement of the link based on the Y axis (vertical). Values are start (top), center, end (bottom).

GLASS PHOTOFRAME