11/8/2007
> blogcu için şablon
________________________________________________________________
<!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 name="author" content="Luka Cvrk (www.solucija.com)" />
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<style>
*{ margin: 0; padding: 0; }*
body {
font: .74em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif;
line-height: 1.6em;
background: #fff url(http://img258.imageshack.us/img258/1259/bggj7.gif) repeat-x;
color: #444;
}
a { color: #317486; background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; }
p { margin: 0 0 15px 0; }
h1 { font: bold 1.7em Arial, Sans-Serif; margin: 20px 0 0; }
h1 a { color: #fff; background: inherit; }
h1 a:hover { color: #E4FFD3; background: inherit; }
h2 { font: bold 1.6em Arial, Sans-Serif; margin: 0 0 12px; }
h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }
#content { width: 900px; margin: 0 auto; }
#logo { margin: 10px 0 0 0; height: 66px; width: 240px; float: left; background: url(http://img235.imageshack.us/img235/2346/logobgdu0.gif) no-repeat bottom; text-align: center;}
#menu { float: right; padding: 40px 0 0; margin: 0 0 18px; }
#menu li { font-size: 1.1em; display: inline; }
#menu li a { padding: 30px 15px 0px 0; margin: 0 0 0 50px; color: #ccc; background: #505050 url(http://img236.imageshack.us/img236/3977/tablq8.gif) no-repeat right bottom; }
#menu li a:hover { background: #505050 url(http://img389.imageshack.us/img389/2815/tabhoveryf1.gif) no-repeat right bottom; color: #FEFFB8; }
#intro {
clear: both;
background: #fff url(http://img236.imageshack.us/img236/3866/introwq7.jpg) no-repeat;
color: #4C8734;
height: 170px;
margin: 0 0 20px;
padding: 45px 40px 0 0;
text-align: right;
}
#intro h1 { margin: 0; }
#intro p { margin: 0; }
#login { font-size: .9em; margin: 82px 0 0; }
#login a { color: #fff; background: #8BE1FA; padding: 4px 20px 6px;}
#login a:hover { color: #fff; background: #8BE1FA url(http://img258.imageshack.us/img258/4200/loginhoverdu2.gif) no-repeat; }
#left { clear: left; float: left; width: 240px; padding: 0 34px 0 15px; font-size: .9em; margin: 0 0 15px; }
#leftmenu { list-style: none; margin: 0 0 20px 0; }
#leftmenu li { padding: 0 0 0 12px; background: #fff url(http://img235.imageshack.us/img235/4830/bulletqu1.gif) no-repeat center left; color: #46852F; }
#leftmenu li a { background: #EAFFE3; color: #46852F; }
#right {
margin: 0 15px 20px 0;
padding: 0 0 0 35px;
border-left: 1px solid #ccc;
float: right;
width: 560px;
text-align: justify;
}
#notice { padding: 2px 3px 1px; background: #f4f4f4 url(http://img383.imageshack.us/img383/3135/noticebgof1.gif) no-repeat bottom right; color: #808080; }
#left a, #right a { background: #EFFCFF; color: #317486; }
#left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
#right h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }
#footer { clear: both; border-top: 1px solid #ccc; padding: 10px 0; margin: 0 0 15px; font-size: .9em; color: #808080; background: #fff; }
#footer a { color: #4CA031; background: #fff; }
#col1 { float: left; width: 274px; padding: 7px 0 0 15px; margin: 0 0 10px; }
#col2 { float: left; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }
#col3 { float: right; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }
</style>
<title><%WindowTitle%></title>
</head>
<body>
<div id="content">
<div id="logo">
<h1><a href="<%MainPageURL%>"><%Title%></a><a name="ana" id="ana"></a></h1>
</div>
<ul id="menu">
<li><a href="<%MainPageURL%>" title="Anasayfa">Ana Sayfa</a></li>
<li><a href="<%ArchiveURL%>" title="daha once ne yazmis bir bakalim">Arsiv</a></li>
<li><a href="<%ProfileURL%>" title="Kim bu blogcu ?" target="_blank">Profilim</a></li>
<li><a href="http://www.blogcu.com/login.php" target="_blank">Blog Girişi </a></li>
<li><a href="http://www.blogcu.com/forum/" target="_blank">Forum</a></li>
</ul>
<div id="intro">
<h1>Asıl ilginç olan; varolanin neden oyle oldugudur</h1>
<p>Albert Einstein.</p>
<div id="login">
<p><a href="<%SiteFeedURL%>" target="_blank">RSS</a> <a href="mailto:<%Email%>" target="_blank">E-Posta</a></p>
</div>
</div>
<div id="left">
<h2>Hakkımda</h2>
<p><%De******ion%></p>
<h2>Kategoriler</h2>
<ul id="leftmenu"><li><%Kategorilerim%></li></ul>
<h2>Son yorumlar</h2>
<ul id="leftmenu"><li><%SonYorumlar%></li></ul>
<h2>Son Yazılar </h2>
<ul id="leftmenu"><RecentEntry><li><%RecentEntryTitle%></li></RecentEntry></ul>
<div id="notice">
<h4>Sponsor</h4>
</div>
</div>
<div id="right">
<IfMainPage><Entry>
<h2><a href="<%EntryURL%>" rel="bookmark"><%EntryTitle%></a></h2>
<p><%EntryBody%>
<p align="right"><IfCategoriesAllowed> <%EntryDate%> | Kategori:<%EntryCategory%>
|</IfCategoriesAllowed><IfCommentsAllowed> (<%EntryCommentCount%>)
</IfCommentsAllowed><IfCommentPostAllowed><a href='<%CommentPostURL%>'>Yorum yaz!</a></IfCommentPostAllowed>
<a href='<%EntryURL%>'>Baglanti</a></Entry>
<p align="center"><strong><EarlierLink><<Önceki Sayfa</EarlierLink>
|<%CurrentPage%>/<%TotalPages%>|<LaterLink>Sonraki Sayfa>></LaterLink>
</strong>
</IfMainPage>
<!-- ARSIV SAYFASI -->
<IfArchivePage><h1>Arsiv</h1>
<%ArchiveInfo%></IfArchivePage>
<IfEntryPage><Entry>
<h2><%EntryTitle%></h2>
<p><%EntryBody%>
<p align="right">
<IfCategoriesAllowed> <%EntryDate%> | Kategori:<%EntryCategory%>|</IfCategoriesAllowed>
(<%EntryCommentCount%>)
<IfCommentPostAllowed><a href='<%CommentPostURL%>'>Yorum yaz!</a></IfCommentPostAllowed>
<a href='<%EntryURL%>'>Baglanti</a>
</p>
<p align="center"><strong><EarlierLink><<Önceki Sayfa</EarlierLink>
|<%CurrentPage%>/<%TotalPages%>|<LaterLink>Sonraki Sayfa>></LaterLink>
</strong><p align="center">
<SendThisLink>Bu yazıyı arkadaşımda görmeli !</SendThisLink> <br />
<ol class="commentlist"><Comment>
<blockquote>
<li class=alt><img src="<%CommentAuthorAvatar%>" align="left" width="80" height="80"/> <b>(<%CommentAuthorIP%>)</b>
<%CommentAuthor%> <%CommentDate%> tarihinde demis ki;<br />
<b> Konu</b>:
<%CommentTitle%><br />
<small><blockquote><%CommentBody%></blockquote></small>
<p><a href='<%CommentURL%>'>Baglanti ></a>
<CommentEdit>Duzenle > </CommentEdit><CommentDelete>Sil</CommentDelete></p><hr />
</li></blockquote></Comment></IfCommentsAllowed></ol>
<IfCommentsAllowed><IfCommentPostAllowed></IfPages>
</IfCommentPostAllowed></IfCommentsAllowed>
</Entry></IfEntryPage>
<div style="clear: both"></div>
</div>
<div id="footer">
<div id="col1">
<p>utube.blogcu.com<br />
© Copyright 2007 <a href="<%MainPageURL%>"><%Title%></a></p>
</div>
<div id="col2">
<p><a href="<%MainPageURL%>">Anasayfa</a> / <a href="#ana">Sayfa başı</a> / <a href="<%ArchiveURL%>">Arşiv</a> <br />
Uyarlama <a href="http://utube.blogcu.com/" target="_blank">utube</a> </p>
</div>
<div id="col3">
<p>Tasarım: <a href="http://www.utube.blogcu.com">Luka Cvrk</a><br />
Doğrulama <a href="http://utube.blogcu.com">CSS</a> ve <a href="http://validator.w3.org/check?uri=referer">XHTML</a></p>
</div>
</div>
</div>
</body>
</html>
1/8/2007
> hazır şablon
________________________________________________________________<!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>
<title><%WindowTitle%></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254" />
<meta name="keywords" content="blog, blogcu, blogcu.com" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<%SiteFeedURL%>" />
<style type="text/css">
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #666666;
text-decoration: none;
background-image: url(http://img340.imageshack.us/img340/1523/bgyu2.png);
background-repeat: repeat-y;
background-position: center top;
background-color: #E5E3D5;
margin: 0px;
padding: 0px;
}
.tophead {
background-image: url(http://img256.imageshack.us/img256/9238/topbarni3.png);
height: 31px;
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
}
.main .tophead h1 {
padding-left: 15px;
color: #CC6633;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.spacer {
clear: both;
}
.main .footer .footertexts {
}
.main .footer .footertexts a {
color: #000099;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #000099;
}
.header {
background-image: url(http://img504.imageshack.us/img504/4937/elka2pr0.jpg);
background-repeat: no-repeat;
height: 176px;}
.contents {
background-image: url(http://img341.imageshack.us/img341/7824/contentbgbk3.png);
background-repeat: no-repeat;
background-position: center top;
margin-bottom: 25px;
padding-top: 25px;}
.footer {
background-color: #BEC4F2;
background-image: url(http://img515.imageshack.us/img515/6060/footerdivuh4.png);
background-repeat: no-repeat;
background-position: center top;
height: 85px;
padding-right: 25px;
padding-bottom: 0px;
padding-left: 25px;
padding-top: 35px;}
.main .contents .right {
float: right;
width: 240px;
margin-right: 15px;
margin-top: 25px;}
.main .contents .left {
margin-right: 260px;
padding-left: 15px;
padding-right: 10px;}
.main .contents .left p {
font-size: 12px;
line-height: 16px;
text-align: justify;
}
.main .contents .right .rightcontents {
border: 1px solid #E4DCC2;
padding: 5px;
margin-bottom: 15px;}
.rightcontents ul {
display: block;
margin: 0px;
padding: 0px;}
.rightcontents li {
list-style-type: none;
margin-top: 5px;
margin-bottom: 3px;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #DAD9CB;}
.rightcontents h2 {
color: #0099CC;
display: block;
margin-top: 2px;
font-weight: bold;
background-color: #F9F5F0;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #F4EDE3;
padding-left: 5px;
font-size: 18px;
margin-bottom: 12px;}
.rightcontents .graduate {
background-image: url(images/graduate-postgraduate.png);
background-repeat: no-repeat;
height: 43px;
width: 230px;}
.main {
background-image: url(http://img521.imageshack.us/img521/909/bgpgsv8.png);
background-repeat: repeat-y;
width: 757px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}
h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
color: #336699;
text-decoration: none;
font-weight: normal;
}
h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
color: #996633;
text-decoration: none;
font-weight: normal;
display: block;
margin-bottom: 5px;
}
.main .contents .left a:link {
color: #0099FF;
text-decoration: none;}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000000;
text-decoration: none;
}
#tabsB {
float:left;
font-size:93%;
line-height:normal;
margin-top: 144px;
width: 750px;
}
#tabsB ul {
margin:0;
list-style:none;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 0;
padding-left: 15px;
}
#tabsB li {
display:inline;
margin:0;
padding:0;
}
#tabsB a {
float:left;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
background-image: url(http://img520.imageshack.us/img520/563/tableftbeu2.gif);
background-repeat: no-repeat;
background-position: left top;
}
#tabsB a span {
float:left;
display:block;
padding:5px 15px 4px 6px;
color:#666;
background-image: url(http://img530.imageshack.us/img530/5867/tabrightbqf2.gif);
background-repeat: no-repeat;
background-position: right top;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsB a span {float:none;}
/* End IE5-Mac hack */
#tabsB a:hover span {
color:#000;
}
#tabsB a:hover {
background-position:0% -42px;
}
#tabsB a:hover span {
background-position:100% -42px;
}
.quicklinks {
background-image: url(images/quicklinks.png);
height: 42px;
background-repeat: no-repeat;
}
.main .contents .left a:visited {
color: #0066FF;
text-decoration: underline;
}
.main .contents .left a:hover {
color: #FF9933;
text-decoration: none;
}
.main .contents .left a:active {
color: #0066FF;
text-decoration: underline;
}
.left #news {
height: 25px;
font-size: 18px;
color: #0099CC;
font-weight: bold;
padding-left: 15px;
font-family: Arial, Helvetica, sans-serif;
background-color: #F9F5F0;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #F4EDE3;
padding-top: 3px;
}
.left .date {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #999999;
text-decoration: none;
}
.rightcontents a:hover {
text-decoration: none;
color: #0066FF;
}
.rightcontents a:link {
text-decoration: none;
color: #000000;
}
.rightcontents a {
text-decoration: none;
color: #000000;
}
.rightcontents a:link {
text-decoration: none;
color: #000000;
}
.rightcontents a:active {
text-decoration: none;
color: #000000;
}
.style1 {font-size: 24px}
</style></head>
<body>
<div class="main">
<div class="tophead">
<h1><%Title%></h1>
</div>
<div class="header">
<div id="tabsB">
<ul>
<li><a href="<%MainPageURL%>" title="Anasayfa"><span>Ana Sayfa</span></a></li>
<li><a href="<%ArchiveURL%>" title="daha once ne yazmis bir bakalim"><span>Arsiv</span></a></li>
<li><a href="<%ProfileURL%>" title="Kim bu blogcu ?"><span>Profilim</span></a></li>
<li><a href="http://www.blogcu.com/forum" title="Sayfa Beslemesi" target="_blank"><span>Forum</span></a></li>
<li><a href="http://www.blogcu.com/login.php" target="_blank"><span>Blog Giriş</span></a></li>
</ul>
</div></div>
<div class="contents"><div class="right">
<div class="rightcontents">
<h2>Kategorilerim</h2>
<ul><li><%Kategorilerim%></li></ul>
</div>
<div class="rightcontents">
<h2>Son Yaz&#305;lar </h2>
<ul><RecentEntry><li><%RecentEntryTitle%> </li></RecentEntry></ul>
</div>
<div class="rightcontents">
<h2>Son Yorumlar </h2>
<ul><li><%SonYorumlar%></li></ul>
</div>
</div>
<div class="left">
<IfMainPage><Entry>
<div id="news"><a href="<%EntryURL%>" rel="bookmark">»<%EntryTitle%></a></div>
<div id="date">&lt;%EntryDate%&gt; | <%EntryTime%></div>
<p><%EntryBody%>
<div id="date"><IfCategoriesAllowed> Kategori:<%EntryCategory%>
</IfCategoriesAllowed>(<%EntryCommentCount%>)
<IfCommentPostAllowed><a href='<%CommentPostURL%>'>Yorum yaz!</a></IfCommentPostAllowed>
<a href='<%EntryURL%>'>Baglanti</a></div>
</Entry>
<center><strong><EarlierLink>&lt;&lt;&Ouml;nceki Sayfa</Earlierlink>
|<%CurrentPage%>/<%TotalPages%>|<LaterLink>Sonraki Sayfa&gt;&gt;</Laterlink>
</strong></center>
</IfMainPage>
<!-- ARSIV SAYFASI -->
<IfArchivePage>
<h2>Arsiv</h2>
<%ArchiveInfo%>
</IfArchivePage>
<IfEntryPage><Entry>
<div id="news"><%EntryTitle%></div>
<div id="date">&lt;%EntryDate%&gt; | <%EntryTime%></div>
<p><%EntryBody%>
<div id="date"><IfCategoriesAllowed> Kategori:<%EntryCategory%>
</IfCategoriesAllowed>(<%EntryCommentCount%>)
<IfCommentPostAllowed><a href='<%CommentPostURL%>'>Yorum yaz!</a></IfCommentPostAllowed>
<a href='<%EntryURL%>'>Baglanti</a></div><br>
<center><strong><EarlierLink>&lt;&lt;&Ouml;nceki Sayfa</Earlierlink>
|<%CurrentPage%>/<%TotalPages%>|<LaterLink>Sonraki Sayfa&gt;&gt;</Laterlink>
</strong> <br />
<SendThisLink>@</SendThisLink>
</center>
<br />
<ol class="commentlist"><Comment>
<blockquote><p>
<li class=alt><img src="<%CommentAuthorAvatar%>" align="left" width="80" height="80"/> <b>Yazan</b>:
<%CommentAuthor%>
<%CommentAuthorIP%>
| <b>Tarih</b>:
<%CommentDate%><b> Saat:</b> <%CommentTime%><br />
<b> Konu</b>:
<%CommentTitle%><br />
<small><%CommentBody%></small>
<p class=info><a href='<%CommentURL%>'>Baglanti ></a>
<CommentEdit>Duzenle > </CommentEdit><CommentDelete>Sil</CommentDelete>
</li></blockquote></Comment></IfCommentsAllowed>
</ol>
<IfCommentsAllowed><IfCommentPostAllowed></IfPages>
</IfCommentPostAllowed></IfCommentsAllowed>
</Entry></IfEntryPage>
</div>
<div class="spacer">
</div>
</div>
<div class="footer">
<div class="footertexts">&copy; <%Title%> | Her hakkı saklıdır <br />
Tasarım
<a href="http://utube.blogcu.com"> Rambling Soul</a> |Uyarlama <a href="http://utube.blogcu.com/" target="_blank">utube</a> <br />
</div>
</div>
</div>
</body>
</html>
3/4/2007
> hazır css şablonları
________________________________________________________________Web site dizaynı için CSS kullanmak hem işi kolaylaştırıyor, hem de bir disiplin sağlıyor. İşte işinize yarayabilecek CSS şablon siteleri
http://www.free-css.com/free-css-templates/page1.php çok sayıda CSS şablonu var. Sürekli yenileri ekleniyor.
http://www.freecsstemplates.org/css-templates/ şu an 291 şablon var.
http://www.free-css-templates.com/css-templates/
http://www.ramblingsoul.com/ Kaliteli CSS şablonlar
http://www.templateworld.com/free_templates.html Farklı CSS şablonları
http://www.solucija.com/home/css-templates/
http://www.ssi-developer.net/main/templates/ Basit CSS şablonlar
http://www.csstemplates.net/free-css-templates.php
http://www.styleshout.com/free-templates.php
http://www.oswd.org/designs/browse/ 2080 şablon
http://www.freelayouts.com/websites
http://www.cmgtechnologies.com/free-css-templates.php
http://www.opendesigns.org/view-designs/
http://freecss.info/category/free-css-templates/
http://mitchbryson.com/free-css-templates en basit CSS şablonları
http://www.ibdjohn.com/csstemplate/ CSS şablonu oluşturucu
http://www.mycelly.com/ basit CSS şablonları
http://www.templatesbox.com/templates.htm
http://www.freewebtemplates.com/template.php?id=52
http://www.freewebsitetemplates.com/
http://www.mastertemplates.com/free-templates.htm
http://www.rickyswebtemplates.com/webtemplates.htm
http://www.templateworkz.com/website_templates.php
http://www.zymic.com/free-templates/
<- Son Sayfa :: Sonraki Sayfa ->

