antik modern blogcu şablon, şablon kodu, blogcu için güzel bir şablon seçimi

#1 09-02-2008, 13:28

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
<meta http-equiv="Content-Type" content="text/html; charset=" />
<title><%WindowTitle%></title>
  <style type="text/css">
  body
{
	background: #e4e4e4  url(http://img444.imageshack.us/img444/7111/backgroundlx9.gif) repeat-x top left;
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 12px;
	text-align:center;
	background-image: url();
	background-color: #E4E4E4;
}

#head
{
  background: #e4e4e4 url(http://img164.imageshack.us/img164/2686/heademptytc8.gif) no-repeat top left;
	width: 747px;
	height: 117px;
	padding: 0px;
	margin: 0 auto;
}

#head #title
{
	float: left;
 	font-size: 30px;
	color: #F0EBE7;
	padding: 35px 0px 0px 30px;

}

#body_wrapper
{
  background: url(http://img118.imageshack.us/img118/189/bodycontri5.jpg) repeat-y top left;
	margin: 0px auto;
	width: 747px;
	display: block;
	text-align:left;
}


#body
{
  background: url(http://img470.imageshack.us/img470/58/bodytopgu4.jpg) no-repeat top left;
	float: left;
	padding: 10px 20px 0px 20px;
	min-height: 343px;
	display: block;
}

#end_body
{
  background: url(http://img71.imageshack.us/img71/7280/footerqk4.jpg) no-repeat top left;
	margin: 0px auto;
	width: 747px;
	height: 37px;
	display: block;
}

.clearer
{
  clear: both;
	height: 1px;
}

#all
{
  width: 707px;
	float: left;
	padding: 0px;
	background: url(http://img444.imageshack.us/img444/6841/allmiddleyv4.gif) repeat-y top left;
}

#all .top
{
  background: url(http://img444.imageshack.us/img444/8637/alltopsi4.gif) no-repeat top left;
	width: 707px;
	height: 18px;
	padding: 0px;
	margin: 0px;
}

#all .bottom
{
  background: url(http://img238.imageshack.us/img238/3308/allbottomib8.gif) no-repeat bottom left;
	width: 707px;
	height: 21px;
	padding: 0px;
	margin: 0px;
}

#left
{
  width: 538px;
	float: left;
	padding: 0px;
	margin: 0px;
	background: url(http://img292.imageshack.us/img292/4898/leftmiddleeh7.gif) repeat-y top left;
}

#left .top
{
  background: url(http://img511.imageshack.us/img511/8022/lefttopkr6.gif) no-repeat top left;
	width: 538px;
	height: 18px;
	padding: 0px;
	margin: 0px;
}

#left .bottom
{
  background: url(http://img444.imageshack.us/img444/8494/leftbottomzw6.gif) no-repeat bottom left;
	width: 538px;
	height: 21px;
	padding: 0px;
	margin: 0px;
}

#right
{
  width: 169px;
	float: right;
	padding: 0px;
	margin: 0px;
	background: url(http://img118.imageshack.us/img118/8140/rightmiddledw4.gif) repeat-y top left;
}

#right .top
{
  background: url(right_top.gif) no-repeat top left;
	padding: 0px;
	margin: 0px;
	width: 169px;
	height: 18px;
}

#right .bottom
{
  background: url(http://img511.imageshack.us/img511/3471/rightbottomeo2.gif) no-repeat bottom left;
	padding: 0px;
	margin: 0px;
	width: 169px;
	height: 21px;
}

.content 
{
  padding: 0px 15px;
}

#footer
{
  margin: 0 auto; 
	width: 747px;
	text-align: center;
	color: #B05128;
	font-weight: bold;
}

#footer a
{
 color: #B05128;
}

#right ul 
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#right ul li 
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
}

#right ul a 
{
	display: block;
	width: 125px;
	background: #c7b8a4;
	color: #000;
	padding: 3px;
	padding-left: 10px;
	text-decoration: none;
	margin: 0px;
	border: 0px;
}

#right ul a:hover 
{
	color: #FFFFFF;
	background: #822C0F;
}

/* Navigation */

#menu 
{
  float: right;
	margin: 80px 20px 0px 0px;
}

#menu ul 
{
	margin: 0;
	padding: 0;
	white-space : nowrap;
}

#menu ul li 
{
	margin: 0;
	padding: 0;
	display: block;
	float:left;
	text-align: center;
}

#menu ul li a 
{
	color : #fff;
	background-color: transparent;
	text-decoration : none;
	font-weight: bold;
	display: block;
	border-style:none;
}

#menu ul li a:link, #menu ul li a:visited 
{
	background-image: url(http://img511.imageshack.us/img511/130/menuitem2oi9.gif);
	background-repeat: no-repeat;
	height: 26px;
	width: 94px;
	line-height: 26px;
	padding-top: 7px;
}

#menu ul li a:hover, #menu ul li a:active 
{
	background-image: url(http://img511.imageshack.us/img511/130/menuitem2oi9.gif);
	background-repeat: no-repeat;
	background-position: 0px -33px;
	height: 29px;
	width: 94px;
	line-height: 29px;
	padding-top: 4px;
}

#menu ul li.active a:hover, #menu ul li.active a:active, #menu ul li.active a:link, #menu ul li.active a:visited 
{
	background-image: url(http://img511.imageshack.us/img511/130/menuitem2oi9.gif);
	background-repeat: no-repeat;
	background-position: 0px -66px;
	height: 29px;
	width: 94px;
	line-height: 29px;
	padding-top: 4px;
	color: #B05128;
}


/*  Headers  */
h1 

{
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	color: #D96B11;
	background-color: transparent;
	font-size: 1.6em;
	font-weight: bold;
}

h2 
{
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	color: #333;
	background-color: transparent;
	font-size: 1.5em;
	font-weight: bold;
}

h3 
{
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	color: #76b7d7;
	background-color: transparent;
	font-size: 1.4em;
	font-weight: bold;
}

h4 
{
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	color: #333;
	background-color: transparent;
	font-size: 1.3em;
	font-weight: bold;
}

h5 
{
	color: #9ad5f3;
	background-color: transparent;
	padding: 0px;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}

h6 
{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	color: #D96B11;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 150%;
}

/* HTML Tags */

code
{
  display: block;
	margin: 5px;
	padding: 5px;
	color: #ad4c21;
	border: 1px dashed;
	background: #f0ebe7;
	font-family: Courier, 'Courier New', 'Andale Mono', Monaco, monospace;

}

a
{
  color: #AD4C21;
	text-decoration: none;
	border-bottom: 1px dashed;
	padding-bottom: 0px;
}

a:hover
{
	color: #000;
}

hr
{
  border: 0px;
  border-bottom: 1px #F0EBE7 dashed;
	height: 1px;
}

#left hr, #all hr
{
  margin: 10px 0px;
}

form
{
  margin: 0px;
	padding: 0px;
}

form .item
{
  clear: left;
	border-top: 1px solid #EEE;
	margin: 3px;
}

form .label
{
  float: left;
	clear: left;
	width: 150px;
}

input, textarea, select
{
  color: #AD4C21;
	border: 1px solid;
	background: #F0EBE7;
	margin: 3px;
	padding: 2px;
}

blockquote[cite]:after {
	content: "Quote from: " attr(cite);
	display: block;
	border-top: 1px solid #999;
	color: #999;
	margin: 1em 0 0;
	padding: .5em 0 0;
	font-size: .8em;
	font-weight: bold;
}

del 
{
  color: #800;
	text-decoration: line-through;
}

dt
{
  font-weight: bold;
	font-size: 1.05em;
	color: #ad4c21;
}

dd 
{
  margin-left: 15px;
}

/* adds a space and then a graphic after any external (i.e. off-site) links */
a[target]:after{
	content: " " url();
}
  </style>
  </head>
<body>

<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" background="http://img444.imageshack.us/img444/7111/backgroundlx9.gif" style="background-repeat:repeat-x"> 
  <tr>
    <th scope="col">    <div id="head">
<div id="title"><%Title%></div>
      <div id="menu">
        <ul>
          <li class="active">
            <a href="<%MainPageURL%>" title="Anasayfa">Ana Sayfa</a></li>
          <li><a href="<%ArchiveURL%>" title="daha önce ne yazmis bir bakalim">Arsiv</a></li>
          <li><a href="<%ProfileURL%>" title="Kim bu blogcu ?">Profilim</a></li>
          <li><a href="<%SiteFeedURL%>" title="Sayfa Beslemesi">RSS</a></li>
        </ul>
      </div>
    </div>
    <div id="body_wrapper">
      <div id="body">
        <div id="left">
          <div class="top"></div>
          <div class="content">
<IfMainPage><Entry>
     <h2><a href="<%EntryURL%>" rel="bookmark"><%EntryTitle%></a></h2><p>
          <%EntryBody%>
          <p class="date">
          <IfCategoriesAllowed> &lt;%EntryDate%&gt; | Kategori:
          <%EntryCategory%>
          |</IfCategoriesAllowed>
  <IfCommentsAllowed><a href='<%EntryURL%>'>Yorum</a> (
                  <%EntryCommentCount%>
                  ) </IfCommentsAllowed>
   <IfCommentPostAllowed><a href='<%CommentPostURL%>'>Yorum yaz!</a></IfCommentPostAllowed>
   <a href='<%EntryURL%>'>Kalici Baglanti</a><hr>  </Entry>              
          <p align="center"><strong><EarlierLink>&lt;&lt;&Ouml;nceki Sayfa</Earlierlink>
    |<%CurrentPage%>/<%TotalPages%>|<LaterLink>Sonraki Sayfa&gt;&gt;</Laterlink>
</strong>
          <p>
</IfMainPage>
        <!-- ARSIV SAYFASI -->
<IfArchivePage><h1>Arsiv</h1>
<%ArchiveInfo%></IfArchivePage>
<IfEntryPage><Entry>
<h2><a href="<%EntryURL%>" rel="bookmark"><%EntryTitle%></a></h2>
 <p><%EntryBody%> <p>
                  <IfCategoriesAllowed> &lt;%EntryDate%&gt; | Kategori:
                    <%EntryCategory%>
                    | </IfCategoriesAllowed>
                  <a href='<%EntryURL%>'>Yorum</a> (
                <%EntryCommentCount%>
                )
<IfCommentPostAllowed><a href='<%CommentPostURL%>'>Yorum yaz!</a></IfCommentPostAllowed>
<a href='<%EntryURL%>'>Kalici Baglanti</a><hr></p>
<p align="center"><strong><EarlierLink>&lt;&lt;&Ouml;nceki Sayfa</Earlierlink>
    |<%CurrentPage%>/<%TotalPages%>|<LaterLink>Sonraki Sayfa&gt;&gt;</Laterlink>
</strong><p><p>            
<IfCommentsAllowed> <IfCommentPostAllowed><a href='<%CommentPostURL%>'>Yorum yaz!</a> : </IfCommentPostAllowed>
</IfCommentsAllowed> <SendThisLink>Arkadasina Gönder!</SendThisLink> <br />
<IfCommentsAllowed><%EntryCommentCount%>yorum yazilmistir             
<ol class="commentlist"><Comment>
<table width="450" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#F8F8F8"><tr>
   <th align="left" valign="top" scope="col">
   <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%>'>Baglanti »</a>
    <CommentEdit>Düzenle » </CommentEdit><CommentDelete>Sil</CommentDelete>
   </li></p></th></tr></table></Comment>
</ol>
   </IfPages>
        </IfCommentPostAllowed>
        </IfCommentsAllowed>
</Entry></IfEntryPage>
</div>
<div class="bottom"></div></div>
<div id="right">
<div class="top"></div>
<div class="content"><h4>Hakkımda</h4>
<img src="<%Avatar%>" border="2" style="border-color:#663300" width="135" height="120">
<%Description%>
<h4>Kategorilerim</h4>
<ul><li><%Kategorilerim%></li></ul><hr />
<h4>Son Yorumlar</h4><ul>
<li><%SonYorumlar%></li></ul><hr />
<h4>Son yazılar</h4>
<ul><RecentEntry><li><%RecentEntryTitle%></li></RecentEntry></ul><hr />
<h4>ArkadaŞlarIm</h4>
<ul><Friends><li>
<a href="<%FriendURL%>" target="_blank" title="<%FriendUsername%>"><%FriendUsername%></a></li>
</Friends></ul><br /><hr />
<h4>Links</h4><ul><Link><li>
<a href="<%LinkURL%>" title="<%LinkURL%>"><%LinkTitle%></a></li></Link></ul><hr>
</div><div class="bottom"></div>
</div><div class="clearer"></div>
</div><div class="clearer"></div>
</div><div id="end_body"></div>
<div id="footer">
      &copy; Copyright <a href="mailto:<%Email%>"><%Title%></a> 2007
    |  </div>
</th>
  </tr>
</table>
</body>
</html>

viper · #2 09-02-2008, 14:01

ss varmı önce mi nasıl duruyo görelim

#3 09-02-2008, 14:12

blogcu bloğunun şablon düzenlemesine gir bunu ekle ön izle ve gör ama kaydetme sakın

yanlışlıkla kaydedersen blogun bozulur tekrar düzenlemek zorunda kalırsın

RooTWarioR · #4 20-02-2008, 10:07

Buyrun önizleme .

wmoderator · #5 25-12-2008, 11:57

kadınca öncelikle tsk ederim sablon kullanıyorum çok güzel yanlız internet explorer8 beta olan bilgisayarlarda en üste baslıgı altındaki menü görünmüyor bu nedeni ne nasıl düzeltilebilir pm attarsanız sevinirim kolay gelsin,

Benzer Konular
Konu	Konu Açan	Forum	Cevap	Son Mesaj
blogcu şablon kodu, hazır şablon, book şablonu, defter şeklinde şablon kodu	kadınca	Diğer Blog Scriptleri	3	28-03-2009 15:00
Blogcu için Şablon Uyarlama, bir şablonu nasıl blogcuya uygun hale getireceğiz, blogcu şablon yapma, şablon düzenleme	kadınca	Web Dersleri	19	20-12-2008 11:13
Blogger için şablon yükleme,Xml formatında şablon kullanmak için ,Şablon yükseltme işlemi	kadınca	Diğer Blog Scriptleri	1	10-10-2008 17:56
resimli güzel bir blogcu şablonu, siyah sevenlere şablon	kadınca	Diğer Blog Scriptleri	0	09-02-2008 11:38
bayanlar için şablon< blogcu<	kadınca	Diğer Blog Scriptleri	0	10-01-2008 14:44

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)

Seçenekler