Brother Bear ; Best blogger templates and skins

106

template name: Brother Bear

Size: 35 KB

2 Layers , 2 Columns , Fixed Background

Special for Blogger (blogspot)

Best quality (IE & Firefox) all Size and Resolutions

large size

Live Sample

Help

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head><title><$BlogPageTitle$></title><$BlogMetaData$> <style type="text/css"> /* ----------------------------------------------- Blogger Template Style Name: Brother_Bears Designer:j.aghili URL: www.finalsense.com Date: August 2006 ----------------------------------------------- */ body { background : #ffffff url('http://photos1.blogger.com/blogger/2660/3592/1600/Brother_Bear1.jpg') no-repeat fixed top left; color : #677899; padding : 10; marging : 10; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif } h1 { margin-top : 40px; font : bold 220% Georgia, serif; text-align: center; color: #ff9900; padding-bottom: 30px; } #links { line-height : 130%; position : absolute; top: 100px; left: 10px; width: 175px; color : #677899; } #content { width : 420px; line-height : 130%; position : absolute; top : 0px; left : 195px; padding: 10px; } h2 { font-weight : bold; font-size : 100%; color: #0099cc; padding-bottom : 10px; } h3 { font-weight : normal; font-size : 80%; margin : 1em 0; padding : 0; } .postinfo { font-size : 95%; margin-bottom: 35px; color: #ff9900; } a:link { color : #ff9900; } a:visited { color : #ff9933; } a:active { color : #ff9933; } a:hover { color : #CC9900; } #content a:link { color : #ff9933; } #content a:visited { color : #678897; } #content a:active { color : #CC9900; } #content a:hover { color : #CC9900; } #links h2 { font-weight : bold; font-size : 100%; margin : 0; padding : 0; border-bottom : 0px none; } #links ul { margin : 0 0 2em 0; padding : 0; list-style : none; } #links li, #links dt, #links dd, #links dl { margin : 0; padding : 0; } #links .profile-link { margin : 3px 0 2em 0; padding : 0; } #links img { margin : 3px 0; border : 1px solid white; } /* Posts ----------------------------------------------- */ @media all { .date-header { margin:1.5em 0 .5em; } .post { margin:.5em 0 .5em; border-bottom:1px dotted; padding-bottom:1.5em; } } @media handheld { .date-header { padding:0 1.5em 0 1.5em; } .post { padding:0 1.5em 0 1.5em; } } .post-title { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; } .post-title a, .post-title a:visited, .post-title strong { display:block; text-decoration:none; font-weight:normal; } .post-title strong, .post-title a:hover { } .post div { margin:0 0 .75em; line-height:1.6em; } p.post-footer { margin:-.25em 0 0; } .post-footer em, .comment-link { font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } .post-footer em { font-style:normal; color:#999; margin-right:.6em; } .comment-link { margin-left:.6em; } .post img { margin : 3px 0; border : 1px solid white; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#999; } #comments h4 strong { font-size:130%; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block dt { margin:.5em 0; } #comments-block dd { margin:.25em 0 0; } #comments-block dd.comment-timestamp { margin:-.25em 0 2em; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } #comments-block dd p { margin:0 0 .75em; } .deleted-comment { font-style:italic; } </style> </head> <div id="content" style="width: 365; height: 382">  <h1><$BlogTitle$></h1> <Blogger> <BlogDateHeader> <h3><$BlogDateHeaderDate$></h3> </BlogDateHeader>  <a name="<$BlogItemNumber$>"></a> <BlogItemTitle> <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl> <h2><span style="text-decoration: none"><$BlogItemTitle$></span></span></h2> <BlogItemUrl></a></BlogItemUrl> </BlogItemTitle> <div class="posts"> <$BlogItemBody$> </div> <div class="postinfo"> posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a> <MainOrArchivePage><BlogItemCommentsEnabled> <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a> </BlogItemCommentsEnabled><BlogItemBacklinksEnabled> <a class="postinfo" href="<$BlogItemPermalinkUrl$>#links">links to this post</a> </BlogItemBacklinksEnabled> </MainOrArchivePage> <$BlogItemControl$> </p> </div>   <ItemPage> <div id="comments"> <BlogItemCommentsEnabled><a name="comments"></a> <h3><$BlogItemCommentCount$> Comments:</h3> <dl id="comments-block"> <BlogItemComments> <dt class="postinfo" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a> <$BlogCommentAuthor$> said... </dt> <dd class="comment-body"> <p><$BlogCommentBody$></p> </dd> <dd class="comment-timestamp"><a href="#<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a> <$BlogCommentDeleteIcon$> </dd> </BlogItemComments> </dl> <p class="comment-timestamp"> <$BlogItemCreate$> </p> </BlogItemCommentsEnabled> <BlogItemBacklinksEnabled> <a name="links"></a><h4>Links to this post:</h4> <dl id="comments-block"> <BlogItemBacklinks> <dt class="comment-title"> <$BlogBacklinkControl$> <a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a> <$BlogBacklinkDeleteIcon$> </dt> <dd class="comment-body"><$BlogBacklinkSnippet$> <br /> <span class="comment-poster"> <em>posted by <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em> </span> </dd> </BlogItemBacklinks> </dl> <p class="comment-timestamp"><$BlogItemBacklinkCreate$></p> </BlogItemBacklinksEnabled> <p class="comment-timestamp"> <a href="<$BlogURL$>"><< Home</a> </p> </div> </ItemPage> </Blogger>   </div> <div id="links"> <p><$BlogDescription$></p> <p style="margin-top: 0; margin-bottom: 0"><$BlogMemberProfile$></p> <p style="margin-top: 0; margin-bottom: 0"> <ul> <h2>Previous Posts</h2> <ul id="recently"> <p style="margin-top: 0; margin-bottom: 0"> <BloggerPreviousItems> <a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li> </BloggerPreviousItems> </p> </ul> <MainOrArchivePage> <h2>Archives</h2> <ul> <BloggerArchives> <li> <p style="margin-top: 0; margin-bottom: 0"><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li> </BloggerArchives> </ul> </MainOrArchivePage> <h2>My links</h2> <ul> <li> <p style="margin-top: 0; margin-bottom: 0"> <a target="_blank" href="http://www.blogger.com"> <span style="text-decoration: none">Blogger</span></a></li> <li> <p style="margin-top: 0; margin-bottom: 0"> <a target="_blank" href="http://www.google.com"> <span style="text-decoration: none">Google</span></a></li> <li> <p style="margin-top: 0; margin-bottom: 0"> <a target="_blank" href="http://www.finalsense.com"> <span style="text-decoration: none">Finalsense</span></a></li> </p> <li> <p style="margin-top: 0; margin-bottom: 0"> </p> <h2>Sponsored Links</h2> </li> <li> <p style="margin-top: 0; margin-bottom: 0"> <span style="text-decoration: none"><font face="Verdana" style="font-size: 9pt"> <a target="_blank" href="http://www.finalsense.com/software/software_information_review.htm"> <span style="text-decoration: none">Downloads</span></a></font></span></li> <li> <p style="margin-top: 0; margin-bottom: 0"><span style="text-decoration: none"> <font face="Verdana" style="font-size: 9pt"> <a target="_blank" href="http://www.finalsense.com/games/best_game_zone.htm"><span style="text-decoration: none"> Games</span></a></font></span></li> <li> <p style="margin-top: 0; margin-bottom: 0"><font face="Verdana"><span style="text-decoration: none"> <font style="font-size: 9pt"> <a target="_blank" href="http://www.finalsense.com/news.htm"> <span style="text-decoration: none">Technology News</span></a></font></span><font style="font-size: 9pt"></li> </font></font> </p> <p style="margin-top: 0; margin-bottom: 0"><font face="Verdana"> <span style="text-decoration: none"><font style="font-size: 9pt"> <a target="_blank" href="http://www.finalsense.com/services/blog_templates/1th_templates.htm"> <span style="text-decoration: none">Templates</span></a></font></span><font style="font-size: 9pt"> </font></font> </p> </li> <li> <p style="margin-top: 0; margin-bottom: 0"> </p> <p style="margin-top: 0; margin-bottom: 0"> <a target="_blank" href="http://www.finalsense.com"> <img width="91" height="17" src="http://photos1.blogger.com/blogger/3500/1725/1600/finalsense-logo.jpg" alt="Designed by FinalSense" style="border : 0px none;; margin-top:0; margin-bottom:0" /></a></p> </li> </div> </body> </html>

Revert to classic template first! and replace this HTML code with your current template code...learn more>>>

<<<previous Index next>>>

Blogger Templates

Web Site Tools:

Feeds