Kendi Tasarımım Olan Css Tasarım Kodları

Konu: Kendi Tasarımım Olan Css Tasarım Kodları Cuma Haz. 18, 2010 1:39 am

Önizleme

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

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">

</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Table_01" width="900" height="490" border="0" cellpadding="0" cellspacing="0">
<tr>
   <td>
      <img src="http://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="http://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="http://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="http://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="http://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="http://img.webme.com/pic/0/08oyun/cityv1_06.gif" width="900" height="62" alt=""></td>
</tr>
<tr>
   <td>
      <img src="http://img.webme.com/pic/0/08toplist/spacer.gif" width="434" height="1" alt=""></td>
   <td>
      <img src="http://img.webme.com/pic/0/08toplist/spacer.gif" width="223" height="1" alt=""></td>
   <td>
      <img src="http://img.webme.com/pic/0/08toplist/spacer.gif" width="243" height="1" alt=""></td>
</tr>
</table>

</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(http://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(http://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>

güzel..

Evet Güzel Bi Tasarım Ellerine Sağlık

Güzel knk.Ellerine sağlık.

» Kişisel Bir Tasarım
» Kd si 5.60 olan çar satılık
» Osman Talay v4 Tasarım Kodu