blogger template: Taipei 101

The template code: <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\"> <html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"en\" lang=\"en\"> <head> <link rel=\"Shortcut Icon\" href=\"http://replace.photobucket.com/albums/replace/imagex01.jpg\"> <title><$BlogPageTitle$></title> <$BlogMetaData$> <style type=\"text/css\"> /* -- basic html elements -- */ body {padding: 0; margin: 0; font: 75% Helvetica, Arial, sans-serif; color: #000; text-align: center; background: transparent url(http://replace.photobucket.com/albums/replace/tai_bg.jpg) bottom left no-repeat fixed; } a {color: #555252; font-weight: normal; text-decoration: none; } a:visited {color: #4e4444;} a:hover {color: #000;} h1 {margin: 0; color: #000; font-size: 1.5em; } h1 a {color: #7B8186;} h2, #comments h4 {font-size: 1em; margin: 2em 0 0 0; color: #000; background: transparent bottom right no-repeat; padding-bottom: 2px;border-bottom:thin dotted black; color:#000;} h3 {font-size: 1em; margin: 2em 0 0 0; background: transparent bottom left no-repeat; padding-left: 2px;padding-bottom: 1px;border-bottom:2px dashed #000;} h4, h5 {font-size: 0.9em; text-transform: lowercase; letter-spacing: 2px;} h5 {color: #000;} h6 {font-size: 0.8em; text-transform: uppercase; letter-spacing: 2px;} p {margin: 0 0 1em 0;} img, form {border: 0; margin: 0;} /* -- layout -- */ #content {width: 738px; margin: 0 auto; text-align: left; } #header {} #header div {margin-left:50;margin-top:18px;width:450px;height:150px;} #main { line-height: 1.4; float: left; padding: 10px 25px; border-top: solid 0px #fff; width: 450px; /* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */ voice-family: \"\\\"}\\\"\"; voice-family: inherit; } /* IE5 hack */ #main {} #sidebar {margin-left: 533px; border-top: solid 0px #fff; padding: 4px 0 0 7px; width:190px;} #footer {clear: both; border-top: solid 0px #fff;} #pcent {font-weight: normal; text-decoration: none;} /* -- header style -- */ #header h1 {padding: 24px 0 12px 24px; width: 490px; line-height: 1;} #header p {padding: 24px 0 12px 24px; width: 490px; line-height: 1;} /* -- content area style -- */ #main {line-height: 1.4;} h3.post-title {font-size: 1.2em; margin-bottom: 0;} h3.post-title a {color: #000;} .post {clear: both; margin-bottom: 4em;} .post-footer em {color: #000; font-style: normal; float: left;} .post-footer .comment-link {float: right;} #main img {border: solid 0px #E3E4E4; padding: 2px; background: #fff;} .deleted-comment {font-style:italic;color:gray;} /* -- sidebar style -- */ #sidebar #description {border: solid 0px #F3B89D; padding: 10px 17px; color: #000; font-size: 1.2em; font-weight: normal; line-height: 0.9; margin: 0 0 0 -6px;width:190px;} #sidebar h2 {font-size: 1.0em; margin: 1.3em 0 0.5em 0;background: transparent bottom right no-repeat; padding-bottom: 2px;} #sidebar dl {margin: 0 0 10px 0;} #sidebar ul {list-style: none; margin: 0; padding: 0;} #sidebar li {padding-bottom: 5px; line-height: 0.9;} #sidebar a {color: #555252; font-weight: normal; text-decoration: none;font-size: 0.9em; padding-left:1px; } #sidebar a:visited {color: #4e4444; padding-left:1px;} #sidebar a:hover {color:black; background-position:0 0; background-repeat:no-repeat; padding-left:1px; border-bottom:1px dotted #98B952 } .small{font-size: 0.8em;} #profile-container {color: #000;} #profile-container img {border: solid 1px #7C78B5; padding: 4px 4px 8px 4px; margin: 0 10px 1em 0; float: left;} .archive-list {margin-bottom: 2em;} #powered-by {margin: 10px auto 20px auto;} /* -- sidebar style -- */ #footer p {margin: 0; padding: 12px 8px; font-size: 0.9em;} #footer hr {display: none;} </style> </head> <body>  <div id=\"content\" style=\"LEFT: 24px; POSITION: absolute; TOP: 0px; visibility:visible; \"> <div id=\"header\"><div > <h1><ItemPage><a href=\"<$BlogURL$>\"></ItemPage> <$BlogTitle$> <ItemPage></a></ItemPage></h1> <p><$BlogDescription$></p> </div></div>  <div id=\"main\" align=\"justify\"> <Blogger> <BlogDateHeader> <h2 class=\"date-header\"><$BlogDateHeaderDate$></h2> </BlogDateHeader>  <div class=\"post\"><a name=\"<$BlogItemNumber$>\"></a> <BlogItemTitle> <h3 class=\"post-title\"> <BlogItemUrl><a href=\"<$BlogItemUrl$>\" title=\"external link\"></BlogItemUrl> <$BlogItemTitle$> <BlogItemUrl></a></BlogItemUrl> </h3> </BlogItemTitle> <p><$BlogItemBody$></p> <p class=\"post-footer\"> <em>posted by <$BlogItemAuthorNickname$> @ <a href=\"<$BlogItemPermalinkUrl$>\" title=\"permanent link\"><$BlogItemDateTime$></a></em> <BlogItemCommentsEnabled> <a class=\"comment-link\" href=\"<$BlogItemCommentCreate$>\"<$BlogItemCommentFormOnclick$>>Comments: <$BlogItemCommentCount$></a> </BlogItemCommentsEnabled> <$BlogItemControl$> </p> </div>    </Blogger> </div>   <div id=\"sidebar\">  <$BlogMemberProfile$>  <h2 class=\"sidebar-title\">Previous Posts</h2> <ul id=\"recently\"> <BloggerPreviousItems> <li><a href=\"<$BlogItemPermalinkURL$>\"><$BlogPreviousItemTitle$></a></li> </BloggerPreviousItems> </ul> <h2 class=\"sidebar-title\">Archives</h2> <ul class=\"archive-list\"> <BloggerArchives> <li><a href=\"<$BlogArchiveURL$>\"><$BlogArchiveName$></a></li> </BloggerArchives> <ArchivePage><li><a href=\"<$BlogURL$>\">Current Posts</a></li></ArchivePage> </ul> </MainOrArchivePage>  <br>Blog Design By: <a href=\"http://blogspottemplates.blogspot.com/\">BlogSpot Templates</a><BR>  </div>   <div id=\"footer\"> <p>  </p> </div>  </div>  </body> </html>

blogger template

Saturday, January 20, 2007

Taipei 101

No comments:

Labels

Recent Posts

Blog Archive

Link to me

Links