- CSS

Nezere Menü

Ana Sayfa
Oyunu İndir
Üye Ol
Salon Kirala
Salon Kira Ücretleri
Gold Üyelik
Onay Durumu
Üye Resim Yükle
Admin Power

EN YENİLER

Nezere (Gömeli)
Okey
101 Oyunu
51 oyunu
Nezere (300-200)
Nezere(Hoşkin)
King
King(Kanlı)

Yeni İçerikler

Tavla
Salonlar
Arkadaşım Nerde
Salon Kiralama

Sizin Sesiniz

CSS

ARKADAŞLAR TABLO ÜÇ KISIMDADIR İLK KISIM TASARIMIN ÜSTÜ İKİNCİ KISM TASARIMIN ALTI ÜÇÜNCÜ KISIM İSE CSS KODUDUR( Tasarımların doğru düzgün olması için bu uygulamyı kullanıyorum)

font-size: 12px;

    color: #FF6600;
    font-weight: bold;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #FF6600;
}
a:hover {
    text-decoration: none;
    color: #000000;
}
a:active {
    text-decoration: none;
    color: #FF6600;
}
-->
</style><table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td height="314" align="center" background="https://img.webme.com/pic/e/endlesstasarim/emta_01.gif"><table width="894" height="220" cellpadding="1">
      <tr>
        <td height="171" colspan="2"> </td>
      </tr>
      <tr>
        <td width="201"> </td>
        <td width="681" align="center">menu kodlari buraya </td>
      </tr>
    </table></td>
</tr>
<tr>
    <td height="190" align="center" valign="top" background="https://img.webme.com/pic/e/endlesstasarim/emta_02.gif"><table width="900" height="96" cellpadding="1">
      <tr>
        <td width="17"> </td>
        <td width="171" align="center" valign="top"><p>oyun menuleri ve kategorileri buraya gelecek </p>
          <p>banner kodlarimizi sitene eklemeyi unutma

</p></td>
<td width="10"> </td>
<td width="686" valign="top"><div id="content"></div>

</td>
      </tr>
    </table></td>
</tr>
<tr>
    <td height="91" background="https://img.webme.com/pic/e/endlesstasarim/emta_03.gif"> </td>
</tr>
</table>

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;}
Www.EndlessGEnclik.Com

yenıler için tıkla

TASARIMIN ÜZERİNDEKİ YAZI

<div id="Design"> <div id="Header_oben"></div>
İÇERİK BÖLÜMÜ

<div id="Feld_oben"><b> </b></div></div> <div id="Feld_unten-2"><b> </b></div></div> <div id="Feld_rechts_3"><b> </b></div></div> <div id="Feld_rechts_5"><b> </b></div></div> <div id="Feld_rechts_6"><b> </b></div></div> <div id="Feld_rechts_7"><b> </b></div></div> <div id="content_2"><b> </b></div></div> <div id="Nav_hinten"><b> </b></div></div>
CSS KODU

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} #Header_oben { height: 130px; width: 768px; background:; background-image:url(http://img222.imageshack.us/img222/9465/unbenannt1111my6.png); color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:100px;top:40px;} body {background-image:url(http://img222.imageshack.us/img222/5969/unbenannt121kp8.png);} a{color#00000; font-size: 15px; text-decoration: none;} a:hover {color: #00000; font-size: 15px; text-decoration: none;} a:link {color: #00000; font-size: 15px; text-decoration: none;} a:active {color: #00000; font-size: 15px; text-decoration: none;} a:visited {color: #00000; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#000000; display: block; margin: 5px; padding-left: 0px text-decoration: none; text-align: center; width: 130px; height: 16px; background-image:url(http://img267.imageshack.us/img267/9784/unbenannt3km4.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; text-align: center; width: 130px; height: 16px; background-image:url(http://img267.imageshack.us/img267/9784/unbenannt3km4.png); background-color:} * { padding: 0; margin: 0; } #Design { margin: 0 auto; width: 1000px; height: 700px; } #nav_container { width: 166px; height: 253px; background:; background-image: none; color: ; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; z-index: 2; position:absolute;left:678px;top:323px;} #Nav_hinten{ width: 168px; height: 260px; background:; background-image:url(http://img221.imageshack.us/img221/6103/unbenannt110xh8.png); color: ; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; z-index: 1; position:absolute;left:680px;top:320px;} #content { height: 406px; width: 556px; background:; background-image: none; color: #000000; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; z-index: 4; position:absolute;left:100px;top:172px;} #content_2 { height: 410px; width: 560px; background:; background-image:url(http://img211.imageshack.us/img211/2329/unbenannt7bh1.jpg); color: #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; z-index: 3; position:absolute;left:100px;top:170px;} #sidebar_container { height: 125px; width: 166px; background:; background-image: none; color:#000000; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 4; position:absolute;left:678px;top:171px;} #Feld_oben { width: 748px; height: 15px; background-image:url(http://img514.imageshack.us/img514/2909/unbenannt151ny1.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 10px; clear: both; position:absolute;left:100px;top:600px;} #Feld_rechts_5 { height: 130px; width: 168px; background:; background-image:url(http://img514.imageshack.us/img514/9417/unbenannt100zj2.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 2; position:absolute;left:680px;top:170px;} #counter{ position:absolute; left: 350px; top: 605px; z-index: 1; color: #ffffff; }

Tasarımın Üzerindeki Yazı

<div id="Design"> <div id="Header_oben"></div>
İçerik Bölümü

<div id="Feld_oben"><b> </b></div></div> <div id="Feld_oben_2"><b> </b></div></div> <div id="Feld_unten-2"><b> </b></div></div> <div id="Feld_rechts_3"><b> </b></div></div> <div id="Feld_rechts_5"><b> </b></div></div> <div id="Feld_rechts_6"><b> </b></div></div> <div id="Feld_rechts_7"><b> </b></div></div> <div id="content_2"><b> </b></div></div> <div id="Nav_hinten"><b> </b></div></div> <div id="top_1"><b> </b></div></div> <div id="Anzeige"> Design-"Css" </div></div>
Css Kodu

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} div{z-index: 2px;} #Header_oben { height: 115px; width: 980px; background:; background-image:url(https://img.webme.com/pic/p/probieren2/ut-header.png); color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; float: left; z-index: 2; position:absolute;left:13px;top:26px; } #top_1 { height: 25px; width: 980px; background:; background-image:url(https://img.webme.com/pic/p/probieren2/top10.png); color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; float: left; z-index: 2; position:absolute;left:13px;top:141px; } body {background-image: none; background-attachment: fixed; background:#000000; background-repeat: repeat-y; background-position: center center; z-index: -2; font-size: 12px; font-family: Arial; } a{color#000000; font-size: 12px; text-decoration: none;} a:hover {color: #000000; font-size: 12px; text-decoration: none;} a:link {color: #00013B; font-size: 12px; text-decoration: none;} a:active {color: #000000; font-size: 12px; text-decoration: none;} a:visited {color: #000000; font-size: 12px; text-decoration: none;} li.nav_element a{ color:#000000; display: block; margin: 10px; padding-left: 0px text-decoration: none; text-align: center; width: 180px; height: 20px; background-image:url(https://img.webme.com/pic/p/probieren2/navi3.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 10px; padding-left: 0px text-decoration: none; text-align: center; width: 180px; height: 20px; background-image:url(https://img.webme.com/pic/p/probieren2/navi2.png); background-color:} * { padding: 0; margin: 0; } * { padding: 0; margin: 0; } #Design { width: 921px; height: 1520; } #nav_container {height: 300px; width: 200px; background:; background-image: none; color:#ffffff; margin: 0px 0px 0px 0px; padding: 0px; border: 1px solid #6E6E6E; float: left; overflow:auto; z-index: 4; position:absolute;left:780px;top:240px;} #Nav_hinten{ width: 218px; height: 430px; background:; background-image: none; color: ; margin: 0px 0px 0px 0px; padding: 0px; float: left;overflow:auto; z-index: 1; position:absolute;left:650px;top:183px;} #content { height: 726px; width: 730px; background:; background-image: none; color: #000000; margin: 0px 0px 0px 0px; padding: 0px; display: inline; float: left; overflow:auto; border: 1px solid #6E6E6E; z-index: 4; position:absolute;left:25px;top:239px;} #content_2 { height: 1000px; width: 980px; background:; background-image:url(https://img.webme.com/pic/p/probieren2/condent3.png); color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px; display: inline; float: left; overflow:auto; z-index: 0; position:absolute;left:13px;top:27px;} #sidebar_container { height: 396px; width: 200px; background:; background-image: none; color:#000000; margin: 0px 0px 0px 0px; padding: 0px; border: 1px solid #6E6E6E; float: left; overflow:auto; z-index: 4; position:absolute;left:780px;top:570px;} #Feld_oben { width: 202px; height: 20px; background-image:url(https://img.webme.com/pic/p/probieren2/top2.2.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 0px; clear: both; z-index: 4; position:absolute;left:780px;top:220px;} #Feld_oben_2 { width: 202px; height: 20px; background-image:url(https://img.webme.com/pic/p/probieren2/top2.2.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 0px; clear: both; z-index: 4; position:absolute;left:780px;top:550px;} #Feld_rechts_5 { height: 20px; width: 732px; background:; background-image:url(https://img.webme.com/pic/p/probieren2/top1.6.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 0px; float: left; overflow:auto; z-index: 2; position:absolute;left:25px;top:220px;} #counter{ position:absolute; left: 815px; top: 6px; font-size: 12px; z-index: 6; color: #ffffff; } #Anzeige{ position:absolute; left: 40px; top: 223px; z-index: 5; font-family:; color: #ffffff; }

T.üstü

CSS-Cod

lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #text{ color: ffffff; position: absolute; top: 100px; margin-left:-300px; left: 50%; } body { background-color:#262626;} *{ padding: 0; margin: 0; } #Designmystic { margin: 0 auto; width: 610px; height:600px; background-image:url(http://www.fileden.com/files/2008/3/24/1833523/designblackicon.png);} #content { position: absolute; left: 50%; top: 229px; margin-left:-283px; width: 380px; height: 360px; padding:10px; color: #transparent; font-size:13px; background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;} #Uebersicht{ position: absolute; left: 50%; top: 204px; margin-left:-440px; font-color:#cccccc;} a{ color:#ffffff; text-decoration: none; font-size:13px;} a:hover { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:link { color: #000000; font-size: 13px; text-decoration: none;} a:active { color: #000000; font-size: 13px; text-decoration: none;} a:visited { color: #cccccc; font-size: 13px; text-decoration: none;}

Ekleyen : By Yusuf
Ekleme Tarihi: 11-09-2oo9