minimalistik blogcu şablonu
:: Web Master :: Blogcu
1 sayfadaki 1 sayfası
minimalistik blogcu şablonu
- Kod:
Şablon-Minimalistic
Blogcu Şablonu
<!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>
<title>Minimalistic template</title>
<meta http-equiv="Content-Language" content="English" />
<meta name="Robots" content="index,follow" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="robots" content="follow, all" />
<center>
<style>
/*
Stylesheet for the free sNews15_1 template
from http://www.free-css-templates.com
*/
/* Reset all margins and paddings for browsers */
* {
padding: 0;
margin: 0;
}
body {
font: .8em Verdana, Arial, Sans-Serif;
line-height: 1.6em;
margin: 0
}
#wrap { margin: 0 auto; width: 80% }
/* TOP HEADER -------- */
#top {
margin: 0 auto;
padding: 0;
color: #666;
background: #FFF url(http://img110.imageshack.us/img110/3885/topns9.jpg) repeat-x top;
height: 81px;
}
#top h1 { padding: 10px 0 0 25px; color: #FFF; font-size: 160%; background: transparent;}
#top h2 { padding: 0px 0 0 25px; color: #aaa; font-size: 80%; background: transparent;}
#top .padding { padding-top: 5px; }
#top .lefts {
background: transparent url(http://img258.imageshack.us/img258/4170/toplgc7.jpg) no-repeat left;
height: 81px;
}
#top .rights {
background: transparent url(http://img74.imageshack.us/img74/3629/topreb8.jpg) no-repeat right;
float: right;
height: 81px;
width: 18px;
}
/* SEARCH BOX AND BUTTON ----------*/
#search { float: right; padding: 10px 25px 0 0; }
#search input.text {
border: 1px solid #eee;
display: inline;
margin-top: 5px;
width: 120px;
height: 12px;
font-size: 10px;
}
#search input.searchbutton {
border: 0;
background: transparent;
color: #FFF;
cursor: pointer;
font: bold 0.8em Arial, Arial, Sans-Serif
}
#subheader {
clear: both;
border-top: 1px dotted #888;
border-bottom: 1px dotted #888;
background: #eaeaea;
color: #808080;
padding: 1em;
margin: 15px 8px 10px 8px;
}
#subheader a { text-decoration: none; border-bottom: 1px dashed #0066B3; }
/* TOP MENU ---------- */
#topmenu { margin: 0px 8px 0 8px;
padding: 0;
background: url(http://img74.imageshack.us/img74/229/menuac4.jpg) repeat-x top;
height: 35px;
}
#topmenu .lefts {
background: url(http://img372.imageshack.us/img372/9302/menulid7.jpg) no-repeat left;
height: 35px;
padding-left: 5px;
}
#topmenu .rights {
background: url(http://img252.imageshack.us/img252/2788/menurxs3.jpg) no-repeat right;
float: right;
height: 35px;
width: 8px;
}
#topmenu li a {
color: #FFF;
text-align: left;
padding-left: 10px;
padding-right: 15px;
text-decoration: none;
background: transparent;
font-weight: bold
}
#topmenu li { padding: 0px;
float: left;
margin: 0;
font-size: 11px;
line-height: 35px;
white-space: nowrap;
list-style-type: none;
width: auto;
background: url(http://img402.imageshack.us/img402/6812/sepnr2.gif) no-repeat top right
}
#main { background: #FFF; margin: 25px 0 15px 0; color: #666; }
#main #rightside {
width: 220px;
float: right;
background: #FFF;
margin-right: 8px;
color: #666;
}
#main #rightside .box {
background: #efefef;
margin-bottom: 10px;
padding: 5px;
color: #666;
}
#main #rightside h2 {
text-align: left;
font: bold 1.0em Arial, Arial, Sans-Serif;
background: #CDCDCD url(http://img402.imageshack.us/img402/9247/greycgi0.gif) no-repeat top right;
height: 18px;
padding: 3px;
color: #777;
}
/* LEFT SIDE - ARTICLES AREA -------- */
#leftside {
padding-left: 8px;
color: #888;
background: #FFF;
margin-right: 255px;
margin-left: 8px;
}
#leftside h2 { color: #555; text-indent: 17px; background: #FFF url(http://img75.imageshack.us/img75/8027/headts8.gif) no-repeat left; }
#footer {
clear: both;
background: #FFF url(http://img126.imageshack.us/img126/1046/footerfa6.jpg) repeat-x;
height: 46px;
margin-left: 8px;
margin-right: 8px;
font-size: 75%;
color: #666;
}
#footer p { padding: 5px }
#footer .rside { float: right; display: inline; padding: 5px; text-align: right}
a { color: #0066B3; background: inherit; text-decoration: none }
h1 { font: bold 1.9em Arial, Arial, Sans-Serif }
h2 { font: bold 1.2em Arial, Arial, Sans-Serif; padding: 0; margin: 0 }
ul { padding: 0; margin: 0}
li { list-style-type: none }
.date { border-top: 1px solid #e5e5e5; text-align: right; margin-bottom: 25px; margin-top: 5px;}
#main #leftside .date a, #main #rightside a { border: 0; text-decoration: none; }
.comment .date { text-align: left; border: 0;}
#breadcrumbs {
float: left;
padding-left: 8px;
padding-top: 0px;
font: bold .8em Arial, Arial, Sans-Serif;
color: #666;
width: 100%;
height: 25px;
margin-top: 10px;
margin-bottom: 10px;
clear: both;
}
#leftside #txt {width: 85%; height: 10em; padding: 3px 3px 3px 6px; margin-left:0em;}
#leftside textarea { border: 1px solid #bbb; width: 85%; }
/* SNEWS */
#main #leftside fieldset { float: left; width: 95%; border: 1px solid #ccc; padding: 10px 8px; margin: 0 10px 8px 0; background: #FFF; color: #000; }
#main #leftside fieldset p { width: 95%; }
#main input { padding: 3px; margin: 0; border: 1px solid #bbb }
p { margin-top: 5px; }
/*input.search { border: 1px solid #ccc; padding: 4px; width: 160px; }*/
.comment { background: #FFF; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }
.commentsbox { background: #FFF; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }
</style>
</head>
<body>
<div id="wrap">
<div id="top">
<div class="rights"> </div>
<div id="search">
</div>
<div class="lefts">
<h1><%Title%></h1>
<h2><%Description%></h2>
</div>
</div>
<div id="topmenu">
<div class="rights"></div>
<div class="lefts"><ul>
<li><a href="<%MainPageURL%>">ANA SAYFA</a></li>
<li><a href="<%ArchiveURL%>">ARŞİV</a></li>
<li><a href="<%ProfileURL%>">PROFİL</a></li>
<li><a href="http://www.blogcu.com">BLOGCU</a></li>
</ul></div>
</div>
<div id="subheader">
Bu bölümü istediğiniz kalıcı bir yazıyı ekleyebilirsiniz.
</div>
<div id="main">
<div id="rightside">
<h2>Kategoriler:</h2>
<div class="box"><ul>
<li><%Kategorilerim%></li>
</ul></div>
<h2>Son Yazılar:</h2>
<div class="box"><ul>
<RecentEntry>
<%RecentEntryTitle%><br>
</RecentEntry>
</ul></div>
<h2>Linkler</h2>
<div class="box"><ul><li><a href="http://www.links4se.com" title="Web Directory">Links4se.com</a></li>
<li><a href="http://www.tasarlamak.blogcu.com" title="Tasarıma yardımcı kaynaklar">Tasarlamak</a></li>
</ul></div>
</div>
<div id="leftside">
<!-- entry -->
<IfPages>
<p class="content-nav">
<EarlierLink>« Önceki Sayfa </EarlierLink> | <LaterLink> Sonraki Sayfa »</LaterLink>
</p>
</IfPages>
<IfMainPage>
<Entry>
<h2 class="date-header"><%EntryDate%></h2>
<div class="entry">
<h3 class="entry-header"><a href="<%EntryURL%>" rel="bookmark"><%EntryTitle%></a></h3>
<div class="entrybody">
<p><%EntryBody%></p>
</div>
<p class="entry-footer"><IfCategoriesAllowed>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></p>
</div>
</Entry>
</IfMainPage>
<!-- ARSIV SAYFASI -->
<IfArchivePage>
<div class=post>
<h3>Arşiv</h3>
<%ArchiveInfo%>
</div>
</IfArchivePage>
<IfEntryPage>
<Entry>
<div class="post">
<h2 class="date-header"><%EntryDate%></h2>
<div class="entry">
<h3 class="entry-header"><a href="<%EntryURL%>" rel="bookmark"><%EntryTitle%></a></h3>
<div class="entrybody">
<p><%EntryBody%></p>
</div>
<p class="entry-footer"><IfCategoriesAllowed>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></p>
</div>
<!-- end STORYCONTENT -->
<br>
<div id="comments-post">
<IfCommentsAllowed><IfCommentPostAllowed><a href='<%CommentPostURL%>'>Yorum yaz!</a> :: </IfCommentPostAllowed></IfCommentsAllowed>
<SendThisLink>Arkadaşına Gönder!</SendThisLink> <br><br>
<IfCommentsAllowed>
<h3 id=comments> <%EntryCommentCount%> yorum yazılmıştır</h3><h3 class="comments-header"></h3>
<ol class="commentlist">
<Comment>
<li class=alt>
<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>
</Comment>
</IfCommentsAllowed>
</ol>
</div>
</div>
</Entry>
</IfEntryPage>
<div id="comments-post">
</div><!-- end COMMENTS-POST -->
</div>
</div>
<div id="footer">
<div class="rside">Tasarım: <a href="http://www.free-css-templates.com" title="Design by David Herreman">David Herreman</a><br />Uyarlama: <a href="http://www.tasarlamak.blogcu.com">Emre Özçelik</a>
</div>
<p>
<a href="http://www.blogcu.com">Blogcu</a> ile yapıldı.
</p>
</div>
</div>
</center>
</body>
</html>
--------------------------------------------------------------------------------
Similar topics
» gs blogcu şablonu
» düğme blogcu şablonu
» yarasalar blogcu şablonu
» amazinglycool blogcu şablonu
» Fenerbahçe fb blogcu şablonu
» düğme blogcu şablonu
» yarasalar blogcu şablonu
» amazinglycool blogcu şablonu
» Fenerbahçe fb blogcu şablonu
:: Web Master :: Blogcu
1 sayfadaki 1 sayfası
Bu forumun müsaadesi var:
Bu forumdaki mesajlara cevap veremezsiniz