»Sitemize Yeni Sayfalar Eklenmiştir... .31/08/2010
Sitemizin Yeni Tasarımı Hayırlı Olsun...

Türkiyenin En Büyük Css Tasarım Merkezi-Örnek Site Yarışması-Html Kodlar

oyun ts






Tasarim Üzeri

Kod:
<center>
<html>
<head>
<title>cityv1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9">
<style type="text/css">
<!--
.style1 {color: #FFFFFF}
body {
   background-image: url(https://img.webme.com/pic/0/08oyun/arkaplannn.gif);
}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (https://img.webme.com/pic/0/08oyun/cityv1_01.gif) -->
<table id="Table_01" width="900" height="490" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td>
         <img src="https://img.webme.com/pic/0/08oyun/cityv1_01.gif" width="434" height="136" alt=""></td>
      <td colspan="2"><table width="466" height="136" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td background="https://img.webme.com/pic/0/08oyun/cityv1_02.gif"><div align="center"> Reklam Kod </div></td>
          </tr>
        </table></td>
   </tr>
   <tr>
      <td colspan="3"><table width="900" height="39" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td background="https://img.webme.com/pic/0/08oyun/cityv1_03.gif"><div align="center" class="style1">- <div id="pointermenu">
<ul>
<li><a href="http://www.08oyun.tr.gg">Eklenecek</a></li>
<li><a href="http://www.08oyun.tr.gg">Ekle</a></li>
<li><a href="http://www.08oyun.tr.gg">ekle</a></li>
<li><a href="http://www.08oyun.tr.gg">ekle</a></li>
<li><a href="http://www.08oyun.tr.gg">ekle</a></li>
<li><a href="http://www.08oyun.tr.gg">ekle</a></li>
<li><a href="http://www.08oyun.tr.gg">ekle</a></li>
<li><a href="http://www.08oyun.tr.gg" id="selected">ekle</a></li>
<li><a href="http://www.08oyun.tr.gg">ekle</a></li>
<li><a href="http://www.08oyun.tr.gg">ekle</a></li>
<li><a href="http://www.08oyun.tr.gg">Button Maker</a></li>
<li><a href="http://www.08oyun.tr.gg">Contact</a></li>
<li><a href="#" id="rightcorner"> </a></li>
</ul>
</div>
<br style="clear: left" />
 - </div></td>
          </tr>
        </table></td>
   </tr>
   <tr>
      <td colspan="2"><table width="657" height="252" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td background="https://img.webme.com/pic/0/08oyun/cityv1_04.gif"><table width="650" height="250" border="0" align="right" cellpadding="0" cellspacing="0">
              <tr>
                <td>  </div>



Tasarım Altı


Kod:
  </td>
              </tr>
            </table></td>
          </tr>
        </table></td>
      <td><table width="243" height="252" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td background="https://img.webme.com/pic/0/08oyun/cityv1_05.gif"><div align="center">  <div class="arrowlistmenu">
<h3 class="headerbar">CSS Library</h3>
<ul>
<li><a href="http://www.08oyun.tr.gg/" _fcksavedurl="http://www.www.08oyun.tr.gg/">Horizontal CSS Menus</a></li>
<li><a href="http://www.08oyun.tr.gg/" _fcksavedurl="http://www.08oyun.tr.gg">Vertical CSS Menus</a></li>
<li><a href="http://www.08oyun.tr.gg/" _fcksavedurl="http://www.www.08oyun.tr.gg/">Image CSS</a></li>
<li><a href="http://www.08oyun.tr.gg/" _fcksavedurl="http://www.www.08oyun.tr.gg/">Form CSS</a></li>
<li><a href="http://www.08oyun.tr.gg" _fcksavedurl="http://www.www.08oyun.tr.gg">DIVs and containers</a></li>
<li><a href="http://www.08oyun.tr.gg" _fcksavedurl="http://www.www.08oyun.tr.gg/">Links & Buttons</a></li>
<li><a href="http://www.08oyun.tr.gg/" _fcksavedurl="http://www.www.08oyun.tr.gg/">Other</a></li>
<li><a href="http://www.08oyun.tr.gg/" _fcksavedurl="http://www.www.08oyun.tr.gg/">Browse All</a></li>
</ul>
<h3 class="headerbar">CSS Drive</h3>
<ul>
<li><a href="http://www.08oyun.tr.gg/" _fcksavedurl="http://www.08oyun.tr.gg">Vertical CSS Menus</a></li>
<li><a href="http://www.08oyun.tr.gg/" _fcksavedurl="http://www.www.08oyun.tr.gg/">Image CSS</a></li>
<li><a href="http://www.08oyun.tr.gg/" _fcksavedurl="http://www.www.08oyun.tr.gg/">Form CSS</a></li>
<li><a href="http://www.08oyun.tr.gg" _fcksavedurl="http://www.www.08oyun.tr.gg">DIVs and containers</a></li>
<li><a href="http://www.08oyun.tr.gg" _fcksavedurl="http://www.www.08oyun.tr.gg/">Links & Buttons</a></li>
<li><a href="http://www.08oyun.tr.gg/" _fcksavedurl="http://www.www.08oyun.tr.gg/">Other</a></li>
<li><a href="http://www.08oyun.tr.gg/" _fcksavedurl="http://www.www.08oyun.tr.gg/">Browse All</a></li>
</ul>
</div>
    </div></td>
          </tr>
        </table></td>
   </tr>
   <tr>
      <td colspan="3">
         <img src="https://img.webme.com/pic/0/08oyun/cityv1_06.gif" width="900" height="62" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="https://img.webme.com/pic/0/08toplist/spacer.gif" width="434" height="1" alt=""></td>
      <td>
         <img src="https://img.webme.com/pic/0/08toplist/spacer.gif" width="223" height="1" alt=""></td>
      <td>
         <img src="https://img.webme.com/pic/0/08toplist/spacer.gif" width="243" height="1" alt=""></td>
   </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
</center>
 



CSs Bölümü

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

a:link      { text-decoration: none; color : #000000; }
a:visited {text-decoration: none; color:#000000;}
a:hover {text-decoration: none; color:#ffffff;}

<style type="text/css">
<style type="text/css">

</style>

<style type="text/css">
<!--
html, body {
text-align: center;
}

<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.arrowlistmenu{
width: 180px; /*width of menu*/
}
.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(https://img.webme.com/pic/k/kod-collection/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}
.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #A70303;
background: url(https://img.webme.com/pic/k/kod-collection/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
.arrowlistmenu ul li a:visited{
color: #A70303;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
</style>




<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#pointermenu{
border-top: 7px solid black; /*optional border across top*/
margin: 0;
padding: 0;
}

#pointermenu ul{
margin: 0;
margin-left: 15px; /*menu offset from left edge of window*/
float: left;
padding-left: 8px;
font: bold 13px Verdana;
background-color: black;
background: black url(media/leftround.gif) bottom left no-repeat; /*optional left round corner*/
}

* html #pointermenu ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 7px; /*menu offset from left edge of window in IE*/
}

#pointermenu ul li{
display: inline;
}


#pointermenu ul li a{
float: left;
color: white;
font-weight: bold;
padding: 2px 11px 7px 7px;
text-decoration: none;
background: url(media/pointer.gif) bottom center no-repeat;
}

#pointermenu ul li a:visited{
color: white;
}


#pointermenu ul li a:hover, #pointermenu ul li a#selected{ /*hover and selected link*/
color: white;
background-color: darkred;
}

#pointermenu ul li a#rightcorner{
padding-right: 0;
padding-left: 2px;
background: url(media/rightround.gif) bottom right no-repeat; /*optional right round corner*/
}

</style>

 


Copyright © 2010 Jumples98.tr.gg|V6 Design|Tüm Hakları Saklıdır...| Türkiye |JuMPLeS98| İletişim ||Yorumlar
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol