Layout: Shadowbox

image preview | [info]tess041
image preview | [info]tess041a


Hey, guys! I've got a layout I'm super excited about today, and my first Generator layout in a little bit too! This layout is packed full of features, but there is also a static version for those of you who enjoy the look of it, but don't need all the extras.

This sliding sidebar layout features room for about information, a playlist, and player information, all packed into a compact module with sleek animated transitions for smooth clicking. I will say, this layout may not be very mobile friendly, I'm so sorry about that! Sometimes you just gotta do something a little artsy just for fun, y'know? Enjoy! ♥

Layout Coding: Sliding sidebar

Layout Coding: Static sidebar

Installation Guide

♡ Make sure you have a website in your profile page.
♡ Go to Basics and choose S1 for your style system, then save.
♡ Go to Look and Feel, choose Generator for all page views, then save.
♡ Go to Custom Options and paste the layout code, then save. Make sure you've done a replace all on the following with your information:
PAGETITLE for your journal title
ICOURL for your tab icon
TRANSPARENTIMG for your sidebar image
JOURNAL TITLE for your sidebar title
BLURBHERE for your sidebar blurb

GIFHERE about section image
ABOUT NAME about section title
ABOUTHERE about section text

YTURL song url
SONGTITLE song title
SONGARTIST song artist
(repeat these as needed)

NAME. through PB. for your ooc info

Editing Guide

Paste the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!

Open Sans - Page text
Dosis - Header text

255,255,255 - Light tones for slide nav buttons
#fff - Page/entry background, sidebar backgrounds, playlist header, comment link text
#8FA5BC - Main color (sliding)
#BC8FB4 - Main color (static)
#000 - Comments hover text
0,0,0 - All dark tones and shadows (semi-transparent rgba value)

https://i.imgur.com/d7lnawy.png - home link
https://i.imgur.com/xCP54zJ.png - profile link
https://i.imgur.com/pfwlNPF.png - friends link
https://i.imgur.com/eHVxvC4.png - calendar link
https://i.imgur.com/P0FOs2G.png - credit link
https://i.imgur.com/F148mbs.png - username
https://i.imgur.com/QK923r6.png - communityname
https://i.imgur.com/99Wvqei.png - friends only
https://i.imgur.com/wavxHky.png - private
https://i.imgur.com/Y4tIPuo.png - group locked

Terms of Use

♡ Do not remove credit.
♡ Do not redistribute my codes in part or in whole (posting a copy for players to use in your game is fine with a link to original post.)
♡ If you break something during editing, please feel free to drop me a comment and I'll help as best I can!
♡ I love seeing edits! This isn't a rule, but if you have a cool edit of one of my codes I'd love to see it!


( )Anonymous- this user has disabled anonymous posting.
( )OpenID
Don't have an account? Create one now.
No HTML allowed in subject
Notice! This user has turned on the option that logs your IP address when posting.