the design blog: Celebs Archives

Twiggy

Proving that occasionally I do respond to the requests of my readers, I designed this Twiggy design just for y'all. (Please note this picture is 600X800. This will look slightly different at a bigger resolution and likely Twiggy's foot will not be covered.) (Please note, I notice that some people are using this for sites promoting anorexia. Anorexia is a disease that can cause serious health problems, including serious brain damage and death. If you are suffering from this devastating disease, please visit Anad.org (U.S.) or NEDIC (Canada). I wish you all the best and hope you can find help.)

How your entry pages will look
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>twiggy</title> <style type="text/css"> body { background-image: url(http://design.lookingatstars.com/archives/twiggy.gif); background-position: top right; background-color:#FFF; background-repeat:no-repeat; margin:0px; text-align:center; } a:link {text-decoration: none; color: #F9F;} a:visited {text-decoration: none; color: #F9F;} a:active {text-decoration: none; color: #F9F;} a:hover {text-decoration: underline; color: #F9F;} #content { width:400px; margin:20px; padding:10px; float:left; border:2px solid #999; background:#FFF; } #menu { float:right; width:120px; font-family: georgia, times new roman, serif; font-size: medium; padding:5px; font-weight:bold; margin-top:5px; } .title { font-family: georgia, times new roman, serif; font-size: medium; color: #999; font-weight:bold; margin-top:5px; margin-bottom:5px; } .entry { font-family: georgia, times new roman, serif; font-size: x-small; color: #999; font-weight:normal; text-align:left; line-height:140%; } </style> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <div id="content"> <div class="entry"> <div class="title">%%date%% : %%short_description%%</div> %%entry%% <center><div class="title"><A HREF="%%prev%%">last</A> * <A HREF="%%next%%">next</A></center> </div></div> <div id="menu"> <a href="/index.html">mod</a><br /><a href="/older.html">retro</a><br /><a href="http://%%username%%.signmyguestbook.com">g-book</a><br /><a target="_blank" href="http://design.lookingatstars.com">designer</a><br /><a target="_blank" href="http://diaryland.com">host</a><br />  </div> </body> </html>

How your older.html page will look
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>twiggy</title> <style type="text/css"> body { background-image: url(http://design.lookingatstars.com/archives/twiggy.gif); background-position: top right; background-color:#FFF; background-repeat:no-repeat; margin:0px; text-align:center; } a:link {text-decoration: none; color: #F9F;} a:visited {text-decoration: none; color: #F9F;} a:active {text-decoration: none; color: #F9F;} a:hover {text-decoration: underline; color: #F9F;} #content { width:400px; margin:20px; padding:10px; float:left; border:2px solid #999; background:#FFF; } #menu { float:right; width:120px; font-family: georgia, times new roman, serif; font-size: medium; padding:5px; font-weight:bold; margin-top:5px; } .title { font-family: georgia, times new roman, serif; font-size: medium; color: #999; font-weight:bold; margin-top:5px; margin-bottom:5px; } .entry { font-family: georgia, times new roman, serif; font-size: x-small; color: #999; font-weight:normal; text-align:left; line-height:140%; } </style> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <div id="content"> <div class="title">Archives</div> <div class="entry">%%older_entries%%<br /> </div></div> <div id="menu"> <a href="/index.html">mod</a><br /><a href="/older.html">retro</a><br /><a href="http://%%username%%.signmyguestbook.com">g-book</a><br /><a target="_blank" href="http://design.lookingatstars.com">designer</a><br /><a target="_blank" href="http://diaryland.com">host</a><br />  </div> </body> </html>

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

Posted by hilary at 06:02 PM | Permalink | Comments (19) | TrackBacks (0)

Girl Power

Someone requested this design of me and I really liked the idea for a couple of reasons - I like that it's a strong, photo of a Latina woman. But it took me a while to find a version of this photo that could be edited the way I needed it to be.

How your entry pages will look
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>girl power</title> <style type="text/css"> body { background-image: url(http://design.lookingatstars.com/archives/rodriguez.gif); background-position: top left; background-color:#000; background-repeat:no-repeat; margin:0px; } a:link {text-decoration: none; color: #C00;} a:visited {text-decoration: none; color: #C00;} a:active {text-decoration: none; color: #C00;} a:hover {text-decoration: underline; color: #396;} #menu { float:left; width:120px; font-size:small; margin-top:250px; margin-left:180px; padding:5px; } #content { float:right; width:400px; margin:20px; padding:20px; border: 2px double #c00; background:#000; } .title { font-family: trebuchet ms, verdana, arial, sans-serif; font-size: small; color: #999; font-weight:bold; margin-top:5px; margin-bottom:5px; } .entry { font-family: verdana, arial, sans-serif; font-size: xx-small; color: #999; font-weight:normal; text-align:left; line-height:140%; } </style> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <div id="menu"> <div class="title"> <a href="/index.html">today's fight</a><br /><a href="/older.html">past rounds</a><br /><a href="http://%%username%%.signmyguestbook.com">bookie</a><br /><a target="_blank" href="http://design.lookingatstars.com">promoter</a><br /><a target="_blank" href="http://diaryland.com">arena</a><br />  </div></div> <div id="content"> <div class="title">%%date%% : %%short_description%%</div> <div class="entry">%%entry%%</div> <center><div class="title"><A HREF="%%prev%%">last</A> * <A HREF="%%next%%">next</A> </center></div></div> </body> </html>

How your older.html page will look
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>girl power</title> <style type="text/css"> body { background-image: url(http://design.lookingatstars.com/archives/rodriguez.gif); background-position: top left; background-color:#000; background-repeat:no-repeat; margin:0px; } a:link {text-decoration: none; color: #C00;} a:visited {text-decoration: none; color: #C00;} a:active {text-decoration: none; color: #C00;} a:hover {text-decoration: underline; color: #396;} #menu { float:left; width:120px; font-size:small; margin-top:250px; margin-left:180px; padding:5px; } #content { float:right; width:400px; margin:20px; padding:20px; border: 2px double #c00; background:#000; } .title { font-family: trebuchet ms, verdana, arial, sans-serif; font-size: small; color: #999; font-weight:bold; margin-top:5px; margin-bottom:5px; } .entry { font-family: verdana, arial, sans-serif; font-size: xx-small; color: #999; font-weight:normal; text-align:left; line-height:140%; } </style> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <div id="menu"> <div class="title"> <a href="/index.html">today's fight</a><br /><a href="/older.html">past rounds</a><br /><a href="http://%%username%%.signmyguestbook.com">bookie</a><br /><a target="_blank" href="http://design.lookingatstars.com">promoter</a><br /><a target="_blank" href="http://diaryland.com">arena</a><br />  </div></div> <div id="content"> <div class="title">Archives</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 />

Posted by hilary at 10:30 PM | Permalink | Comments (6) | TrackBacks (0)

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 />

Posted by hilary at 08:36 AM | Permalink | Comments (5) | TrackBacks (0)

the design blog

Freeware templates and styles for Movable Type and Diaryland blogs, diaries, journals et cetera.

February 03, 2004

Twiggy

November 24, 2003

Girl Power

August 11, 2003

Monroe Diaries