<!doctype html>
<html>
<head>
<link href="ek.css" type="text/css" rel="stylesheet" media="all" />
</head>
<body>
<div class="ust">
<h1>
<img src="ezgi.png">
</h1>
<ul>
<li><a href="anasayfa.html">Anasayfa</a></li>
<li><a href="0">Hakkimda</a></li>
<li><a href="http://tansuezgifidan.blogspot.com">Blogum</a></li>
<li><a href="0">Bilgilerim</a></li>
<li><a href="0">Resimlerim</a></li>
<li><a href="0">Sosyal Aglar</a></li>
</ul>
</div>
<div class="orta">
<ul>
<li><a href="anasayfa.html">Anasayfa</a></li>
<li><a href="0">Hakkimda</a></li>
<li><a href="http://tansuezgifidan.blogspot.com">Blogum</a></li>
<li><a href="0">Bilgilerim</a></li>
<li><a href="0">Resimlerim</a></li>
<li><a href="0">Sosyal Aglar</a></li>
<li><img src="tansu.jpg"></li>
</ul>
</div>
<div class="alt">
<ul>
<li>Tansu Ezgi Fidan</li>
</ul>
</div>
</body>
</html>
css Kodları
body{}
.ust{background:gray; overflow:hidden;}
.ust h1{float:left; margin:25px 50px;}
.ust h1 img{width:350px; height:100px}
.ust ul{float:right;}
.ust ul li{float:left; list-style:none; margin:25px 50px 0 0; border-left:4px solid #fff; padding:5px;}
.ust ul li a{color:white; font-size:16px; text-decoration:none;}
.ust ul li a:hover{color:#fff;}
.orta{background:orange; overflow:hidden; width:200px;}
.orta img{width:100px; height:100px}
.orta ul{float:left;}
.orta ul li{list-style:none; margin:25px 50px 0 0; padding:5px;}
.orta ul li a{color:white; font-size:16px; text-decoration:none;}
.orta ul li a:hover{color:#fff;}
.alt{background:yellow; overflow:hidden;}
.alt ul{float:right;}
.alt ul li{list-style:none; margin:25px 700px 0 0; padding:5px;}
Resimler Sayfası
Resim Galerisi kodları
<html>
<head>
RESIM GALERIM <br/><br/>
!!!!!!!!!!EYFEL KULEMMMMMM!!!!!!!!!!!
</head>
<body>
<table border=”2″>
<tr>
<td><img src="eifel.jpg"></td>
<td><img src="eifel.jpg"></td>
<td><img src="eifel.jpg"></td>
</tr>
<tr>
<td><img src="fidan.jpg"</td>
<td><img src="fidan.jpg"</td>
<td><img src="fidan.jpg"</td>
</tr>
</table>
</body>
</html>
Hiç yorum yok:
Yorum Gönder