Josh Groban

17 July 2004 at 11:31 pm

Hello! This is what this design will look like. It was requested by free2dream, who wanted something with Josh Groban. Somehow it was very easy to make, and I found some other pictures so I might make a few more Josh things. I'd never heard of him before this, but then I'm not much of a music person, really. I can never really remember names of songs or bands, so I missed out on being able to have favourites. I can remember lyrics really well, and I tend to sing along to songs without knowing what they're called or who wrote them. You will need to change the USERNAME bits to your username, and the %%PREV%% and %%NEXT%% to lowercase.

To get the code for this entry, simply copy and paste the code below into your change my template area.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
 <head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  <title>Josh Groban</title>
  <style type="text/css">
   body{
    font:12px 'Trebuchet MS';
    background-color:#1C453D;}
   .entry{
    width:700px;
    height:425px;
    overflow:auto;
    padding:10px 10px 10px 330px;
    font:12px 'Trebuchet MS';
    line-height:18px;
    text-align:right;
    color:#1A3B1C;
    border:4px solid #163226;
    background-color:#E5E6FB;
    background-image:url(http://www.sitefights.com/community/graphics/pinkfreak2//joshgroban.jpg);
    background-repeat:no-repeat;
    background-attachment:fixed;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#6F9C5B;
    text-decoration:none;}
   a:visited{
    color:#6F9C5B;
    text-decoration:none;}
   a:hover{
    color:#8FB48B;
    text-decoration:underline;}
   a:active{
    color:#8FB48B;
    text-decoration:none;}
   b,i,u,strong,em{
    color:#163226;}
   hr{
    color:#163226;
    height:4px;}
   blockquote{
    margin:20px 0px 20px 0px;
    padding:10px;
    text-align:justify;
    color:#547446;
    background-color:#8FB48B;
    border:2px solid #6F9C5B;}
   input,textarea{
    font:11px 'Trebuchet MS';
    color:#547446;
    background-color:#8FB48B;
    border:2px solid #6F9C5B;}
   h1{
    margin:0px;
    font-size:24px;
    font-weight:bold;
    line-height:30px;
    text-align:right;
    color:#163226;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:16px;
    font-weight:bold;
    line-height:22px;
    text-align:right;
    color:#163226;}
   h3{
    margin:10px 0px 0px 0px;
    font-size:18px;
    font-weight:bold;
    line-height:24px;
    text-align:right;
    color:#163226;}
   h4{
    margin:0px;
    font-size:14px;
    font-weight:bold;
    line-height:20px;
    text-align:right;
    color:#163226;}
   h5{
    margin:0px 0px 10px 0px;
    font-size:16px;
    font-weight:bold;
    line-height:22px;
    text-align:right;
    text-transform:uppercase;
    color:#163226;}
   h6{
    margin:0px 0px 10px 0px;
    font-size:12px;
    font-weight:bold;
    line-height:18px;
    text-align:right;
    text-transform:uppercase;
    color:#163226;}
  </style>
 </head>
 <body>
  <center>
   <br /><br /><br /><br />
  <div class="entry">
   <h1>%%short_description%%</h1>
   <h2>%%date%% at %%time%%</h2>
    %%entry%%
   <h3><a href="%%PREV%%">last</a> & <a href="%%NEXT%%">next</a></h3>
   <h4><a href="index.html">newest</a> <a href="older.html">archives</a> <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">profile</a> <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a> <a href="http://www.joshgroban.com" target="_blank">josh</a> <a href="http://pink-design.diaryland.com" target="_blank">design</a> <a href="http://www.diaryland.com" target="_blank">host</a></h4>
  </div>
   <br /><br /><br /><br />
  </center>
 </body>
</html>

To make your older entries page match, paste this code into your change your archive page area.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
 <head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  <title>Josh Groban</title>
  <style type="text/css">
   body{
    font:12px 'Trebuchet MS';
    background-color:#1C453D;}
   .entry{
    width:700px;
    height:425px;
    overflow:auto;
    padding:10px 10px 10px 330px;
    font:12px 'Trebuchet MS';
    line-height:18px;
    text-align:right;
    color:#1A3B1C;
    border:4px solid #163226;
    background-color:#E5E6FB;
    background-image:url(http://www.sitefights.com/community/graphics/pinkfreak2//joshgroban.jpg);
    background-repeat:no-repeat;
    background-attachment:fixed;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#6F9C5B;
    text-decoration:none;}
   a:visited{
    color:#6F9C5B;
    text-decoration:none;}
   a:hover{
    color:#8FB48B;
    text-decoration:underline;}
   a:active{
    color:#8FB48B;
    text-decoration:none;}
   b,i,u,strong,em{
    color:#163226;}
   hr{
    color:#163226;
    height:4px;}
   blockquote{
    margin:20px 0px 20px 0px;
    padding:10px;
    text-align:justify;
    color:#547446;
    background-color:#8FB48B;
    border:2px solid #6F9C5B;}
   input,textarea{
    font:11px 'Trebuchet MS';
    color:#547446;
    background-color:#8FB48B;
    border:2px solid #6F9C5B;}
   h1{
    margin:0px;
    font-size:24px;
    font-weight:bold;
    line-height:30px;
    text-align:right;
    color:#163226;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:16px;
    font-weight:bold;
    line-height:22px;
    text-align:right;
    color:#163226;}
   h3{
    margin:10px 0px 0px 0px;
    font-size:18px;
    font-weight:bold;
    line-height:24px;
    text-align:right;
    color:#163226;}
   h4{
    margin:0px;
    font-size:14px;
    font-weight:bold;
    line-height:20px;
    text-align:right;
    color:#163226;}
   h5{
    margin:0px 0px 10px 0px;
    font-size:16px;
    font-weight:bold;
    line-height:22px;
    text-align:right;
    text-transform:uppercase;
    color:#163226;}
   h6{
    margin:0px 0px 10px 0px;
    font-size:12px;
    font-weight:bold;
    line-height:18px;
    text-align:right;
    text-transform:uppercase;
    color:#163226;}
  </style>
 </head>
 <body>
  <center>
   <br /><br /><br /><br />
  <div class="entry">
   <h1>Archives</h1>
    %%older_entries%%
   <h4><a href="index.html">newest</a> <a href="older.html">archives</a> <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">profile</a> <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a> <a href="http://www.joshgroban.com" target="_blank">josh</a> <a href="http://pink-design.diaryland.com" target="_blank">design</a> <a href="http://www.diaryland.com" target="_blank">host</a></h4>
  </div>
   <br /><br /><br /><br />
  </center>
 </body>
</html>

And paste this code into your change how each page on your older.html page looks area.

If you need any help or anything doesn't work for you, check out the FAQ/Help page or just email me and I'll do my best to help out.

Josh Groban

17 July 2004 at 11:31 pm

last & next

news designs about links @ notes josh design host