Gri Css Tasarım

<div id="tasarim">
<div id="ust">
<div class="ustmenu">

<ul id="qm0" class="qmmc" >
    <li><a class="qmparent bullet" href="[Linkleri görebilmek için üye olun veya giriş yapın.] style="padding-right: 23px;">Anasayfa</a>
    <ul>
        <li><a href="http://www.sanaldunya.forum.st">Forum</a></li>
        <li><a href="/Ziyaretçi-defteri.htm">Ziyaretçi Defteri

        </a></li>
        <li><a href="/Toplist.htm">Toplist</a><a href="/Mesaj-At.htm">Özel Mesaj At

        </a></li>
        <li><a href="/Bannerlerimiz.htm">Bannerlerimiz</a></li>
        <li><a href="/Online-iletisim.htm">Online İletişim

        </a></li>
    </ul>
    </li>
    <li><a class="qmparent bullet" href="/Atat.ue.rk.htm" padding-right:="">M.Kemal ATATÜRK</a>
    <ul>
        <li><a href="/M-.-Kemal-h-in-Hayatı.htm">******'ün Hayatı

        </a></li>
        <li><a href="/Atat.ue.rk-Resimleri.htm">****** 'ün Sözleri

        </a></li>
        <li><a href="/videolari.htm">****** 'ün Videoları</a></li>
        <li><a href="/Atat.ue.rk-h-.ue.n-S.oe.zleri.htm">****** 'ün Sözleri</a></li>
    </ul>
    </li>
    <li><a class="qmparent bullet" href="/Dini-B.oe.l.ue.m.htm" style="padding-right: 23px;">Dini Bölüm</a>
    <ul>
        <li><a href="/HzMuhammedin-Hayatı.htm">Hz.Muhammed'in(S.A.V.)Hayatı</a></li>
        <li><a href="/Kuranın--Oe-nemi.htm">Kuran-ı Kerimin Önemi</a></li>
        <li><a href="/Namaz-ve-saglik.htm">Namaz Ve Sağlık</a></li>
        <li><a href="/32-Farz.htm">Otuz iki Farz

        </a></li>
        <li><a href="/mekke.htm">Mekke</a></li>
    </ul>
    </li>
    <li><a class="qmparent bullet" href="#" style="padding-right: 23px;">İzle / Öğren</a>
    <ul>
        <li><a href="/Dreamweaver-Dersleri.htm">Dreamweaver Dersleri

        </a></li>
        <li><a href="/Corel-Draw-Dersleri.htm">Corel Draw Dersleri

        </a></li>
        <li><a href="/Flash-Dersleri.htm">Flash Dersleri

        </a></li>
        <li><a bilgisayar-dersleri.htm="" negrodizayn.tr.gg="" http:="" href="/Bilgisayar-Dersleri.htm">Bilgisayar Dersleri

        </a></li>
        <li><a href="/Domain-Hosting-Dersleri.htm">Domain Host Dersleri</a></li>
        <li><a href="/Joomla-Dersleri.htm">Joomla Dersleri</a></li>
        <li><a href="/Grafik_Tasarım-Dersleri.htm">Grafik-Tasarım Dersleri

        </a></li>
    </ul>
    </li>
    <li> </li>
    <li><a class="qmparent bullet" href="javascript:void(0);" style="padding-right: 23px;">Videolar</a>
    <ul>
        <li><a href="#">Komik

        </a></li>
        <li><a href="#">Spor

        </a></li>
        <li><a href="#">Reklam

        </a></li>
        <li><a href="#">Sinema</a></li>
        <li><a href="#">Oyun</a></li>
    </ul>
    </li>
    <li><a class="qmparent bullet" href="javascript:void(0);" style="padding-right: 23px;">Msn Messenger</a>
    <ul style="top: 26px; height: 109px;">
        <li><a href="/Hata_Ç.oe.z.ue.m.htm">Hatalar Ve Çözümleri

        </a></li>
        <li><a href="/Msn-bilgileri.htm">Msn Bilgileri

        </a></li>
        <li><a href="/Msn-Nikleri.htm">Msn Nickleri

        </a></li>
        <li><a href="/Msn-ifadeleri.htm">Msn İfadeleri

        </a></li>
        <li><a href="/Msn-plus-Live.htm">Msn Plus Live

        </a><a href="http://www.ebuddy.com">Msn Oturum Aç(Ebuddy)</a><a href="#">

        </a></li>
    </ul>
    </li>
    <li><a class="qmparent bullet" href="javascript:void(0);" style="padding-right: 23px;">Siten İçin</a>
    <ul>
        <li><a href="#">Html Nedir?

        </a></li>
        <li><a href="#">Html Kodlar

        </a></li>
        <li><a href="#">Html Kodları Dene

        </a></li>
        <li><a href="#">Google Adense Nedir?</a></li>
        <li><a href="#">Alexa Nedir?</a></li>
        <li><a href="#">Css Nedir?</a></li>
        <li><a href="#">Php Nedir?</a></li>
        <li><a href="#">Seo Nedir?

        </a></li>
        <li><a href="#">Hit Arttırma Yolları

        </a></li>
    </ul>
    </li>
    <li><a class="qmparent bullet" href="javascript:void(0);" style="padding-right: 23px;">Photoshop</a>
    <ul>
        <li><a href="#">Photoshop Dersleri

        </a></li>
        <li><a href="#">Brush

        </a></li>
        <li><a href="#">Style

        </a></li>
        <li><a href="#">Pattern</a></li>
        <li><a href="#">Brush</a></li>
    </ul>
    </li>
    <li><a class="qmparent bullet" href="javascript:void(0);" style="padding-right: 23px;">Tasarımlar</a>
    <ul>
        <li><a href="#">Photoshop Dersleri

        </a></li>
        <li><a href="#">Brush

        </a></li>
        <li><a href="#">Style

        </a></li>
        <li><a href="#">Pattern</a></li>
        <li><a href="#">Brush</a></li>
    </ul>
    </li>
</ul>


</div>
<div class="duyurunegro"><center>Web Sitemiz Yapım Aşamasındadır..!!

[Linkleri görebilmek için üye olun veya giriş yapın.]

</div>
<div id="orta">
<div class="iceriksag"><p style="text-align: left"><span style="font-family: Verdana"><em><span style="color: #ff0000"><strong>Ana Menü</strong>

</span><span style="color: #c0c0c0">» Ana Sayfa

» İletişim

» Ziyaretçi Defteri

» Forum

» Bizi Destekleyin</span></em></span></p>
<p style="text-align: left"><span style="font-family: Verdana"><em><span style="color: #ff0000"><strong>Bilgilerndirme</strong>

</span><span style="color: #c0c0c0">» Hakkımızda

» Referanslar

» Tasarım Ekibimiz

» GrafikerLer</span></em></span></p>
<p style="text-align: left"><span style="font-family: Verdana"><em><span style="color: #ff0000"><strong>Bedava-Sitem Tasarımlar</strong>

</span><span style="color: #c0c0c0">» Css Tasarımlar

» Red Tasarımlar

» Butterfly Tasarımlar

» İceBlue Tasarımlar

» Html Tasarımlar</span></em></span></p>
<p style="text-align: left"><span style="font-family: Verdana"><em><span style="color: #ff0000"><strong>YetkinForum Tasarımlar</strong>

</span><span style="color: #c0c0c0">» Phpbb2 Tasarımlar

» Phpbb3 Tasarımlar

» Punbb Tasarımlar

» İnsivor Tasarımlar</span></em></span></p>
<p style="text-align: left"><span style="font-family: Verdana"><em><span style="color: #ff0000"><strong>Html & Css Kodlar</strong>

</span><span style="color: #c0c0c0">» İntro Düğmesi Kaldırma

» Css Menu Kodları

» Haber Kodları

» Döviz Kodları

» Saat Kodları

» Reklam Alanı Resim Kodları

» Hava Durumu Kodları

» Takvim Kodları

» Kayan Yazı Kodları

» Tablo & Duyru Kodları

» Sık Kullanılanlara Ekle Kodları

» Fıkra Kodları

» Puan Durumu Kodları</span></em></span></p>
<p style="text-align: left"><span style="font-family: Verdana"><em><span style="color: #ff0000"><strong>Grafik Resimleri</strong>

</span><span style="color: #c0c0c0">» Bedava Sitem Tasarım R.

» Yetkin Forum Tasarım R.</span></em></span></p>
<p style="text-align: left"><span style="font-family: Verdana"><em><span style="color: #ff0000"><strong>Bedava-Sitem Dersleri</strong></span><span style="color: #c0c0c0"><strong>

</strong>» Tasarım Eklemek

» Resimler Eklemek

» Sayfa Eklemek

» Ekstralar Eklemek

» Ayarları Düzeltmek</span></em></span></p>
<p style="text-align: left"><span style="font-family: Verdana"><em><span style="color: #ff0000"><strong>Bedava-Sitem Genel Problemler</strong> </span><span style="color: #c0c0c0">

» Editör Sorunu

» Anket Eklemek

» Copyright İçerik Bölümü

» Red Başlık Resmi Eklemek

» Css Tasarım Eklemek

» Css Tasarım Kod Ayarlama

» İceblue Tasarım Kod Ayarlama

» Red Tasarım Kod Ayarlama

» ButterFly Tasarım Kod Ayarlama</span></em></span></p>
<p style="text-align: left"><span style="font-family: Verdana"><em><span style="color: #ff0000"><strong>YetkinForum Dersleri</strong>

</span><span style="color: #c0c0c0">» Css Kodları

» Genel Yönetim

» Afiş Asmak

» Kullanıcı Yönetimi & Gruplar

» Modüller

» Çeşitli</span></em></span></p>
<p style="text-align: left"><span style="font-family: Verdana"><em><span style="color: #ff0000"><strong>Link Reklam Alanı</strong>

</span><span style="color: #c0c0c0">»Bu Alana Reklam Verebilirsiniz

»Bu Alana Reklam Verebilirsiniz

»Bu Alana Reklam Verebilirsiniz

»Bu Alana Reklam Verebilirsiniz

 </span></em></span></p>
</div>
<div class="icerik">

</div>
</div>

<div id="negrofooter">
<div style="text-align: center;"><span style="color: rgb(128, 128, 128);">



<span style="font-size: smaller;"><span style="font-family: Tahoma;">Copyright 2009 - 2010 (c) Tüm Hakları Saklıdır.

Tasarım yada içeriğin izinsiz,kaynak gösterilmeden alınması halinde gerekli işlemler yapılacaktır.

[Linkleri görebilmek için üye olun veya giriş yapın.]
</div>

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;}

table {margin-left: auto;margin-right: auto}

#kommentartext {
background-image:url(http://img258.yukle.tc/images/6395zz.png);
}
* {padding: 0; margin:0 }

body {
background-image: url(http://i23.servimg.com/u/f23/13/73/65/25/arkapl15.jpg);
background-repeat: repeat;
background-attachment: scroll;
background-color: white;
background-position: top-left;
}

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

#ust{
margin-left:  auto;
margin-right: auto;
background: url(http://i23.servimg.com/u/f23/13/73/65/25/negrod13.png);
width: 1024px;
height: 263px;
float: left;
}

.ustmenu{
width:1024px;

padding: 10px 0 0 20px;
}
.duyurunegro{
margin-left:  auto;
margin-right: auto;
width: 460px;
height: 110px;
overflow: hidden;
float: left;
text-align: left;
padding: 56px 0 0 500px;
font-size: 15px;
color: #ffffff;
font-family: Verdana, arial;
}

#orta{
margin-left:  auto;
margin-right: auto;
background: url(http://i23.servimg.com/u/f23/13/73/65/25/orta12.png);
width: 1024px;
height: 100%;
float: left;
}
.icerik {
width:650px;
float: left;
padding: 0 0 0 12px;
overflow: justify;
text-align: justify;
}

.iceriksag {
width:290px;
float: right;
padding: 0 28px 0 0;
overflow: justify;
}

#negrofooter{
margin-left:  auto;
margin-right: auto;
background: url(http://i23.servimg.com/u/f23/13/73/65/25/altt10.png);
width: 1024px;
height: 91px;
float: left;
}



body,td,th {
  font-family: Tahoma;
  font-size: 16px;
  color: #ffffff;
}
a:link {
  color: #ffffff;
}
a:visited {
  color: #ffffff;
}
a:hover {
  color: #FF3300;
}
a:active {
  color: #FF3300;
}
a {
  font-family: tahoma;
  font-style: italic;
  color: #FF3300;
}






.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{
    float:left;
    width:0px;
}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {
    position:relative;
    zoom:1;
    z-index:10;
    width: 320px;
}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {
    left:-10000px;
    position:absolute;
    z-index:10;
}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


    /* QuickMenu 0 */

    /*"""""""" (MAIN) Container""""""""*/ 
    #qm0 
    { 
        width:auto;
        background-color:transparent;
    }


    /*"""""""" (MAIN) Items""""""""*/ 
    #qm0 a 
    {
    padding:6px 40px 6px 8px;
    margin:0px -1px 0px 0px;
    background-color:transparent;
    color:#FFFFFF;
    font-family:arial;
    font-size:11px;
    text-decoration:none;
    text-align:left;
    border-width:0px;
    border-style:solid;
    font-weight: bold; 
    }
 
    .bullet {
    background-image: url(http://www.gazetevatan.com//imgs/bullet.gif);
    background-repeat: no-repeat;
    background-position: right center;
    font-size:12px;
}


    /*"""""""" (MAIN) Hover State""""""""*/ 
    #qm0 a:hover 
    { 
        color:#c70d34; 

    }


    /*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/ 
    #qm0 li:hover>a 
    { 
        color:#000000;
    }


    /*"""""""" (MAIN) Active State""""""""*/ 
    body #qm0 .qmactive, body #qm0 .qmactive:hover 
    { 
        background-color:#F3F3F3;
        color:#000000;
    }


    /*"""""""" (SUB) Container""""""""*/ 
    #qm0 div, #qm0 ul 
    {
    padding:5px;
    margin:-1px 0px 0px;
    background-color:#F3F3F3;
    border: 1px solid #999;
    }


    /*"""""""" (SUB) Items""""""""*/ 
    #qm0 div a, #qm0 ul a 
    { 
        padding:2px 40px 2px 5px;
        background-color:transparent;
        color:#555555;
        border-width:0px;
        border-style:none;
        border-color:#000000;
    }


    /*"""""""" (SUB) Hover State""""""""*/ 
    #qm0 div a:hover 
    { 
        color:#0a0505;
            font-weight: bold; 
    }


    /*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/ 
    #qm0 ul li:hover>a 
    { 
        color:#313131;
            font-weight: bold; 
    }


    /*"""""""" (SUB) Active State""""""""*/ 
    body #qm0 div .qmactive, body #qm0 div .qmactive:hover 
    { 
        background-color:transparent;
        color:#313131;
    }


    /*"""""""" Individual Titles""""""""*/ 
    #qm0 .qmtitle 
    { 
        cursor:default;
        padding:3px 0px 3px 4px;
        color:#444444;
        font-family:arial;
        font-size:11px;
        font-weight:bold;
    }


    /*"""""""" Individual Horizontal Dividers""""""""*/ 
    #qm0 .qmdividerx 
    { 
        border-top-width:1px;
        margin:4px 0px;
        border-color:#BFBFBF;
    }


    /*"""""""" Individual Vertical Dividers""""""""*/ 
    #qm0 .qmdividery 
    { 
        border-left-width:1px;
        height:15px;
        margin:4px 2px 0px;
        border-color:#BFBFBF;
    }


    /*"""""""" Custom Rule""""""""*/ 
    ul#qm0 ul li:hover > a.qmparent 
    { 
        background-image:url("http://www.gazetevatan.com/qmimages/cssalt1_arrow_right_hover.gif");
    }


    /*"""""""" Custom Rule""""""""*/ 
    ul#qm0 ul .qmparent 
    {
    }


    /*"""""""" Custom Rule""""""""*/ 
    ul#qm0 li:hover > a.qmparent 
    {
    color:#000000;
    }


    /*"""""""" Custom Rule""""""""*/ 
    ul#qm0 .qmparent 
    {
    background-repeat:no-repeat;
    background-position:97% 50%;
    }

.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}.qmmc1 {    position:relative;
    zoom:1;
    z-index:10;
    width: 320px;
}
.qmmc1 {list-style:none;padding:0px;margin:0px;}