CODE | lightbox

[manual]

1989
'cause baby now we've got bad blood.

---

PHILADELPHIA
application
relations
calendar
visuals
inbox

THIS IS ENTIRELY IN DIVS
MAKE SURE ALL DIV TAGS ARE CLOSED
or dw will go nuts and kill the page

PROPS TO brewski for the code inspiration

<raw-code><div style="background: url(BACKGROUNDIMG) #333; width:500px; height:500px;padding:0;"><div style="background: url(FOREGROUNDIMG); background-repeat: no-repeat;background-position: center; width:350px; height:350px;padding:0; position: relative; top:50px; border: 25px solid rgba(0,0,0,0.6);box-shadow: 0px 5px 5px #000;"><div style="background: transparent; width:300px; height:300px;padding:10px; color: #fff; font-family: 'helvetica', 'arial', sans-serif; font-size: 12pt; font-style: italic; text-transform: uppercase; font-weight: 800; text-align: right; margin-top:6px; line-height: 100%;"> MAINTITLE<br/> <small><small>SUBTITLES</small></small> <hr style="border: solid 2px #fff;">SUBHEADER<br/> <span style="font-size: 8pt;"><a href="url" style="text-decoration: none; color: #fff;">link</a><br/> <a href="url" style="text-decoration: none; color: #fff;">link</a><br/> <a href="url" style="text-decoration: none; color: #fff;">link</a><br/> <a href="url" style="text-decoration: none; color: #fff;">link</a><br/> <a href="url" style="text-decoration: none; color: #fff;">link</a><br/></span> </div></div></div> </raw-code>

Comments

[madefromlight]

Hi!

I was wondering if there was anyway to move the inner image here to be more centered?

Thanks!