Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj14.10.2009, 10:12 (UTC)    
Mesaj konusu: Oyun Css Tasarımı

Görüntüsü için : http://senoynat.tr.gg/oyun-tasarim.htm

Tasarimin Üzerine
Kod:
<div id="containr">
<!-- header -->
<div id="logo"><a href="#">Css Tasarimlar</a></div>
<center>
<a href="http://www.senoynat.tr.gg" title="Ana Sayfa"><img border="0" src="http://img189.imageshack.us/img189/1738/anasayfau.png" alt="" /></a> <a href="http://www.3doyuna.tr.gg/Macera.htm" title="Macera Oyunları"><img border="0" src="http://img195.imageshack.us/img195/7049/maceram.png" alt="" /></a> <a href="http://www.3doyuna.tr.gg/Yar%26%23305%3B%26%23351%3B.htm" id="Y" title="Yarış Oyunları"><img border="0" src="http://img209.imageshack.us/img209/7204/yar.png" alt="" /></a> <a href="http://www.3doyuna.tr.gg/Yetenek.htm" title="Yetenek Oyunları"><img border="0" src="http://img44.imageshack.us/img44/6158/yetenek.png" alt="" /></a> <a href="http://www.3doyuna.tr.gg/Spor.htm" title="Spor Oyunları"><img border="0" src="http://img13.imageshack.us/img13/3061/sporx.png" alt="" /></a> <a href="http://www.3doyuna.tr.gg/Oyun-Ara.htm" title="Oyun Ara"><img border="0" src="http://img20.imageshack.us/img20/2670/ara.png" alt="" /></a></center>
<!--end header -->
<!-- main -->
<div id="main">
<div id="sidebar">
<h2>İstediğini Yaz</h2>
<table border="0" width="250" id="table1" height="151">
<tr>
<td background="http://img.webme.com/pic/3/3doyuna/yanyenioyun.png">
Yeni Eklenen Oyunlar</td>
</tr>
<tr>
<td bgcolor="#999999" height="125">
Yeni Eklenen Oyunlar Buraya<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </td>
</tr>
</table>
</br>
<table border="0" width="250" id="table1" height="132">
<tr>
<td background="http://img.webme.com/pic/3/3doyuna/yanpopuler.png">
Popüler Oyunlar</td>
</tr>
<tr>
<td bgcolor="#FFCC99" height="98">
Popüler Oyunlar Buraya<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </td>
</tr>
</table></br>
<table border="0" width="250" id="table1" height="147">
<tr>
<td background="http://img.webme.com/pic/3/3doyuna/yanbizimsectiklerimiz.png">
Bizim Seçtiklerimiz</td>
</tr>
<tr>
<td bgcolor="#339966" height="110">
<p> </p>
<p><center></center><table border="0" width="185" id="table1">
<tr>
<td width="60">
<a href="http://senoynat.tr.gg">
<img border="0" src="http://www.3doyun.net/dcr/img/16.jpg" width="60" height="50"></a></td>
<td><font color="#ffffff">3d Oyun > Yarış</font><br>
<font color="#ff0000">Çılgın Yarış</font></td>
</tr>
<tr>
<td width="60">
<a href="http://www.senoynat/">
<img border="0" src="http://www.3doyunlar.net/oyunlar_3doyunlar.net/resim/_kar-kaykayi-ac81e-k-www.3doyunlar.net.gif" width="60" height="50"></a></td>
<td><font color="#ffffff">3d Oyun > Macera</font><br>
<font color="#ff0000">Hızlı Yarış</font></td>
</tr>
<tr>
<td width="60">
<a href="http://www.senoynat.tr.gg/">
<img border="0" src="http://www.3doyunlar.net/oyunlar_3doyunlar.net/resim/_kar-kaykayi-ac81e-k-www.3doyunlar.net.gif" width="60" height="50"></a></td>
<td><font color="#ffffff">3d Oyun > Macera</font><br>
<font color="#ff0000">Hızlı Yarış</font></td>
</tr>
<tr>
<td width="60">
<a href="http://www.3doyuna.tr.gg/">
<img border="0" src="http://www.3doyunlar.net/oyunlar_3doyunlar.net/resim/_kar-kaykayi-ac81e-k-www.3doyunlar.net.gif" width="60" height="50"></a></td>
<td><font color="#ffffff">3d Oyun > Macera</font><br>
<font color="#ff0000">Hızlı Yarış</font></td>
</tr>
</table></center>
<p> </td>
</tr>
</table>
</div>
<div id="text">
<font face="Comic Sans MS" color="#FF3300" size="4">Site Adı > Css Tasarimlar
</font>


Tasarımın altına
Kod:
</div>
</div>
<!-- end main -->
<!-- footer -->
<div id="footer">
<div id="menu_footer"><a href="http://www.senoynat.tr.gg/">Anasayfa</a> | <a href="#">İletişim</a> | <a href="http://www.3doyuna.tr.gg/Macera.htm">Macera</a> | <a href="http://www.3doyuna.tr.gg/Yar%26%23305%3B%26%23351%3B.htm">Yarış</a> | <a href="http://www.3doyuna.tr.gg/Yetenek.htm">Yetenek</a> | <a href="http://www.3doyuna.tr.gg/Spor.htm">Spor</a> | <a href="http://www.3doyuna.tr.gg/Oyun-Ara.htm">Arama</a> | <a href="http://www.3doyuna.tr.gg/Site-Map.htm">Sitemap</a> | </div>
<div id="left_footer">© Copyright 2009 <b><a href="http://www.senoynat.tr.gg">SiteAdı</a> </b></div>
<div id="right_footer">
<!-- Burayı Silmezsen Sevinirim Emeğe Lütfen Saygı!! -->
Design by <a href="http://www.senoynat.tr.gg/" title="Html Javascript Css Kodları"><strong>senoynat.tr.gg</strong>
</div>
</div>
<!-- end footer -->
</div>


Css kodu
Kod:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
html {background:url(http://capptainn.googlepages.com/body.gif);}
body {margin:0; font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; background:url(http://capptainn.googlepages.com/body_bckg.gif) repeat-x;}
a {color:#EE4400; text-decoration:none;}
a:hover {text-decoration:underline;}
#containr {background:url(http://img257.imageshack.us/img257/6064/mainbckgcopy.png) center top no-repeat; width:1000px; margin:0 auto;}
#logo {font-size:24px; font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; padding:40px 100px 70px 210px;}
#logo a {color:#FFFFFF; text-decoration:none; text-transform:uppercase;}
#menu {height:40px; text-align:center;}
#menu a {color:#B02802; font-size:14px; font-weight:bold; text-decoration:none; margin:0 20px; text-transform:lowercase;}
#menu a:hover {color:#000000;}
#main {margin:0 110px; float:left; background-color:#FFFFFF; min-height:350px; display:inline;}
#text {margin:20px 220px 0 40px;}
#text ul {padding:0; margin:10px 0 10px 40px;}
#text li {list-style:none; padding-left:15px; background:url(http://capptainn.googlepages.com/li.gif) no-repeat 0px 6px;}
h1 {margin:20px 0 0 0; text-transform:uppercase; font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; font-size:22px; font-weight:normal;}
#text p {margin:10px 0;}
#sidebar {float:right; padding:20px 30px 0 30px; width:220px;}
#sidebar h2 {font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; margin:0 0 20px 0; text-transform:uppercase; font-size:18px; font-weight:normal;}
#sidebar ul {margin:0; padding:0;}
#sidebar li {list-style:none; border-bottom:1px solid #ebebeb; padding:3px 2px;}
#sidebar li:hover {background-color:#f3f3f3;}
#sidebar a {text-decoration:none;}
#footer {padding:0 110px; height:169px; clear:both; background:url(http://capptainn.googlepages.com/footer_bckg.jpg) center top no-repeat;}
#menu_footer {color:#7A2200; font-size:11px; padding:40px 0 0 30px;}
#menu_footer a {color:#7A2200; text-transform:lowercase;}
#left_footer {float:left; padding:60px 0 0 100px; color:#FFFFFF; font-size:12px;}
#left_footer a {color:#FFFFFF;}
#right_footer {float:right; padding:60px 100px 0 0; color:#FFFFFF; font-size:12px;}
#right_footer a {color:#FFFFFF;}
Mesaj14.10.2009, 11:52 (UTC)    
Mesaj konusu:

paylaşım güzel..
______________
Önceki mesajları göster:   


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