the design blog: Monroe Diaries

I am very excited about this uber-sexy, seamless, Marilyn Monroe design. For all those who are as (or perhaps even more) obsessed with Marilyn than I am. As usual the screenshot was taken in 1024x758 but this design looks great in 800x600 screen resolution too.

Also, I usually shy away from cutsie alterations on the typical links to guestbook, archives, etc. But in this case I think it works.

How your entry pages will look
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> body { margin:0px 0px 0px 0px; background:#000 url("http://design.lookingatstars.com/archives/monroe.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0px 0px; } a:link { text-decoration: none; color: #CCC; } a:visited { text-decoration: none; color: #CCC; } a:active { text-decoration: none; color: #CCC; } a:hover { text-decoration: none; color: #CCC; } #content { width: "65%"; float: right; padding:15px; margin-top:20px;} .title {font-family: georgia, palatino, serif, serif; font-size: small; padding: 10px; text-decoration:italic; text-align:left; color:#FFF;} .entry {font-family: georgia, palatino, serif; font-size: small; text-decoration: none; padding:20px; color:#FFF;} .menu {font-family: georgia, palatino, sans-serif; font-size: xx-small; padding: 15px; color:FFF; text-align:center;} </style> <title>monroe diary</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="description" content="Designed by Hilary from http://design.lookingatstars.com/"> </head> <body> <div id="content"> <div class="menu"><font color="white"> <a href="/index.html">now filming</a> · <a href="/older.html">filmography</a><font-color="white">· <a href="http://%%username%%.signmyguestbook.com">autographs</a> · <a target="_blank" href="http://design.lookingatstars.com">art direction</a> · <a href="http://www.diaryland.com">studio </a></font></div> <div class="title">%%date%% · %%short_description%%</div> <div class="entry">%%entry%%</div> <center><div class="title"><a href="%%prev%%">-</a> · <a href="%%next%%">+</a></div></center></div> </body> </html>

How your older.html page will look
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> body { margin:0px 0px 0px 0px; background:#000 url("http://design.lookingatstars.com/archives/monroe.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0px 0px; } a:link { text-decoration: none; color: #CCC; } a:visited { text-decoration: none; color: #CCC; } a:active { text-decoration: none; color: #CCC; } a:hover { text-decoration: none; color: #CCC; } #content { width: "65%"; float: right; padding:15px; margin-top:20px;} .title {font-family: georgia, palatino, serif, serif; font-size: small; padding: 10px; text-decoration:italic; text-align:left; color:#FFF;} .entry {font-family: georgia, palatino, serif; font-size: small; text-decoration: none; padding:20px; color:#FFF;} .menu {font-family: georgia, palatino, sans-serif; font-size: xx-small; padding: 15px; color:FFF; text-align:center;} </style> <title>monroe diary</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="description" content="Designed by Hilary from http://design.lookingatstars.com/"> </head> <body> <div id="content"> <div class="menu"><font color="white"> <a href="/index.html">now filming</a> · <a href="/older.html">filmography</a><font-color="white">· <a href="http://%%username%%.signmyguestbook.com">autographs</a> · <a target="_blank" href="http://design.lookingatstars.com">art direction</a> · <a href="http://www.diaryland.com">studio </a></font></div> <div class="entry">%%older_entries%%</div> </div> </body> </html>

How each entry on your older.html page looks
%%date%% - <A HREF="%%page_name%%">%%short_description%%</A><BR />