- MidnightAlleyBlogcuSablonu

www.tasarlamak.blogcu.com'dan alıntıdır.....

Midnight Alley Blogcu Şablonu

Birkaç gün önce bir okuyucum 2 kolonlu bir şablon isteğinde bulunmuştu. Blogcu şablonlarında bu tarz bir şablonun eksikliği vardı. Ben de beğeneceğinizi umarak yan yana çift sütunlu bir şablon uyarladım.

Şablon, gördüğünüz resim dosyası barındırmıyor diyebiliriz. Bu sebepten blogunuzun açılma süresi nispeten kısa olacaktır.
Şablon kodlarına Altaki kodu kopyalarak ulaşa bilirsiniz.

<!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"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title><%Title%></title> <meta name="keywords" content="anahtar kelimeler" /> <meta name="description" content="blog tanımı" /> <link href="default.css" rel="stylesheet" type="text/css" /> </head> <style> /* */ * { margin: 0; padding: 0; } body { margin: 0; background: #000000 url(http://img530.imageshack.us/img530/5122/img01vv3.gif) repeat-y; font-family: Georgia, "Times New Roman", Times, serif; color: #CCCCCC; } h1, h2, h3 { text-transform: lowercase; font-weight: normal; color: #33FFFF; } h1 { font-size: 2.4em; } h2 { font-size: 1.6em; } h3 { font-size: 1em; } p, blockquote, ul, ol { margin-bottom: 1.5em; line-height: 1.8em; } p { } blockquote { margin-left: 2em; margin-right: 2em; font-style: italic; } ul { margin-left: 3em; } ul li { } ol { margin-left: 3em; } ol li { } a { color: #33FFFF; } a:hover { text-decoration: none; color: #FFFFFF; } img { } img.left { float: left; margin: 10px 20px 0 0; } img.right { float: right; margin: 0 0 0 20px; } /* Boxed Style */ .boxed { } .boxed .title { margin-bottom: 10px; } .boxed .content { } /* Post */ .post { } .post .title { } .post .date { margin-bottom: 2em; } .post .date .month { } .post .date .day { } .post .date .year { } .post .meta { margin-bottom: 20px; padding: 10px 0; border-top: 1px dotted #333333; border-bottom: 4px dotted #333333; font-size: x-small; } .post .meta p { margin: 0; } .post .story { } /* Header */ #header { height: 170px; background: #000000 url(http://img359.imageshack.us/img359/9724/img02vp1.gif) repeat-x; } /* Header > Logo */ #logo { float: left; } #logo h1, #logo h2 { float: left; padding: 100px 0 0 20px; } #logo h2 { padding-left: .25em; } #logo a { text-decoration: none; color: #FFFFFF; } /* Header > Menu */ #menu { float: right; } #menu ul { margin: 0; padding: 120px 10px 0 0; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; padding: 0 15px; text-decoration: none; text-transform: lowercase; font-size: 1em; font-weight: bold; color: #FFFFFF; } #menu a:hover { text-decoration: underline; } #menu .active a { } /* Content */ #content { padding: 20px; } /* Content > Main */ #main { margin-left: 460px; padding: 20px; } /* Content > Main > Welcome */ #welcome { } /* Content > Main > Example */ #example { } /* Content > Sidebar */ #sidebar { float: left; width: 180px; padding: 20px; } #sidebar .title { border-bottom: 5px solid #666666; } #sidebar a { } /* Content > Sidebar > Login */ #login { } #login form { } #login fieldset { border: none; } #login legend { display: none; } #login label { display: block; } #login input { margin-bottom: 10px; font: normal small Georgia, "Times New Roman", Times, serif; } #inputtext1, #inputtext2 { width: 170px; } #inputsubmit1 { } /* Content > Sidebar > Updates*/ #updates { } #updates ul { margin: 0; list-style: none; } #updates h3 { font-size: .8em; } #updates p { line-height: normal; font-size: .8em; } #updates a { } /* Content > Sidebar2 */ #sidebar2 { float: left; width: 180px; padding: 20px; } #sidebar2 .title { border-bottom: 5px solid #666666; } #sidebar2 a { } #sidebar2 ul { margin-left: 0; padding-left: 0; list-style: none; } /* Footer */ #footer { clear: both; padding: 20px; } #footer p { margin: 0; text-align: right; line-height: normal; font-size: x-small; } #footer a { text-decoration: underline; color: #666666; } #footer a:hover { text-decoration: none; } /* Footer > Legal */ #legal { } /* Footer > Links */ #links { } </style> <body> <div id="header"> <div id="logo"> <h1><a href="<%MainPageURL%>"><%Title%></a></h1> <h2><%Description%></h2> </div> <div id="menu"> <ul> <li><a href="<%MainPageURL%>"><span>Ana Sayfa</span></a></li> <li><a href="<%ProfileURL%>"><span>Hakkında</span></a></li> <li><a href="<%ArchiveURL%>"><span>Arşiv</span></a></li> <li><a href="mailto:<%Email%>"><span>İletişim</span></a></li> <li><a href="<%SiteFeedURL%>"><span>RSS</span></a></li> </ul> </div> </div> <div id="content"> <div id="sidebar"> <div id="login" class="boxed"> <h2 class="title">Kategorilerim</h2> <div class="content"> <%Kategorilerim%> </div> </div> <br /> <div id="updates" class="boxed"> <h2 class="title">Son Yorumlar</h2> <div class="content"> <%SonYorumlar%> </div><br/ > <h2 class="title">Arkadaşlarım</h2> <Friends> <a href="<%FriendURL%>" target="_blank" title="<%FriendUsername%>"><%FriendUsername%></a></li> </Friends> </div> </div> <div id="sidebar2"> <div id="lorem" class="boxed"> <h2 class="title">Son Yazılar</h2> <div class="content"> <ul> <RecentEntry> <li><%RecentEntryTitle%></li> </RecentEntry> </div> <h2 class="title">Hakkında</h2> <img src='<%Avatar%>' class='avatar' width='75' height='75' border='0'><br /> <a href="<%ProfileURL%>" title="">Blog Yazarı</a> </div> </div> <div id="main"> <div id="welcome" class="post"> <IfMainPage><Entry> <h2><%EntryTitle%></h2><p> <%EntryBody%> <p align="left"> <IfCategoriesAllowed> <%EntryDate%> | Kategori: <%EntryCategory%> |</IfCategoriesAllowed> <IfCommentsAllowed><a href='<%EntryURL%>'>Yorum</a> (<%EntryCommentCount%>) |</IfCommentsAllowed> <IfCommentPostAllowed><a href='<%CommentPostURL%>'>Yorum Yaz</a></IfCommentPostAllowed></Entry> <p align="center"><strong><EarlierLink><span class="bigtext1"><Önceki Yazılar</span></EarlierLink> <span class="bigtext1"> | <LaterLink>Sonraki Yazılar></LaterLink> </span></strong> <p> </IfMainPage>  <IfArchivePage><h1 class="warning">Arşiv</h1> <%ArchiveInfo%></IfArchivePage> <IfEntryPage><Entry> <h2><%EntryTitle%></h2> <p><%EntryBody%> <p align="left"> <IfCategoriesAllowed> <%EntryDate%> | Kategori: <%EntryCategory%> | </IfCategoriesAllowed> <a href='<%EntryURL%>'>Yorum</a> (<%EntryCommentCount%>) | <IfCommentPostAllowed><a href='<%CommentPostURL%>'>Yorum Yaz</a></IfCommentPostAllowed><br /> <SendThisLink>Arkadaşına Gönder</SendThisLink> </p> <br /> <p align="center"><strong><EarlierLink><span class="bigtext1">Önceki Sayfa</span></EarlierLink> <span class="bigtext1"> | <%CurrentPage%> : <%TotalPages%> | <LaterLink>Sonraki Sayfa</LaterLink> </span></strong> <p> <ol class="commentlist"><Comment> <blockquote> <li class=alt> <img src="<%CommentAuthorAvatar%>" align="left" width="40" height="40"/> <b>Yazan</b>: <%CommentAuthor%> <%CommentAuthorIP%> | <b>Tarih</b>: <%CommentDate%><br /> <b> Konu</b>: <%CommentTitle%><br /> <small><%CommentBody%></small> <p class=info><a href='<%CommentURL%>'>Bağlantı ></a> <CommentEdit>Düzenle ></CommentEdit><CommentDelete>Sil</CommentDelete></p> </li></blockquote></Comment></IfCommentsAllowed></ol> <IfCommentsAllowed><IfCommentPostAllowed></IfPages> </IfCommentPostAllowed></IfCommentsAllowed> </Entry></IfEntryPage> </div> </div> </div> </div> <div id="footer"> <p id="legal">Copyright © 2007 <%Title%>.<br /> Tasarım: <a href="http://www.freecsstemplates.org/">Free CSS Templates</a> | <a href="http://www.blogcu.com">Blogcu</a> uyarlama: <a href="http://www.bedava-sitem-sablonlari.tr.gg">BEDAVA ŞABLON</a></p> </div> </body> </html> http://www.bedava-sitem-sablonlari.tr.gg