<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir=ltr lang=tr xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>İlk Projemiz</title>
<link rel="stylesheet" type="text/css" href="kutuphane/css/stil.css" />
</head>
<body>
<div class="cerceve">
<div class="ust">
<div class="logo">
<a href="index.html">
<img src="kutuphane/resim/logo.jpg" alt="Sitemizin logosudur..."/>
</a>
</div><!--Logo DIV kapanis-->
<div class="menu1">
<ul>
<li><a href="index.html">Anasayfa</a></li>
<li><a href="#">DedeKorkut</a></li>
<li><a href="#">BabaKorkut</a></li>
<li><a href="#">Keloğlan</a></li>
<li><a href="#">Nasrettin Hoca</a></li>
</ul><!--ul kapanis-->
</div><!--Menu1 DIV kapanis-->
</div><!--ust DIV kapanis-->
<div class="orta">
<div class="ortaBlok1">
<ul>
<li><a href="keloğlan.html">Keloğlan</a></li>
<li><a href="pinokyo.html">Pinokyo</a></li>
<li><a href="kulkedisi.html">Kül Kedisi</a></li>
<li><a href="karabugday.html">Kara Buğday</a></li>
</ul><!--ul kapanis-->
</div><!--ortaBlok1 DIV kapanis-->
<div class="ortaBlok2">
PAMUK PRENSES
<br>
Her yerin karla kaplı olduğu bir kış günüymüş. Bir kraliçe, sarayının pencerelerinden birinin arkasında bir yandan nakış işliyor,
bir yandan da hayal kuruyormuş. Derken birden parmağına iğne batmış ve gergefin üstüne üç damla kan akmış.
Kraliçe kan damlalarına bakar bakmaz, Çocuğum kız olursa, teni kar gibi ak, yanakları kan gibi al, saçları da pencerenin çerçevesi giib kapkara olsun, diye geçirmiş içinden. Bu olaydan kısa bir süre sonra bir kız çocuğu getirmiş dünyaya. Kızı tıpkı içinden geçirdiği gibi bir kızmış. Ona Pamuk Prenses adını vermişler. Ne yazık ki kraliçe doğumdan birkaç saat sonra ölmüş.
Bir yıl sonra Kral yeniden evlenmiş. Yeni Kraliçe çok güzel bir kadınmış. Güzelliğine güzelmiş, ama bir o kadar da kibirliymiş,
kendisinden daha güzel birinin olabileceğini düşüncesine bile tahammül edemezmiş. Odasında sihirli bir aynası varmış.
Her gün o aynanın karşısına geçer, saatlerce kendisini seyreder ve sonunda,Ayna, ayna söyle bana.En güzel kim bu dünyada,Diye sorarmış.
Ayna da hiç duralamadan, Sizsiniz Kraliçem, dermiş. Fakat, Pamuk Prenses on dört yaşına geldiğinde, bir gün ayna şöle demiş:Güzelsiniz Kraliçem, güzel olmasına,
Ama Pamuk Prenses sizden daha güzel.
</div><!--ortaBlok2 DIV kapanis-->
<div class="ortaBlok3">
<ul>
<li><a href="keloğlan.html">Kelebekler</a></li>
<li><a href="pinokyo.html">Yeşil Cadde</a></li>
<li><a href="kulkedisi.html">Sokaklar</a></li>
<li><a href="karabugday.html">Kibritçi Kız</a></li>
</ul><!--ul kapanis-->
</div><!--ortaBlok3 DIV kapanis-->
</div><!--ortaDIV kapanis-->
</div><!--Cerceve DIV kapanis-->
</body>
</html>
style
.cerceve{width:990px; overflow:hidden; margin:0px auto;}
.ust{width:990px; height:120px;}
.logo{width:250px; height:120px;float:left;}
.logo a img{width:250px; height:120px;}
.menu1 {width:520px;height:40px;float:right;}
.menu1 ul {width:520px; height:25px;}
.menu1 ul li {float:left; margin-right:10px;}
.menu1 ul li a{display:block; background:#cd1821; padding:5px; font-size:18px; color:#e2e2e2; font-family:'caibri','tahoma'serif;text-decoration:none; border:1px solid red; padding:5px;}
.menu1 ul li a:hover{background:yellow; color:#333}
.orta{width:990px; overflow:hidden; background:#f3f3f3; margin-top:50px;}
.ortaBlok1{width:145px; overflow:hidden; float:left; background:#f8f8f8;}
.ortaBlok2{width:700px; overflow:hidden; float:left; background:#e8e8e8;}
.ortaBlok3{width:145px; overflow:hidden; float:right; background:#c8c8c8;}
0 yorum:
Yorum Gönder