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ı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"><%EntryDate%> | <%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><<Önceki Sayfa</Earlierlink>
|<%CurrentPage%>/<%TotalPages%>|<LaterLink>Sonraki Sayfa>></Laterlink>
</strong></center>
</IfMainPage>
<!-- ARSIV SAYFASI -->
<IfArchivePage>
<h2>Arsiv</h2>
<%ArchiveInfo%>
</IfArchivePage>

<IfEntryPage><Entry>
<div id="news"><%EntryTitle%></div>
<div id="date"><%EntryDate%> | <%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><<Önceki Sayfa</Earlierlink>
|<%CurrentPage%>/<%TotalPages%>|<LaterLink>Sonraki Sayfa>></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">© <%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://templates.arcsin.se/ 

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://demusdesign.com/

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.templatesrain.com/

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.webtemplates.la/

http://www.zymic.com/free-templates/


<- Son Sayfa :: Sonraki Sayfa ->