49th: luciel

[yanyan]

omg... the url for this post is "20707.html" ... I've been hacked.

If you want to change the position of the link list, look for this part of the code: margin-top: 0px; margin-left: 20px; and adjust accordingly! The bigger the number, the further from the top or the left the link list will go. Character featured is 707 from Mystic Messenger.

lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quam nisl, ullamcorper eget ante at, viverra fringilla odio. Vivamus ornare pretium mi quis iaculis. Cras non nibh metus. Suspendisse potenti.

inbox

permissions

app

cr chart

hmd

Replace #FFC56B and #EC340E with any color of your choice.

VERSION 1 <raw-code> <center> <div style="width: 400px; box-shadow: 0 0 5px #bbb"> <br/> <!-------TITLE-------> <div style="width: inherit; font: bold 28pt georgia, serif; color: #FFC56B; text-align: center; text-shadow: 2px 0 0 #EC340E, -2px 0 0 #EC340E, 0 2px 0 #EC340E, 0 -2px 0 #EC340E, 1px 1px #EC340E, -1px -1px 0 #EC340E, 1px -1px 0 #EC340E, -1px 1px 0 #EC340E; margin-top: -50px;"><i>lorem ipsum</i></div> <!-------TITLE-------> <!-------BOX-------> <div style="background: #fff; font: 10pt tahoma, sans-serif; text-align: justify; color: #EC340E; min-height: 20px; border-top: 5px #EC340E solid; margin-top: -10px; padding: 12px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quam nisl, ullamcorper eget ante at, viverra fringilla odio. Vivamus ornare pretium mi quis iaculis. Cras non nibh metus. Suspendisse potenti. </div> <!-------BOX-------> <!-------LINKS-------> <div style="background: url(400pxBY240pxIMAGEHERE); width: inherit; height: 240px; text-align: left; border-bottom: 5px #EC340E solid;"> <br/> <div style="width: 110px; font: bold 11pt georgia, serif; text-align: center; margin-top: 0px; margin-left: 20px;"> <i> <a style="text-decoration: none; color: #FFC56B;" href="LINK"><div style="background: #EC340E; margin-bottom: 2px; padding: 2px; display: inline-box;">inbox</div></a> <a style="text-decoration: none; color: #FFC56B;" href="LINK"><div style="background: #EC340E; margin-bottom: 2px; padding: 2px; display: inline-box;">permissions</div></a> <a style="text-decoration: none; color: #FFC56B;" href="LINK"><div style="background: #EC340E; margin-bottom: 2px; padding: 2px; display: inline-box;">app</div></a> <a style="text-decoration: none; color: #FFC56B;" href="LINK"><div style="background: #EC340E; margin-bottom: 2px; padding: 2px; display: inline-box;">cr chart</div></a> <a style="text-decoration: none; color: #FFC56B;" href="LINK"><div style="background: #EC340E; margin-bottom: 2px; padding: 2px; display: inline-box;">hmd</div></a> </i> </div> </div> <!-------LINKS-------> </div> </center> </raw-code>

VERSION 2 <raw-code> <center> <div style="width: 400px; box-shadow: 0 0 5px #bbb"> <br/> <!-------TITLE-------> <div style="width: inherit; font: bold 28pt georgia, serif; color: #FFC56B; text-align: center; text-shadow: 2px 0 0 #EC340E, -2px 0 0 #EC340E, 0 2px 0 #EC340E, 0 -2px 0 #EC340E, 1px 1px #EC340E, -1px -1px 0 #EC340E, 1px -1px 0 #EC340E, -1px 1px 0 #EC340E; margin-top: -50px;"><i>lorem ipsum</i></div> <!-------TITLE-------> <!-------BOX-------> <div style="background: #fff; font: 10pt tahoma, sans-serif; text-align: justify; color: #EC340E; min-height: 20px; border-top: 5px #EC340E solid; margin-top: -10px; padding: 12px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quam nisl, ullamcorper eget ante at, viverra fringilla odio. Vivamus ornare pretium mi quis iaculis. Cras non nibh metus. Suspendisse potenti. </div> <!-------BOX-------> <!-------LINKS-------> <div style="background: url(400pxBY240pxIMAGEHERE); width: inherit; height: 240px; text-align: left; border-bottom: 5px #EC340E solid;"> <br/> <div style="width: 110px; font: bold 11pt georgia, serif; text-align: left; margin-top: 0px; margin-left: 20px;"><i> <a style="text-decoration: none; color: #EC340E;" href="LINK">inbox</a> <br/> <a style="text-decoration: none; color: #EC340E;" href="LINK">permissions</a> <br/> <a style="text-decoration: none; color: #EC340E;" href="LINK">app</a> <br/> <a style="text-decoration: none; color: #EC340E;" href="LINK">cr chart</a> <br/> <a style="text-decoration: none; color: #EC340E;" href="LINK">hmd</a> </i></div> </div> <!-------LINKS-------> </div> </center> </raw-code>

VERSION 1 W/O BLURB <raw-code> <center> <div style="background: url(400pxBY240pxIMAGEHERE); width: 400px; height: 240px; text-align: left; border-top: 5px #EC340E solid; border-bottom: 5px #EC340E solid; box-shadow: 0 0 5px #bbb"> <br/> <!-------TITLE-------> <div style="width: inherit; font: bold 28pt georgia, serif; color: #FFC56B; text-align: center; text-shadow: 2px 0 0 #EC340E, -2px 0 0 #EC340E, 0 2px 0 #EC340E, 0 -2px 0 #EC340E, 1px 1px #EC340E, -1px -1px 0 #EC340E, 1px -1px 0 #EC340E, -1px 1px 0 #EC340E; margin-top: -55px;"><i>lorem ipsum</i></div> <!-------TITLE-------> <!-------LINKS-------> <div style="width: 110px; font: bold 11pt georgia, serif; text-align: center; margin-top: 10px; margin-left: 20px;"><i> <a style="text-decoration: none; color: #FFC56B;" href="LINK"><div style="background: #EC340E; margin-bottom: 2px; padding: 2px; display: inline-box;">inbox</div></a> <a style="text-decoration: none; color: #FFC56B;" href="LINK"><div style="background: #EC340E; margin-bottom: 2px; padding: 2px; display: inline-box;">permissions</div></a> <a style="text-decoration: none; color: #FFC56B;" href="LINK"><div style="background: #EC340E; margin-bottom: 2px; padding: 2px; display: inline-box;">app</div></a> <a style="text-decoration: none; color: #FFC56B;" href="LINK"><div style="background: #EC340E; margin-bottom: 2px; padding: 2px; display: inline-box;">cr chart</div></a> <a style="text-decoration: none; color: #FFC56B;" href="LINK"><div style="background: #EC340E; margin-bottom: 2px; padding: 2px; display: inline-box;">hmd</div></a> </i></div> <!-------LINKS-------> </div> <center> </raw-code>

VERSION 2 W/O BLURB <raw-code> <center> <div style="background: url(400pxBY240pxIMAGEHERE); width: 400px; height: 240px; text-align: left; border-top: 5px #EC340E solid; border-bottom: 5px #EC340E solid; box-shadow: 0 0 5px #bbb"> <br/> <!-------TITLE-------> <div style="width: inherit; font: bold 28pt georgia, serif; color: #FFC56B; text-align: center; text-shadow: 2px 0 0 #EC340E, -2px 0 0 #EC340E, 0 2px 0 #EC340E, 0 -2px 0 #EC340E, 1px 1px #EC340E, -1px -1px 0 #EC340E, 1px -1px 0 #EC340E, -1px 1px 0 #EC340E; margin-top: -55px;"><i>lorem ipsum</i></div> <!-------TITLE-------> <!-------LINKS-------> <div style="width: 110px; font: bold 11pt georgia, serif; text-align: left; margin-top: 10px; margin-left: 20px;"><i> <a style="text-decoration: none; color: #EC340E;" href="LINK">inbox</a> <br/> <a style="text-decoration: none; color: #EC340E;" href="LINK">permissions</a> <br/> <a style="text-decoration: none; color: #EC340E;" href="LINK">app</a> <br/> <a style="text-decoration: none; color: #EC340E;" href="LINK">cr chart</a> <br/> <a style="text-decoration: none; color: #EC340E;" href="LINK">hmd</a> </i></div> <!-------LINKS-------> </div> </center> </raw-code>