Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj12.05.2009, 20:30 (UTC)    
Mesaj konusu: siteye şablon oluşturma

arkadaşlar kodu veriyorum bir bakar mısınız....
<!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" xml:lang="en" lang="en">

<head>
<!-- BLOGCU UYE -->
<meta name="Description" content="Information architecture, Web Design, Web Standards." />
<meta name="Keywords" content="your, keywords" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Distribution" content="Global" />
<meta name="Author" content="Erwin Aligam - ealigam( at )gmail.com" />
<meta name="Robots" content="index,follow" />
<title><%WindowTitle%></title>
<style type="text/css">

/* top elements */
* { padding: 0; margin: 0; }

body {
margin: 20px 0 20px 0; padding: 0;
font: normal .72em/1.5em 'Trebuchet MS', sans-serif;
color: #444;
background: #6D5434;
text-align: center;
height: 100%;
}

/* links */
a { background: inherit; color: #993333; text-decoration: none; }
a:hover { background: inherit; color: #006699; text-decoration: underline; }

/* headers */
h1, h2, h3 {
font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif;
color: #333;
}
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; text-transform: uppercase;}
h3 { font-size: 1.2em; }

p, h1, h2, h3 {
margin: 10px 15px;
}
ul, ol {
margin: 10px 30px;
padding: 0 15px;
color: #993333;
}
ul span, ol span {
color: #333;
}



code {
margin: 5px 0;
padding: 10px;
text-align: left;
display: block;
overflow: auto;
font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
/* white-space: pre; */
background: #FAFAFA;
border: 1px solid #eee;
}
acronym {
cursor: help;
border-bottom: 1px solid #777;
}
blockquote {
margin: 15px; padding: 0 0 0 20px;
background: #FAFAFA url(http://img388.imageshack.us/img388/2462/quoteog9.gif) no-repeat 3px 5px;
border: 1px solid #eee;
font: bold 1.2em/1.5em 'Trebuchet MS', Tahoma, sans-serif;
color: #666666;
}

/* form elements */
form {
margin:10px 15px; padding: 0;
border: 1px solid #eee;
background-color: #FAFAFA;
}
label {
display:block;
font-weight:bold;
margin:5px 0;
}
input {
padding: 2px;
border:1px solid #eee;
font: normal 1em 'Trebuchet MS', verdana, sans-serif;
color:#777;
}
textarea {
width:400px;
padding:2px;
font: normal 1em 'Trebuchet MS', verdana, sans-serif;
border:1px solid #eee;
height:100px;
display:block;
color:#777;
}
input.button {
margin: 0;
font: bold 1em Arial, Sans-serif;
border: 1px solid #CCC;
background: #FFF;
padding: 2px 3px;
color: #333;
}


/***********************
LAYOUT
************************/

#wrap {
width: 770px;
margin: 0 auto;
background: #FFF url(http://img507.imageshack.us/img507/2454/wrapbgym2.jpg) repeat-y;
}
#header-content, #content {
width: 740px;
}

/* header */
#header {
position: relative;
height: 176px;
text-align: left;
margin: 0; padding: 0;
background: #FFF;
}
#header .headerphoto {
position: absolute;
right: 15px ; top: 15px;
width: 455px;
height: 156px;
background: #FFF url(http://img490.imageshack.us/img490/1417/headerphotoyh6.jpg) no-repeat;
}
#header #logo-box {
position: absolute;
left: 15px ; top: 15px;
width: 280px;
height: 156px;
background: #4E3525;
}
#logo-box #logo {
position: absolute;
font: bold 50px 'Trebuchet MS', Sans-serif;
letter-spacing: -2px;
color: #FFF;
margin: 0; padding: 0;

/* change the values of left and top to adjust the position of the logo */
top: 25px; left: 34px;
}
#logo-box #slogan {
position: absolute;
font: bold 12px 'Trebuchet Ms', Sans-serif;
text-transform: none;
color: #FFFFCC;
margin: 0; padding: 0;

/* change the values of left and top to adjust the position of the slogan */
top: 88px; left: 60px;
}

/* header menu */
#menu {
clear: both;
margin: 0;
padding: 0 0 10px 0;
width: 770px;
background: #FFF url(http://img507.imageshack.us/img507/2454/wrapbgym2.jpg) repeat-y;
float: left;
}
#menu ul {
font: bolder 14px 'Trebuchet MS', sans-serif;
width: 740px;
color: #FFF;
background-color: #4E3525;
margin: 0 15px;
padding: 0;
display: inline;
border-bottom: 6px solid #FFF;
float: left;
}
#menu li {
float: left;
list-style: none;
}
#menu li a {
display: block;
padding: 5px 15px;
color: #FFF;
text-decoration: none;
}
#menu li a:hover {
background: #CC9966;
color: #FFF;
}
#menu li a#current {
background: #993333;
color: #FFF;
}

/* content */
#content-wrap {
clear: both;
float: left;
width: 100%;
background: #FFF url(http://img507.imageshack.us/img507/91/contentwy4.jpg) repeat-y;
}
#content {
clear: both;
text-align: left;
padding: 0;
margin: 0 auto;
}

/* sidebar */
#sidebar {
float: right;
width: 30%;
margin: 0 0 10px 0; padding: 0;
}
#sidebar h1 {
padding: 10px 0px 5px 10px;
margin: 0;
color: #660000;
}
.sidebox {
margin-bottom: 10px;
}

/* sidebar menu */
#sidebar ul.sidemenu {
list-style:none;
margin: 10px 0 15px 0;
padding: 0;
}
#sidebar ul.sidemenu li {
padding: 0px 10px;
}
#sidebar ul.sidemenu a {
display:block;
font-weight:normal;
color: #333;
height: 1.5em;
padding:.3em 0 .3em 15px;
line-height: 1.5em;
border-bottom: 1px dashed #D5D5D5;
text-decoration:none;
}
#sidebar ul.sidemenu a.top{
border-top: 1px dashed #D5D5D5;
}
#sidebar ul.sidemenu a:hover {
padding: .3em 0 .3em 10px;
border-left: 5px solid #993333;
color: #993333;
}

/* main */
#main {
float: left;
width: 67%;
margin: 0 0 10px 0; padding: 0;
}
#main h1 {
padding: 10px 0 5px 5px;
margin: 0 0 0 10px;
border-bottom: 1px dashed #D5D5D5;
}

.post {
margin: 0; padding: 0;
}
.post .post-footer {
background-color: #fafafa;
padding: 5px; margin-top: 20px;
font-size: 95%;
border: 1px solid #eee;
}
.post .post-footer .date {
background: url('clock.gif') no-repeat 0 center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .comments {
background: url('comment.gif') no-repeat 0 center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .readmore {
background: url('page.gif') no-repeat 0 center;
padding-left: 20px; margin: 0 10px 0 5px;
}

/* footer */
#footer {
clear: both;
margin: 0; padding: 12px 0 0 0;
font: normal .92em/1.5em 'Trebuchet MS', Tahoma, Arial, sans-serif;
height: 45px;
background: url(http://img388.imageshack.us/img388/6923/footerbgkv8.jpg) no-repeat left bottom;
color: #666666;
text-align: center;
}
#footer p {
margin: 0; padding: 0;
}
#footer a {
text-decoration: none;
color: #777;
}
#footer a:hover {
text-decoration: underline;
color: #333;
}

/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }

/* additional classes */
.clear { clear: both; }
.gray { color: #BFBFBF; }




</style>
</head>

<body>

<!-- wrap starts here -->
<div id="wrap">

<div id="header">

<div id="logo-box">
<h1 id="logo">enlighten</h1>
<h2 id="slogan">Put your site slogan here...</h2>
</div>

<div class="headerphoto"></div>

</div>

<div id="menu">
<ul>
<li><a href="<%MainPageURL%>">Anasayfa</a></li>
<li><a href="<%ArchiveURL%>" title="daha önce ne yazmis bir bakalim">Arsiv</a></li>
<li><a href="<%ProfileURL%>" target="_blank">Profilim </a></li>
<li><a href="<%SiteFeedURL%>" target="_blank" title="Yazilarimizdan aninda haberdar olun">Rss</a></li>
<li><a class='top' href='mailto: <%Email%>'>E-Mail</a></li>
<li><a href="javascript:window.external.AddFavorite ('<%MainPageURL%>','blog')">Favorilere Ekle</a></li>
<li><A href="javascript:history.go(0)" onClick="javascript:this.style.behavior='url(#default#homepage)';this.setHomePage('<%MainPageURL%>');" TARGET="_self">Ana Sayfa Yap</A></SCRIPT></li>

</ul>
</div>

<!-- content-wrap starts here -->
<div id="content-wrap"><div id="content">

<!-- sidebar starts here -->
<div id="sidebar" >

<div class="sidebox">

<h1 class="clear">Kategorilerim</h1>
<ul class="sidemenu">
<li><%Kategorilerim%></li>

</ul>

</div>

<div class="sidebox">

<h1>Son Yazilarim</h1>
<ul class="sidemenu">
<RecentEntry><li><%RecentEntryTitle%></li></RecentEntry>

</ul>

</div>
<div class="sidebox">

<h1>Son Yorumlar</h1>
<ul class="sidemenu">

<li><%SonYorumlar%></li>

</ul>
</div>


</div>
<!-- END CONTENT MENU -->

<!-- main starts here -->
<div id="main">
<IfMainPage>
<Entry>
<h1><a href="<%EntryURL%>" rel="bookmark"><%EntryTitle%></a></h1>
<div class="descr" align=""><br><IfCategoriesAllowed> &lt;%EntryDate%&gt; | Kategori:
<%EntryCategory%>
|</IfCategoriesAllowed></div>
<p>
<%EntryBody%>
<p class="date">



<IfCommentsAllowed><a href='<%EntryURL%>'>Yorum</a> (
<%EntryCommentCount%>
) </IfCommentsAllowed>
<IfCommentPostAllowed><a href='<%CommentPostURL%>'>Yorum yaz!</a></IfCommentPostAllowed>
<a href='<%EntryURL%>'>Kalici Baglanti</a> <p>
<p align="center"><strong><EarlierLink>&lt;&lt;&Ouml;nceki Sayfa</Earlierlink>
|<%CurrentPage%>/<%TotalPages%>|<LaterLink>Sonraki Sayfa&gt;&gt;</Laterlink>
</strong>
</Entry>
</IfMainPage>
<!-- ARSIV SAYFASI -->
<IfArchivePage>
<h2>Arsiv</h2>
<%ArchiveInfo%>
</IfArchivePage>
<IfEntryPage>
<Entry>

<h1><a href="<%EntryURL%>" rel="bookmark">
<%EntryTitle%>
</a></h1><div class="descr"><br><IfCategoriesAllowed> &lt;%EntryDate%&gt; | Kategori:
<%EntryCategory%>
| </IfCategoriesAllowed></div>
<p>
<%EntryBody%>
<p class="date">

<a href='<%EntryURL%>'>Yorum</a> (
<%EntryCommentCount%>
)
<IfCommentPostAllowed><a href='<%CommentPostURL%>'>Yorum yaz!</a></IfCommentPostAllowed>
<a href='<%EntryURL%>'>Kalici Baglanti</a></p>
<p>&nbsp;</p>
<p align="center"><strong><EarlierLink>&lt;&lt;&Ouml;nceki Sayfa</Earlierlink>
|<%CurrentPage%>/<%TotalPages%>|<LaterLink>Sonraki Sayfa&gt;&gt;</Laterlink>
</strong><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="40" height="40"/> <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></p>
</li></th></tr></table><p></Comment>
</IfCommentsAllowed></ol>
<IfCommentsAllowed>
<IfCommentPostAllowed>

</IfPages>
</IfCommentPostAllowed>
</IfCommentsAllowed>

</Entry>
</IfEntryPage><p>

<br />

<!-- main ends here -->
</div>

<!-- content-wrap ends here -->
</div></div>

<div id="footer">
<p>
&copy; 2006 <strong>Your Company</strong> | design by: <a href="index.html"><strong>styleshout</strong></a> |
Blogcuya uyarlayan: <a href="http://www.sanalkeyif.blogcu.com">sanalkeyif</a> & <a href="http://www.societa.blogcu.com">societa</a>

</p>
</div>

<!-- wrap ends here -->
</div>

</body>
</html>




biraz yarlanması gerekiyor acaba nasıl olmalı biraz yardımcı olur musunuz...
______________
FENCİÇİFT İLE FEN VE TEKNOLOJİ
Mesaj13.05.2009, 09:41 (UTC)    
Mesaj konusu:

Eger konuyu code tuşuna basarak css bölümünde acarsan yardımcı olabiliriz
Mesaj15.05.2009, 09:55 (UTC)    
Mesaj konusu:

kodu yapıştırıdm ben oldu bana ama begenmedim pek
Mesaj15.05.2009, 10:05 (UTC)    
Mesaj konusu: cvp

Senin bizden ne istediğini tam olarak anlamadım arkadaşım ayrıca kodu codew içine al ve daha açık bir şekilde açıkla tamam mı ozaman daha iyi yardımcı olabiliriz.
______________
Amacımız Hazır Balık Vermek Değil.Balık Tutmayı Öğrenmenizi Sağlamak.
Mesaj15.05.2009, 21:29 (UTC)    
Mesaj konusu: sağ kutlur calısmıyor

slm arkadaslar sağ kutular a populer kısıler ve diğer kodları koydum ama şimdi calısmıyor sağ kutular ne yapmalıyım yardımcı olurmusunuz bana http://tekeyoresi.tr.gg/ sağ tarafı kullanamıyorum yardımcı olurmusnuz şimdiden teşekürler
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu