- BlackboxBlogcuSablonu

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

Blackbox Blogcu Şablonu

Son zamanlarda karanlık şablonlar düzenliyorum tesedüfen. Blackbox da adından anlaşılacağı üzere cıvıl cıvıl sayılmaz. Ancak görsellik ve fonksiyonellikten ziyade içerik ve yazılar üzerinde daha çok duran blogcular için uygun olacağını zannediyorum.

Hemen belirteyim şanlonun üst kısmındaki ana yönlendirme hariç ayrıca bir menü yok. Ancak orijinalliği bozmamaya çalışarak en alta, son yazılarınızı gösterecek küçük bir yer ekledim.

Şablon kodlarına ALTTAKİ KODU KOPYALAYARAK ALABİLİRSİZNİZ.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/> <meta name="description" content="<%Description%>"/> <meta name="keywords" content="anahtar kelimeleriniz"/> <meta name="author" content="site sahibi"/> <link rel="stylesheet" type="text/css" href="default.css"/> <title><%Title%></title> </head> <style> /*############################################################# Name: Blackbox Date: 2006-06-01 Author: Viktor Persson URL: http://arcsin.se Feel free to use and modify but please provide credits. #############################################################*/ /* Standard elements */ * { margin: 0; padding: 0; } a { color: #999; text-decoration: none; } body { background: #000 url(http://img104.imageshack.us/img104/2671/bgwm7.png) repeat-x fixed left bottom; color: #555; margin: 20px 0; text-align: center; font: normal 0.7em sans-serif,Arial; } ul { margin: 12px 0; } li { list-style: url(http://img164.imageshack.us/img164/377/lizx6.gif); margin-left: 18px; } code { font: normal 1em "Lucida Sans Unicode",serif; background: url(img/bgcode.gif); color: #888; display: block; padding: 3px 6px; white-space: pre; margin-bottom: 12px; } /* Misc */ div.quote { margin-bottom: 12px; font: normal 1.1em "Lucida Sans Unicode",serif; background: url(http://img261.imageshack.us/img261/2541/quotetr1.gif) no-repeat; padding-left: 28px; color: #666; } /* Main structure */ .main { background: #000; border: 3px double #EEE; border-color: #141414 #202020 #222 #202020; margin: 20px auto 4px auto; text-align: left; width: 600px; } /* Header */ .gfx { background: #222 url(http://img164.imageshack.us/img164/6978/darkpixelxn5.jpg) no-repeat; height: 240px; } .gfx h1 { color: #111; font: normal 2.6em Tahoma,sans-serif; padding: 16px 20px; } /* Menu */ .menu a { background: #000 url(http://img164.imageshack.us/img164/6857/bgmenulh5.png) repeat-x; border-right: 1px solid #222; border-top: 1px solid #1A1A1A; color: #444; font-size: 1.2em; float: left; padding-top: 4px; width: 149px; height: 36px; } .menu a span { padding-left: 6px; } .menu a:hover { background-position: left bottom; color: #666; } .menu a#last { width: 150px; border-right: none; } /* Content */ .content { border-top: 1px solid #1A1A1A; background: #1A1A1A; clear: both; } .content h1 { margin: 0 0 4px; font: bold 1.1em sans-serif,Arial; color: #666; } .content p { margin: 0 0 12px; } .item { background: #030303 url(http://img123.imageshack.us/img123/3539/bgitemtc8.gif) repeat-x; padding: 8px 10px; } /* Footer */ .footer { padding: 5px; background: #0A0A0A; color: #666; } </style> <body> <div class="main"> <div class="gfx"><h1><%Title%></h1></div> <div class="menu"> <a href="<%MainPageURL%>"><span>Ana Sayfa</span></a> <a href="<%ProfileURL%>"><span>Hakkında</span></a> <a href="<%ArchiveURL%>"><span>Arşiv</span></a> <a href="<%SiteFeedURL%>"><span>RSS</span></a> </div> <div class="content"> <div class="item"> <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> | <a href='<%EntryURL%>'>Kalıcı Bağlantı</a></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 /> <a href='<%EntryURL%>'>Kalıcı Bağlantı</a> | <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> <h3>Son Yazılarım</h3> <ul class="menu"> <RecentEntry> <%RecentEntryTitle%> </RecentEntry> </ul> </div> <div class="footer"><%Title%> | Tasarım: <a href="http://arcsin.se">Arcsin</a> | <a href="http://www.blogcu.com">Blogu</a> uyarlama: <a href="http://www.bedava-sitem-sablonlari.tr.gg">Bedava Şablon</a></div> </div> </body> </html> http://www.bedava-sitem-sablonlari.tr.gg