- css1

css1

Enlarge this image Reduce this image Click to see fullsize

Tasarımın Üzerine:

Kod:

<div id="tasarim">
<div id="ust">
<div class="logo"><a target="_self" href="http://www.mresintinet.tr.gg/"><img height="100" border="0" width="298" alt="" src="https://img.webme.com/pic/m/mresintinet/logo2010.gif" /></a></div>
<div class="reklamalani"><a href="http://www.mrossi.tr.gg"><img border="0" title="MrOssi.Tr.Gg" style="width: 468px; height: 64px;" alt="" src="https://img.webme.com/pic/m/mrossi/newbnner.gif" /></a></div>
<div class="ustmenuosman"><style type="text/css">

.bg {background: url(images/button4.gif);}
.menu {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(https://img.webme.com/pic/m/mresintinet/krmzbutn.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(images/down.gif) no-repeat right top;}
.menu li a.top_link:hover {color:#000; background: url(images/button4.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(images/button4.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(images/button4a.gif) no-repeat right top;}

.menu li:hover > a.top_link {color:#000; background: url(https://img.webme.com/pic/b/bscity/button4a.gif) no-repeat;}
.menu li:hover > a.top_link span {background:url(https://img.webme.com/pic/b/bscity/button4a.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(https://img.webme.com/pic/b/bscity/button4a.gif) no-repeat right top;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul,
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#999999; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#999999 url(https://img.webme.com/pic/b/bscity/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#999999 url(https://img.webme.com/pic/b/bscity/arrow_over.gif) 80px 7px no-repeat; color:#fff;}

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;}

</style>
<div>
<ul class="menu">
<li class="top"><a class="top_link" href="http://mresintinet.tr.gg"><span>Anasayfa</span></a>
<ul class="sub">
<li><a href="http://mresintinet.tr.gg/Online-Destek.htm">Online İletişim</a></li>
<li><a href="http://mresintinet.tr.gg/Ziyaretci-Defteri.htm">Ziyaretçi Defteri</a></li>
<li><a href="http://mresintinet.tr.gg/Top-liste.htm">Topliste</a></li>
<li><a href="http://mresintinet.tr.gg/Uye-Ol.htm">Üye Ol</a></li>
<li><a href="http://mresintinet.tr.gg/Uye-Girisi.htm">Üye Girişi</a></li>
<li><a href="http://mresintinet.tr.gg/Destek-Ol.htm">Destek Ol</a></li>
<li><a href="http://mresintinet.tr.gg/Haftanin-Sorusu.htm">Haftanın Sorusu</a></li>
<li><a href="http://mresintinet.tr.gg/SiteMap.htm">SiteMap</a></li>
</ul>
</li>
<li class="top"><a class="top_link" href="#"><span>Siten İçin</span></a>
<ul class="sub">
<li><a href="http://mresintinet.tr.gg/Css-Tasarimlar.htm">Css Tasarımlar</a></li>
<li><a href="http://mresintinet.tr.gg/Kendi-Tasarimlarim.htm">Kendi Tasarımlarımız</a></li>
<li><a href="http://mresintinet.tr.gg/Html-Kodlari.htm">Html Kodları</a></li>
<li><a href="http://mresintinet.tr.gg/ikon-Arsivi.htm">İkon Arşivi</a></li>
<li><a href="http://mresintinet.tr.gg/Hakan_Fan-.-Tr-.-Gg-Tasarimi.htm">HAKAN-FAN TASARIMI</a></li>
</ul>
</li>
<li class="top"><a class="top_link" href="#"><span>Eglence</span></a>
<ul class="sub">
<li><a href="http://mresintinet.tr.gg/Canli-Tv.htm">Canlı Tv İzle</a></li>
<li><a href="http://mresintinet.tr.gg/Mp3-Dinle.htm">Mp3 Dinle</a></li>
<li><a href="http://mresintinet.tr.gg/Oyun-Oyna.htm">Oyun Oyna</a></li>
<li><a href="http://mresintinet.tr.gg/Film-izle-Sayfa-1.htm">Film İzle</a></li>
<li><a href="http://mresintinet.tr.gg/Lig-Tv.htm">Lig Tv</a></li>
<li><a href="http://mresintinet.tr.gg/Sohbet.htm">Sohbet</a></li>
</ul>
</li>
<li class="top"><a class="top_link" href="#"><span>Messenger</span></a>
<ul class="sub">
<li><a href="http://mresintinet.tr.gg/Msn-Nedir.htm">Messenger Nedir</a></li>
<li><a href="http://mresintinet.tr.gg/Msn-indir.htm">Msn 9.0 İndir</a></li>
<li><a href="http://mresintinet.tr.gg/Msn-Nick.htm">Msn Nickleri</a></li>
<li><a href="http://mresintinet.tr.gg/Msn-Sozleri.htm">Msn Sözleri</a></li>
<li><a href="http://mresintinet.tr.gg/Msn-Arkaplanlari.htm">Msn Arkaplanları</a></li>
</ul>
</li>
<li class="top"><a class="top_link" href="#"><span>Download</span></a>
<ul class="sub">
<li><a href="http://mresintinet.tr.gg/Oyun-indir.htm">Oyun İndir</a></li>
<li><a href="http://mresintinet.tr.gg/Program-indir.htm">Program İndir</a></li>
<li><a href="http://mresintinet.tr.gg/Album-indir.htm">Album İndir</a></li>
<li><a href="#">Eklenecek</a></li>
<li><a href="#">Eklenecek</a></li>
</ul>
</li>
<li class="top"><a class="top_link" href="#"><span>Her Telden</span></a>
<ul class="sub">
<li><a href="http://mresintinet.tr.gg/Spor-Bolumu.htm">Spor Bölümü</a></li>
<li><a href="http://mresintinet.tr.gg/Dini-Bolum.htm">Dini Bölüm</a></li>
<li><a href="http://mresintinet.tr.gg/Dj-Ates.htm">Dj Ateş Şarkıları</a></li>
<li><a href="#">Eklenecek</a></li>
<li><a href="#">Eklenecek</a></li>
</ul>
</li>
<li class="top"><a class="top_link" href="#"><span>Video Arşivi</span></a>
<ul class="sub">
<li><a href="http://www.vidivodo.com/showpage_yeni.php?category_id=18">Araba Videoları</a></li>
<li><a href="http://www.vidivodo.com/showpage_yeni.php?category_id=15">Teknoloji Videoları</a></li>
<li><a href="http://www.vidivodo.com/showpage_yeni.php?category_id=14">Komedi Videolar</a></li>
<li><a href="http://www.vidivodo.com/showpage_yeni.php?category_id=13">Animasyon Videoları</a></li>
<li><a href="http://www.vidivodo.com/showpage_yeni.php?category_id=9">Spor Videoları</a></li>
<li><a href="http://www.vidivodo.com/showpage_yeni.php?category_id=7">Reklam Videoları</a></li>
<li><a href="http://www.vidivodo.com/showpage_yeni.php?category_id=4">Kamera Şakaları</a></li>
</ul>
</li>
</li>
</ul>
</div>
<table height="396" cellspacing="0" cellpadding="0" border="0" width="729" style="width: 0px; height: 6px;">
<tbody>
<tr>
<td valign="top" align="left" width="0">
<table cellspacing="0" cellpadding="0" border="0" background="https://img.webme.com/pic/m/mresintinet/dyrusl688.bmp" style="width: 116px; height: 44px;">
<tbody>
<tr>
<td align="center"> </td>
</tr>
</tbody>
</table>
</td>
<td valign="top" align="center">
<table cellspacing="0" cellpadding="0" border="0" background="https://img.webme.com/pic/m/mresintinet/dyrrasa688.bmp" style="width: 700px; height: 44px;">
<tbody>
<tr>
<td align="center"><strong> <marquee> <span style="font-family: Arial;">SAYIN ZİYARETÇİ SİTEMİZE HER TELDEN BAŞLIGI ALTINDA DJ ATEŞ ŞARKILARI EKLENMİŞTİR DJ ATEŞİN ŞUANA KADAR ÇIKARDIGI SARKILAR ORADA YER ALMAKTADIR EGERKI DINLEMEK İSTEDİGİNİZ BİR ŞARKISI OLURSA BİZE İLETİŞİM BÖLÜMÜNDEN BİLDİREBİLİRSİNİZ YAKINDA AKESİNTİ ŞARKILARIDA EKLENECEKTİR...AKESİNTİ TEAM</span></marquee> </strong></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div id="sidebar_container""> </div>
</div>
</div>
<div id="orta">
<div class="menuosman">
<div class="arrowlistmenu"> </div>
</div>
<div class="icerikerkan">

Tasarımın Altına:

Kod:

</div>
</div>

<div id="alt">

<div id="footer"><p class="altreklam">
<br/>
<br/>
SİTEMİZİ FACEBOOKTA PAYLAŞ
<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style type="text/css"> html .fb_share_link { padding:5px 0 0 20px; height:20px; background:url(https://img.webme.com/pic/m/mrossi/fcred.png) no-repeat top left; }</style><a title="Sitemizi Facebookta Paylaş" onclick="return fbs_click()" class="fb_share_link" target="_blank" href="http://www.facebook.com/share.php?u=<url>"><span style="color: red;"><strong><br />
</strong></span> </a> </span>

</div></div>

</div>
<span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: medium; font-weight: 800; "><font color="white" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><font class="content" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><a style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgb(0, 0, 0); text-decoration: none; " href="http://www.mresintinet.tr.gg"><img hspace="3" vspace="3" border="0" title="Turkish" alt="Turkish" src="http://www.kocapinar.net/images/language/flag-turkish.png" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; " /></a><br style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; " />
</font></font><font color="white" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><font class="content" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><a style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgb(105, 105, 105); text-decoration: none; " href="http://translate.google.com.tr/translate?js=y&prev=_t&hl=tr&ie=UTF-8&layout=1&eotf=1&u=www.mresintinet.tr.gg&sl=tr&tl=en"><img hspace="3" vspace="3" border="0" title="English" alt="English" src="http://www.kocapinar.net/images/language/flag-english.png" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; " /></a></font></font></span>
<br/>
<br/>
<br/>

<div style="text-align: left; "> <script language="Javascript" type="text/javascript" src="http://www.realist.gen.tr/realist.php?id=53383">
</script>  <span style="font-size: 8px; font-family: Arial"><br />
<br />
</span></div>

Css Koduna:

Kod:

table {margin-left: auto;margin-right: auto}
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;}

* {padding: 0; margin:0 }

body {
margin-left: auto;
margin-right: auto;
background: url(https://img.webme.com/pic/b/bycity/dvrkagiti1.jpg) top center fixed;
}

#tasarim{
width: 850px;
margin-left: auto;
margin-right: auto;

}

#ust{
margin-left: auto;
margin-right: auto;
background: url(https://img.webme.com/pic/m/mresintinet/ustr2020.png);
width: 850px;
height: 329px;
float: left;
}

.logo {
width:319px;
padding: 22px 0 0 30px;
float: left;
font-size: 0px;
color: #FFFFFF;
font-family: Comic Sans MS;
overflow: hidden;

}
.reklamalani {
width:468px;
padding: 47px 0 0 0px;
float: left;
overflow: hidden;
}

.ustmenuosman {
width:810px;
padding: 15px 0 0 20px;
float: left;
font-size: 13px;
color: #000000;
font-family: Comic Sans MS;
overflow: hidden;
}

#orta{
margin-left: auto;
margin-right: auto;
background: url(https://img.webme.com/pic/m/mresintinet/ortar.gif);
width: 850px;
height: 375;
font-size: 13px;
color: #000000;
font-family: Arial;
float: left;
}

.menuosman{
width:0px;
float: left;
padding: 0 0 0 0px;
overflow: hidden;
}

.icerikosman {
width:810px;
float: left;
padding: 0 0 0 20px;
overflow: hidden;
text-align: justify;
}

.altreklam{
margin-left:auto;
margin-right: auto;
width:810px;
height:65px;
padding: 40px 0 55px;}

#alt{
margin-left: auto;
margin-right: auto;
background: url(https://img.webme.com/pic/m/mresintinet/altr2001.gif);
width: 850px;
height: 171px;
float: left;
}

input {
padding: 2px;
margin-right: 1px;
background-image: url(https://img.webme.com/pic/m/mrossi/brder16.bmp);
border: 1px solid #696969;
border-left:5px solid #696969;
color: #CA143C;
font-Arial ;
font-size:13px;
}
input:hover{
padding: 2px;
margin-right: 1px;
background-image: url(https://img.webme.com/pic/m/mrossi/brder16.bmp);
border: 1px solid #FF0000;
border-left:5px solid #FF0000;
color: #FF0000;
font-Arial;
font-size:13px;
}
textarea {
padding: 2px;
margin-right: 1px;
background-image: url(https://img.webme.com/pic/m/mrossi/brder16.bmp);
border: 1px solid #696969;
border-left:5px solid #696969;
color: #FF0000;
font-Arial;
font-size:13px;
}
textarea:hover {
padding: 2px;
margin-right: 1px;
background-image: url(https://img.webme.com/pic/m/mrossi/brder16.bmp);
border: 1px solid #FF0000;
border-left:5px solid #FF0000;
color: #FF0000;
font-Arial;
font-size:13px;
}

a:link, a:visited {
color: #000000;
text-decoration: none;
font-weight: ; }

a:hover {
text-decoration: none;
color: dimgray; }

::-moz-selection { background:#arkaplanrengi; color:#FF0000; }
#kommentartext {
background-image:url(https://img.webme.com/pic/m/mresintinet/zdeftr.png);