Merhaba, ben bir blog scripti yazacağım. Örnek olarak Wordpress neyse ben böyle basit bir tasarım yaptım
index.html dosyası
makalearsiv.html dosyası
style.css dosyası
Siz derleyip bakarsınız iyi günler.
index.html dosyası
Kod:
<!DOCTYPE html>
<html>
<head>
<title>İndirici Ve Oyuncu</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body background="https://s-media-cache-ak0.pinimg.com/originals/0b/54/24/0b5424bbf4c57ba1bc68ffa6d93659f6.jpg">
<div id="header" class="baslik" align="center">
<h3>Ust yazi</h3>
</div>
<div id="nav" class="menu" align="center">
</div>
<div id="article" class="makale" align="left">
<h3>Üst Yazı</h3>
Açıklama <strong><a href="#" name="mkl1">Devamını oku</a></strong>
</div>
<div id="article" class="makale" align="left">
<h3>Üst Yazı</h3>
Açıklama <strong><a href="#" name="mkl2">Devamını oku</a></strong>
</div>
<div id="article" class="makale" align="left">
<h3>Üst Yazı</h3>
Açıklama <strong><a href="#" name="mkl3">Devamını oku</a></strong>
</div>
<div id="article" class="makale" align="left">
<h3>Üst Yazı</h3>
Açıklama <strong><a href="#" name="mkl4">Devamını oku</a></strong>
</div>
<div id="article" class="makale" align="left">
<h3>Üst Yazı</h3>
Açıklama <strong><a href="#" name="mkl5">Devamını oku</a></strong>
</div>
<div id="article" class="makale" align="left">
<h3>Üst Yazı</h3>
Açıklama <strong><a href="#" name="mkl6">Devamını oku</a></strong>
</div>
<div id="article" class="makale" align="left">
<h3>Üst Yazı</h3>
Açıklama <strong><a href="#" name="mkl7">Devamını oku</a></strong>
</div>
<div id="article" class="makale" align="left">
<h3>Üst Yazı</h3>
Açıklama <strong><a href="#" name="mkl8">Devamını oku</a></strong>
</div>
</body>
</html>makalearsiv.html dosyası
Kod:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
Makale arsivi
</title>
</head>
<body>
<a href="index.html#mkl1">1</a>
<br>
<a href="index.html#mkl2">2</a>
<br>
<a href="index.html#mkl3">3</a>
<br>
<a href="index.html#mkl4">4</a>
<br>
<a href="index.html#mkl5">5</a>
<br>
<a href="index.html#mkl6">6</a>
<br>
<a href="index.html#mkl7">7</a>
<br>
<a href="index.html#mkl8">8</a>
<br>
Buradan sonrası çalışmıyor.
<br>
<a href="index.html#mkl9">9</a>
<br>
<a href="index.html#mkl10">10</a>
<br>
<a href="index.html#mkl11">11</a>
<br>
<a href="index.html#mkl12">12</a>
<br>
<a href="index.html#mkl13">13</a>
<br>
<a href="index.html#mkl14">14</a>
<br>
<a href="index.html#mkl15">15</a>
<br>
<a href="index.html#mkl16">16</a>
<br>
</body>
</html>style.css dosyası
Kod:
/* baslik */
div.baslik {
background-color: Aqua; /* arka plan rengi*/
color: black; /* yazı rengi*/
margin: 15px 20 15px 20px /* boyutlama */
padding: 999px; /* boyutlama */
text-shadow: 50; /* Yazı gölgesi */
}
/* baslik */
/* makale */
div.makale {
background-color: black; /* arka plan rengi*/
color: white; /* yazı rengi*/
margin: 15px 0 15px 20px /* boyutlama */
padding: 10; /* boyutlama */
}
/* makale */Siz derleyip bakarsınız iyi günler.