resimli güzel bir blogcu şablonu, siyah sevenlere şablon

kadınca · #1 09-02-2008, 11:38

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
 
Title      : Eclipse
Version    : 1.0
Released   : 20070415
Description: A two-column fixed-width with dark eerie look and feel suitable for personal blogs and organization sites.
 
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<style>
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
 
* {
    margin: 0;
    padding: 0;
}
 
body {
    background: #000000 url(http://img183.imageshack.us/img183/8932/img1um2.jpg) no-repeat center top;
    font: normal 13px Georgia, "Times New Roman", Times, serif;
    color: #4E515B;
        padding: 5px 0px 0px 0px;
}
 
h1, h2, h3 {
    color: #CDCDE2;
}
 
h2 {
}
 
h3 {
}
 
p, blockquote, ul, ol {
    text-align: justify;
}
 
p {
}
 
blockquote {
    margin-left: 3em;
}
 
ul {
    margin-left: 3em;
}
 
ul li {
}
 
.list1 {
    margin: 0;
    padding: 0;
    list-style: none;
}
 
.list1 li {
    padding: 8px 0;
    background: url(http://img241.imageshack.us/img241/9770/img5zk1.gif) repeat-x left top;
}
 
.list1 .first li {
    background: none;
}
 
ol {
    margin-left: 3em;
}
 
ol li {
}
 
a {
    text-decoration: none;
    color: #CDCDE2;
}
 
a:hover {
    text-decoration: underline;
    color: #FFFFFF;
}
 
img {
    border: none;
}
 
img.left {
    float: left;
    margin: 5px 15px 0 0;
}
 
img.right {
    float: right;
    margin: 5px 0 0 15px;
}
 
/* Boxed Style */
 
.boxed {
    margin-bottom: 20px;
}
 
.boxed .title {
    padding: 5px 0;
    background: url(http://img241.imageshack.us/img241/9770/img5zk1.gif) repeat-x left bottom;
}
 
.boxed .title h2 {
    background: url(http://img412.imageshack.us/img412/2458/img2zq6.gif) no-repeat right center;
    text-transform: uppercase;
    font-size: 100%;
}
 
.boxed .content {
    padding: 20px 20px 40px 20px;
}
 
/* Post */
 
.post {
}
 
.post .title {
    padding: 5px 0;
    background: url(http://img241.imageshack.us/img241/9770/img5zk1.gif) repeat-x left bottom;
}
 
.post .title h2 {
    background: url(http://img412.imageshack.us/img412/2458/img2zq6.gif) no-repeat right center;
    text-transform: uppercase;
    font-size: 100%;
}
 
.post .date {
    float: left;
    width: 100px;
    height: 25px;
    padding-top: 15px;
    background: url(http://img241.imageshack.us/img241/9770/img5zk1.gif) repeat-y right top;
    text-align: center;
    font-size: 9px;
}
 
.post .date .month {
}
 
.post .date .day {
}
 
.post .date .year {
}
 
.post .meta {
    float: left;
    width: 300px;
    height: 32px;
    padding: 8px 0 0 20px;
    font-size: 9px;
}
 
.post .meta p {
}
 
.post .story {
    clear: both;
    padding: 20px;
    background: url(http://img241.imageshack.us/img241/9770/img5zk1.gif) repeat-x;
}
 
.post .story p, .post .story blockquote, .post .story ul, .post .story ol {
    margin-bottom: 1.5em;
    line-height: 180%;
}
 
/* Logo */
 
#logo {
    width: 700px;
    height: 220px;
    margin: 0 auto;
}
 
#logo h1 {
    margin: 0;
    padding: 60px 0 0 325px;
    text-transform: uppercase;
    letter-spacing: -5px;
    font-size: 72px;
    font-weight: normal;
}
 
#logo h2 {
    margin: -10px 0 0 0;
    padding: 0 0 0 325px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: normal;
}
 
#logo a {
    text-decoration: none;
    color: #000000;
}
 
/* Page */
 
#page {
    width: 705px;
    margin: 0 auto;
}
 
#extra {
}
 
/* Content */
 
#content {
    float: right;
    width: 420px;
    padding: 0 20px;
    background: url(http://img218.imageshack.us/img218/1576/img4ne2.gif) no-repeat;
}
 
/* Sidebar */
 
#sidebar {
    float: left;
    width: 200px;
    padding: 0 20px;
    background: url(http://img99.imageshack.us/img99/4254/img3sz8.gif) no-repeat right top;
}
 
/* Content > Sidebar > Login */
 
#login {
}
 
#login form {
}
 
#login fieldset {
    border: none;
}
 
#login legend {
    display: none;
}
 
#login label {
    font-size: x-small;
    font-weight: bold;
}
 
#login input {
    margin-bottom: 5px;
    padding: 2px 5px;
    border: none;
    font-family: Georgia, "Times New Roman", Times, serif;
}
 
#inputtext1, #inputtext2 {
    width: 150px;
}
 
#inputsubmit1 {
    width: 100px;
    background: transparent url(http://img412.imageshack.us/img412/2458/img2zq6.gif) no-repeat left top;
    color: #CDCDE2;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 10px;
    font-weight: bold;
}
 
/* Content > Sidebar > Menu */
 
#menu {
    width: 700px;
    height: 95px;
    margin: 0 auto;
 
}
 
#menu ul {
    margin: 0;
    padding-left: 20px;
    list-style: none;
 
}
 
#menu li {
    display: inline;
}
 
#menu a {
    display: block;
    float: left;
    height: 34px;
    padding: 16px 30px 0 40px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    color: #4E515B;
}
 
#menu a:hover {
    background: #000000 url(http://img412.imageshack.us/img412/2458/img2zq6.gif) no-repeat 15px 50%;
    color: #CDCDE2;
}
 
#menu .first a {
    border: none;
}
 
#menu .active a {
    color: #FFFFFF;
}
 
/* Footer */
 
#footer {
    clear: both;
    width: 660px;
    margin: 0 auto;
    padding: 20px;
    background: url(http://img241.imageshack.us/img241/9770/img5zk1.gif) repeat-x;
}
 
#footer p {
    margin: 0;
    text-align: right;
    font-size: x-small;
}
 
/* Footer > Legal */
 
#legal {
}
 
/* Footer > Links */
 
#links {
}
</style>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title><%Title%></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="++++++++++" type="text/css" />
</head>
<body>
<div id="logo">
    <h1><a href="<%MainPageURL%>"><small><%Title%></small></a></h1>
 
</div>
<div id="menu">
    <ul>
        <li class="active first"><a href="<%MainPageURL%>" title="">Ana Sayfa</a></li>
        <li><a href="<%ArchiveURL%>" title="">Ar?</li>
        <li><a href="<%ProfileURL%>" title="">Hakk?a></li>
        <li><a href="mailto:<%Email%>" title="">ݬeti?</li>
        <li><a href="<%SiteFeedURL%>" title="">RSS</a></li>
    </ul>
</div>
<!-- end #menu -->
<div id="page">
    <div id="content">
        <div id="welcome" class="post">
            <div class="title">
<IfMainPage><Entry>
 
            </div>
 
            <div class="meta">
 
<%Description%>
            </div>
            <div class="story">
<IfMainPage><Entry>
     <h2><a href="<%EntryURL%>" rel="bookmark"><%EntryTitle%></a></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?𬡮t?/Entry>            
          <p align="center"><strong><EarlierLink><span class="bigtext1"><֮ceki Yaz?span></EarlierLink>
            <span class="bigtext1">
 
  |
    <LaterLink>Sonraki Yaz?/LaterLink>
            </span></strong>
          <p>
</IfMainPage>
        <!-- ARSIV SAYFASI -->
<IfArchivePage><h1 class="warning">Ar?>
<%ArchiveInfo%></IfArchivePage>
<IfEntryPage><Entry>
<h2><a href="<%EntryURL%>" rel="bookmark"><%EntryTitle%></a></h2>
 <p><%EntryBody%> <p align="left"><br />
                  <IfCategoriesAllowed> <%EntryDate%> | Kategori:
                    <%EntryCategory%>
                    | </IfCategoriesAllowed>
                  <a href='<%EntryURL%>'>Yorum</a> (<%EntryCommentCount%>) |
 
<IfCommentPostAllowed><a href='<%CommentPostURL%>'>Yorum Yaz</a></IfCommentPostAllowed><br />
<a href='<%EntryURL%>'>Kal?𬡮t?| <SendThisLink>Arkada?nder</SendThisLink>
 </p>
<br />
<p align="center"><strong><EarlierLink><span class="bigtext1">֮ceki Sayfa</span></EarlierLink>
  <span class="bigtext1">
    |
    <%CurrentPage%>
    :
    <%TotalPages%>
    |
    <LaterLink>Sonraki Sayfa</LaterLink>
  </span></strong>
<p>          
          <br />
<ol class="commentlist"><Comment>
<blockquote> <li class=alt>
  <img src="<%CommentAuthorAvatar%>" align="left" width="50" height="50"/>  <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𬡮t?>
    <CommentEdit>D? ></CommentEdit><CommentDelete>Sil</CommentDelete></p>
   </li></blockquote></Comment></IfCommentsAllowed></ol>
<IfCommentsAllowed><IfCommentPostAllowed></IfPages>
</IfCommentPostAllowed></IfCommentsAllowed>
</Entry></IfEntryPage>
            </div>
        </div>
        <div id="example" class="post">
            <div class="title">
 
                </ol>
            </div>
        </div>
    </div>
    <!-- end #content -->
    <div id="sidebar">
        <div id="login" class="boxed">
 
 
 
            <div class="title">
<h2>Kategoriler</h2>
<ul><%Kategorilerim%></ul><br /><br />
<h2>Son Yorumlar</h2>
 
<ul><%SonYorumlar%></ul><br /><br />
                <h2>Son Yaz?</h2>
</div>
            <div class="content">
                <ul class="list1">
<RecentEntry>
 <li><%RecentEntryTitle%></li>
</RecentEntry></ul><br /><br />
            <div class="title">
 
 
                </ul>
            </div>
        </div>
    </div>
 
    <!-- end #sidebar -->
    <div id="extra" style="clear: both;"> </div>
</div>
<!-- end #page -->
<div id="footer">
    <p id="legal">Tasar? href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
    <p id="links"><a href="http://www.blogcu.com">Blogcu</a> uyarlama: <a href="http://www.tasarlamak.blogcu.com">Emre ֺ祬ik</a></p>
</div>
</body>
</html>

Benzer Konular
Konu	Konu Açanlar	Forum	Cevaplar	Güncel Mesajlar
güzel bir şablon blogcuya uyarlayarak hoş hale getirebilirsiniz,bayanlar için blog şablonu	kadınca	Diğer blog scriptleri	7	26-09-2008 11:53
Blogcu için Şablon Uyarlama, bir şablonu nasıl blogcuya uygun hale getireceğiz, blogcu şablon yapma, şablon düzenleme	kadınca	Web Dersleri	16	21-08-2008 10:58
antik modern blogcu şablon, şablon kodu, blogcu için güzel bir şablon seçimi	kadınca	Diğer blog scriptleri	3	20-02-2008 10:07
blogcu şablon kodu, hazır şablon, book şablonu, defter şeklinde şablon kodu	kadınca	Diğer blog scriptleri	0	09-02-2008 01:38
mavi sevenlere blogcu şablon	kadınca	Diğer blog scriptleri	0	10-01-2008 02:34

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder