Iceblue - Red - Butterfly - Css Tasarım Paylaşımları

<div id="templatemo_wrapper_outter">
<div id="templatemo_wrapper_inner">
<div id="templatemo_wrapper">
<div id="templatemo_menu" class="ddsmoothmenu">
<ul>
   <li><a href="#">Link-1</a></li>
   <li><a href="#">Link-2</a></li>
   <li><a href="#">Link-3</a></li>
   <li><a href="#">Link-4</a></li>
   <li><a href="#">Link-5</a></li>
   <li><a href="#">Link-6</a></li>
   <li><a href="#">Link-7</a></li>
   <li><a href="#">Link-8</a></li>
   <li><a href="#">Link-9</a></li>
</ul>
</div>
<p><br>
<br>
<br>
<br>
<br>
</p>
<div id="templatemo_main_top_sb"> </div>
<div id="templatemo_main_sb">
<div id="content1">

 </div>
<div id="sidebar">
<h3>Hakkımda</h3>
<p>Hakkımdaki bilgiler buraya eklenecek...</p>
<br>
<div class="cleaner h40"> </div>
<h3>Yeni yıl mesajı</h3>
<br>
<p>Yeni yıl mesajı buraya eklenecek...<a href="#">Devamı...</a>
</div>
<div class="cleaner"> </div>
</div>
<div id="templatemo_main_bottom"> </div>
<div id="templatemo_bottom">
<div class="col_allw300">
<h4>Arşiv</h4>
<ul class="bottom_list">
   <li><a href="#">Link-1</a></li>
   <li><a href="#">Link-2</a></li>
   <li><a href="#">Link-3</a></li>
   <li><a href="#">Link-4</a></li>
   <li><a href="#">Link-5</a></li>
</ul>
</div>
<div class="col_allw300">
<h4>Makaleler</h4>
<ul class="bottom_list">
   <li><a href="#">1. Başlık</a></li>
   <li><a href="#">2. Başlık</a></li>
   <li><a href="#">3. Başlık</a></li>
   <li><a href="#">4. Başlık</a></li>
</ul>
</div>
<div class="cleaner"> </div>
</div>
<div id="templatemo_footer">Copyright © 2011 <a href="#">Sizinsiteniz</a> | <a href="http://kaankart.tr.gg/anasayfa.htm" target="_parent">Yeniyıl TASARIMI</a> by          <a href="http://kaankart.tr.gg/anasayfa.htm" target="_parent">Kaankart.tr.gg</a>
<div class="cleaner"> </div>
</div>
</div>
<div class="cleaner"> </div>
</div>
</div>

  #extraDiv1 {
display:none;
}

#extraDiv2 {
display:none;
}

#extraDiv3 {
display:none;
}

#extraDiv4 {
display:none;
}

#extraDiv5 {
display:none;
}

#extraDiv6 {
display:none;
}

#pre_header {
display:none;
}

#post_header {
display:none;
}

#pre_content {
display:none;
}

#nav_heading {
display:none;
}

#nav {
display:none;
}

div.header {
display:none;
}

h1#title {
display:none;
}

h2#title span {
display:none;
}


td[height="102"] {
position:absolute;
left:50%;
margin-left:-384px;
}

/*
Credit: www.kaankart.tr.gg
*/

body {
   margin: 0;
   padding: 0;
   color: #828fa2;
   font-family: Tahoma, Geneva, sans-serif;
   font-size: 13px;
   line-height: 1.5em;
   background-color: #06182e;
   background-image: url(http://img.webme.com/pic/k/kaankart/562015.jpg);
   background-position: top;
   background-repeat: repeat-x
}

a, a:link, a:visited { color: #93d30d; font-weight: normal; text-decoration: none; font-size: 12px }
a:hover { text-decoration: underline; }

a.more { clear: both; display: block; width: 64px; height: 21px; line-height: 19px; text-align: center; font-size: 11px; font-weight: 400; color: #003366; background: url(http://img.webme.com/pic/k/kaankart/562016.png) no-repeat }
a.more:hover { color: #000; text-decoration: none }


p { margin: 0 0 10px 0; padding: 0; }
img { border: none; }
blockquote { font-style: italic; margin: 0 0 15px 10px;}
cite { font-weight: bold; color:#93d30d; font-size: 12px; }
cite span { color: #828fa2; }
em { color: #93d30d; }

h1, h2, h3, h4, h5, h6 { color: #fff; font-weight: normal; }
h1 { font-size: 34px; margin: 0 0 20px; padding: 5px 0 }
h2 { font-size: 28px; margin: 0 0 25px; padding: 5px 0; }
h3 { font-size: 22px; margin: 0 0 15px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }

.float_l { float: left }
.float_r { float: right }

.image_wrapper { display: inline-block; padding: 4px; background: #000; border: 1px solid #1f3958 }
.image_fl { float: left; margin: 3px 30px 0 0 }
.image_fr { float: right; margin: 3px 0 0 30px }

.tmo_list { margin: 20px 0 20px 15px; padding: 0; list-style: none }
.tmo_list li { color:#40a9de; margin: 0; padding: 0 0 5px 20px; background: url(http://img.webme.com/pic/k/kaankart/562017.png) no-repeat scroll 0 7px  }
.tmo_list li a { color: #40a9de; font-weight: normal; font-size: 12px; text-decoration: none }
.tmo_list li a:hover { text-decoration: underline }


#templatemo_wrapper_outter { width: 100%; background: url(http://img.webme.com/pic/k/kaankart/562018.jpg) center bottom no-repeat }
#templatemo_wrapper_inner { width: 100%; background: url(http://img.webme.com/pic/k/kaankart/562019.jpg) center top no-repeat }

#templatemo_wrapper { width: 960px; padding: 0 10px; margin: 0 auto }

#templatemo_menu { width: 100%; height: 40px; }

#templatemo_header {
   width: 100%;
   height: 130px;
}

#site_title { float: left; margin-top: 40px; }
#site_title h1 { margin: 0; padding: 0 }
#site_title h1 a { display: block; width: 250px; height: 78px; color: #fff; text-indent: -10000px; background: url(images/k/kaankart_logo.png) no-repeat top center }

#templatemo_main_top {
   width: 900px;
   height: 280px;
   padding: 40px 30px 30px;
   background: url(http://img.webme.com/pic/k/kaankart/562020.png) no-repeat
}
#templatemo_main_top_sb { width: 100%; height: 25px; background: url(http://img.webme.com/pic/k/kaankart/562021.png) no-repeat }

#templatemo_main {
   width: 900px;
   padding: 50px 30px 40px;
   background: url(http://img.webme.com/pic/k/kaankart/562022.png) repeat-y
}

#templatemo_main_sb {
   width: 900px;
   padding: 15px 30px 20px;
   background: url(http://img.webme.com/pic/k/kaankart/562022.png) repeat-y
}

#templatemo_main_bottom {
   width: 100%;
   height: 10px;
   background: url(http://img.webme.com/pic/k/kaankart/562023.png) no-repeat
}

#content1 {
   width: 570px;
   float: left;
   padding-right: 30px;
   border-right: 1px dotted #666666;
}

#sidebar {
   width: 270px;
   float: right;
}

.col_fw { width: 900px; }
.content_box { margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px dotted #666666 }
.col_w600 { width: 540px; padding-right: 60px }
.col_hw { width: 430px }
.col_w300 { width: 300px }
.col_allw300 { float: left; width: 270px; margin-right: 30px }
.bb { border-bottom: 1px solid #292929 }
.mb30 { margin-bottom: 30px }
.pb30 { padding-bottom: 30px; }
.col_last { margin: 0; border: none }

.fp_service_box img { float: left; margin-right: 10px }

.fp_lw_box { clear: both; margin-bottom: 30px }
.fp_lw_box img { margin-right: 15px; padding-top: 3px }
.fp_lw_box h6 { margin-bottom: 0 }
.fp_lw_box h6 a { font-weight: bold; text-decoration: none }

#gallery { margin: 0; padding: 0 }
.gallery_box {  clear: both; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dotted #666666  }
.gb_img { float: left;  }
.gb_detail { float: right; width: 400px }

.pagging { margin: 0 0 20px; padding: 0 }
.pagging ul { margin: 0; padding: 0; list-style: none }
.pagging ul li { margin: 0; padding: 0; display: inline }
.pagging ul li a { float: left; display: block; color: #FFFFFF; background-color: #002040; text-decoration: none; margin-right: 5px; padding: 4px 10px; border: 1px solid #000; }
.pagging ul li a:hover { background-color: #0066CC; color: #000  }

.post_box { clear: both; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px dotted #666666 }
.post_content { float: left; width: 760px }
.post_header { border-top: 3px solid #999; border-bottom: 1px solid #ccc; padding: 5px; margin-bottom: 20px }
.post_box h2 { font-size: 34px; margin-bottom: 30px }
.post_box p.post_meta { margin-bottom: 0 }
.post_content a.more { clear: none; }
.post_box .comment {
   float: right;
   width: 70px;
    height: 150px;
   line-height: 50px;
   margin-right: 40px;
   color: #fff;
   text-align: center;
   background: url() no-repeat top left
}
.post_box .comment a { color: #000; font-size: 34px; text-decoration: none }
.post_box .comment a:hover { color: #333 }


#contact_form { padding: 0; width: 400px }
#contact_form form { margin: 0px; padding: 0px; }
#contact_form form .input_field { width: 270px; padding: 5px 0; color: #fff; border: 1px solid #a7a7a7;  background: #e8e8e8; }
#contact_form form label { display: block; width: 100px; margin-right: 10px; font-size: 14px }
#contact_form form textarea { width: 388px; height: 200px; padding: 5px; border: 1px solid #a7a7a7;  background: #e8e8e8; }
#contact_form form .submit_btn { display: block; margin-top: 10px; padding: 5px 15px; text-align: center; text-decoration: none; font-weight: bold; background: #002244;  color: #fff; border: 1px solid #000000; font-size: 12px; cursor: pointer }

#templatemo_bottom {
   clear: both;
   width: 100%;
   padding: 30px 30px 80px;
}

.bottom_list {
   list-style: none; padding: 0; margin: 0
}

.bottom_list li {
   list-style: none; padding: 0 0 5px; margin: 0 0 7px; border-bottom: 1px solid #0c2b51
}

.bottom_list li a { color: #d9dadc; text-decoration: none }
.bottom_list li a:hover { color: #0099FF; text-decoration: none }

#templatemo_footer {
   clear: both;
   width: 880px;
   height: 20px;
   padding: 15px 20px;
   color: #666;
   text-align: center;
   background: url()
}

#templatemo_footer a { color: #000; text-decoration: underline }

.ddsmoothmenu{
}

.ddsmoothmenu ul{
   z-index:100;
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.ddsmoothmenu ul li{
   position: relative;
   display: inline;
   float: left;
}

.ddsmoothmenu ul li a {
   display: block;
   position: relative;
   height: 40px;
   line-height: 40px;
   padding: 0 20px;
   font-size: 14px;
   color: #fff;   
   text-align: center;
   text-decoration: none;
   outline: none;
   border: none;
}

* html .ddsmoothmenu ul li a{
display: inline-block;
}

.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover {
   color: #93d30d;
   background: url(http://img.webme.com/pic/k/kaankart/562024.png) repeat-x
}

.ddsmoothmenu ul li ul{
   position: absolute;
   left: 0;
   display: none;
   visibility: hidden;
}

.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

.ddsmoothmenu ul li ul li ul{
top: 0;
}

.ddsmoothmenu ul li ul li a{
   font-weight: 500;
   width: 120px;
   height: 10px;
   padding: 0 20px 15px;
   margin: 0;
   font-size: 12px;
   border-top-width: 0;
   text-align: left;
   background: none;
}

.ddsmoothmenu ul li ul li a span {
   background: none;
}

.ddsmoothmenu ul li ul li a.selected, .ddsmoothmenu ul li ul li a:hover { text-decoration: underline; background: none }

* html .ddsmoothmenu{height: 1%;}


.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: #000;
}

.toplevelshadow{
opacity: 0.5;
}

<div id="headertop"></div> <div id="navileiste"></div> <div id="grosesbild"></div> <div id="deinbild"></div> <div id="logo"></div> <div id="links"><a href="link" _fcksavedurl="link">PS3 </a>| <a href="link" _fcksavedurl="link">xBox360</a> | <a href="link" _fcksavedurl="link">Wii </a>| <a href="link" _fcksavedurl="link">PC</a><br /></div>

<div id="copyright">Copyright by <a href="http://kaankart.tr.gg/anasayfa.htm" _fcksavedurl="http://kaankart.tr.gg/anasayfa.htm">Siteniz </a>// Tasarım by <a href="http://kaankart.tr.gg/anasayfa.htm" _fcksavedurl="http://kaankart.tr.gg/anasayfa.htm">Kaankart.tr.gg</a></div>

/*Tasarım by Kaan 2011*/ td[height="102"] { position:absolute; left:50%; margin-left:-376px; }   body { background-color: #0a0101; background-image: url(http://img.webme.com/pic/k/kaankart/backgroundnewgaming2.png);  background-repeat: no-repeat; background-position: center top; }  #logo { width: 323px; height: 58px; position: absolute; left: 50%; margin-left: -428px; overflow: hidden;  top: 160px; background-image:url(http://img.webme.com/pic/k/kaankart/logonewgaming.png); }  #links { width: 409px; height: 25px; position: absolute; left: 50%; margin-left: 7px; overflow: hidden;  top: 208px; font-size: 18px; padding: 4px; color: #5c5656; font-family: tahoma; text-align: left; }  #links a { font-size: 15px; color: #919090; text-decoration: none; }  #links a:hover { font-size: 15px; color: #a91717; text-decoration: none; }  #deinbild { width: 855px; height: 264px; position: absolute; left: 50%; margin-left: -428px; overflow: hidden;  top: 347px; background-image:url(http://img.webme.com/pic/k/kaankart/battlefield3test.jpg); }  #headertop { width: 900px; height: 150px; margin: auto; overflow: hidden;  background-image:url(http://img.webme.com/pic/k/kaankart/headernewgaming.png); }  #navileiste { width: 900px; height: 70px; margin: auto; overflow: hidden;  background-image:url(http://img.webme.com/pic/k/kaankart/navinewgaming.png); }  #grosesbild { width: 900px; height: 300px; margin: auto; overflow: hidden;  background-image:url(http://img.webme.com/pic/k/kaankart/newgamingbild.jpg); }  #container { width: 900px; height: auto; margin: auto; overflow: hidden;  background-color: #f8f8f8; background-repeat: no-repeat; background-image:url(http://img.webme.com/pic/k/kaankart/newgamingbildcontainer.jpg); }  /*Copyright nicht entfernen oder ändern*/ #copyright { width: 850px; height: 17px; margin: auto; overflow: hidden;  font-size: 15px; color: #808080; font-family: tahoma;  text-decoration: none; padding: 25px; background-image:url(http://img.webme.com/pic/k/kaankart/copyrightnewgaming.png); }  #copyright a{ font-size: 15px; color: #8a1c1c; text-decoration: none; }  #nav_container { position: absolute;  left: 50%;  top: 255px;  margin-left: -478px; width: 900px; height: 62px;  text-align: left; border-top: 0px solid #ffffff;  background-image:url(); }  li.nav_element { display: inline-block; text-align: center; height:18px; padding: 13px; width: auto; background-image:url(http://img.webme.com/pic/k/kaankart/navinavinewgaming.png); border-left: 1px solid #3f3f3f;  border-right: 1px solid #3f3f3f;  }  li.nav_element a { font-size:15px; color: #e5fcff; font-family: Tahoma;  text-decoration: none; }  li.nav_element:hover { height:18px; background-image:url(http://img.webme.com/pic/k/kaankart/navinavinewgaminghover.png); }  li.nav_element:hover a { font-size:15px; color: #fff; font-family: Tahoma;  text-decoration: none; }  #content { float:left; margin-left: 30px; margin-top: 30px; margin-right: 30px; margin-bottom: 30px; width: 570px; color: #000; font-size: 15px; font-family: tahoma; text-align: left; }  #content a { font-size: 15px; color: #8f0606; text-decoration: none; font-family: tahoma;  }   #sidebar_container {  float: right; margin-top: 30px;  margin-right: 30px;  margin-bottom: 30px;  height: auto;   width: 210px;  padding:15px;  color: #727272;  font-size:13px;  font-family: tahoma;  text-align: left;  background: #000000;  background-repeat: no-repeat;  background-image:url(http://img.webme.com/pic/k/kaankart/linkebox.jpg); }    #sidebar_container a {  color: #8f0606;  font-size: 13px;  font-family: tahoma;  text-decoration: none; }  h2#title{display:none;} h1#header {display:none;} #header-container {display:none;} #nav_heading{display:none;} #sidebar_heading {display:none;} #pre_content {display:none;} #pre_header {display:none;} #post_header {display:none;} #post_content {display:none;} #below_content{display:none;} #extraDiv2 {display:none;} #extraDiv3 {display:none;} #extraDiv4 {display:none;} #extraDiv5 {display:none;} #extraDiv6 {display:none;} div.header{display: none;} #counter{display:none;}

<div id="header">
<h1>Sitenizin Adı</h1><br />
<h3>slogan</h3>
</div>
<div id="wrap1"><br>
</div>
<div id="wrap2">
<div id="wrapper">
<div id="main">
<div id="pagename"></div>

</div><div id="sidebar">
<div id="menutop">Menu1</div>
<div id="menu">
<ul class="menu">
<li><a href="#">menu 1</a></li>
<li><a href="#">menu 2</a></li>
<li><a href="#">menu 3</a></li>
<li><a href="#">menu 4</a></li>
<li><a href="#">menu 5</a></li>
</ul>
</div>
<div id="menutop">Menu2</div>
<div id="menu">
<ul class="menu">
<li><a href="#">menu 1</a></li>
<li><a href="#">menu 2</a></li>
<li><a href="#">menu 3</a></li>
<li><a href="#">menu 4</a></li>
<li><a href="#">menu 5</a></li>
</ul>
</div>
<div id="menutop">Menu3</div>
<div id="menu">
<ul class="menu">
<li><a href="#">menu 1</a></li>
<li><a href="#">menu 2</a></li>
<li><a href="#">menu 3</a></li>
<li><a href="#">menu 4</a></li>
<li><a href="#">menu 5</a></li>
</ul>
</div>
</div>
<div id="footer">© 2012 <a href="#">Sizin Siteniz</a> Tüm Hakları sizin sitenize aittir (:
</div>
</div>
</div>
<div id="wrap3"><br>
</div>
<div id="legal"></div>

iframe{border:Solid 3px #F3A002;}
table[height ="102"] {margin-left:auto;margin-right:auto;}
#header_container {display: none;}
#nav_container {display: none;}
h2#title {display: none}
#sidebar_container{display: none;}
* {margin: 0px;}
body {
  margin: 0px;
  padding: 0px;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url(http://img.webme.com/pic/k/kaankart/arkaplan_sari.png);
  font-family: Arial,Helvetica,sans-serif;
  font-size: 15px;
  background-color: #FEC007;
}
#header {
  background-image: url(http://img.webme.com/pic/k/kaankart/baslik_sari.png);
  height: 91px;
  padding-top: 30px;
  background-repeat: no-repeat;
  color: white;
  padding-left: 15px;
  width: 978px;
  margin-right: auto;
  margin-left: auto;
  background-position: center top;
  margin-bottom: 25px;
}
#wrap1 {
  background-image: url(http://img.webme.com/pic/k/kaankart/beyaz_ust.png);
  background-position: center top;
  background-repeat: no-repeat;
  height: 18px;
  width: 990px;
  margin-right: auto;
  margin-left: auto;
}
#wrap2 {
  background-image: url(http://img.webme.com/pic/k/kaankart/beyaz_orta.png);
  background-repeat: repeat-y;
  background-position: center top;
  width: 990px;
  margin-left: auto;
  margin-right: auto;
}
#wrapper {
}
h1 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 27px;
  font-family: "Times New Roman",Times,serif;
}
h2 {
  background-color: #cccccc;
  color: #666666;
  padding-left: 2px;
  margin-left: -5px;
  margin-right: -4px;
  font-size: 20px;
  font-family: "Times New Roman",Times,serif;
}
h3 {
  font-style: italic;
  font-size: 19px;
  font-family: "Times New Roman",Times,serif;
}
#main {
  float: left;
  width: 779px;
  margin-left: 6px;
}
#pagename {
  padding-left: 15px;
  font-weight: bold;
  font-size: 20px;
}
#content {
  padding-right: 5px;
  padding-left: 5px;
}
#sidebar {
  float: left;
  width: 200px;
}
#menutop {
  background-image: url(http://img.webme.com/pic/k/kaankart/sari_menu.png);
  background-repeat: no-repeat;
  background-position: right top;
  text-align: right;
  height: 26px;
  padding-top: 5px;
  color: white;
  font-weight: bold;
  text-transform: capitalize;
  padding-right: 5px;
}
#footer {
  clear: left;
  text-align: center;
  font-size: 11px;
}
#legal {
  width: 990px;
  margin-right: auto;
  margin-left: auto;
  font-size: 10px;
  color: white;
  text-align: right;
}
.menu {
  list-style-type: none;
  font-size: 16px;
}
.menu li:hover {
  list-style-type: square;
  color: #666666;
}
.menu li a {
  text-decoration: none;
  color: #666666;
}
#legal a {
  text-decoration: none;
  color: white;
}
#wrap3 {
  background-image: url(http://img.webme.com/pic/k/kaankart/beyaz_alt.png);
  background-repeat: no-repeat;
  background-position: center top;
  height: 18px;
  width: 990px;
  margin-right: auto;
  margin-left: auto;
}
#footer a {
  color:black;
  text-decoration: none;
}

<div align="center"> <table border="0" width="70%" id="table1"> <tr> <td>  <style type="text/css"> <!--

td[height="102"] {
position:absolute;
left:50%;
margin-left:-376px; }

body {
background-color:#343434;
background-image:url();
background-repeat: repeat;
text-align:center; }

td {
color:#000000;
font-size:14px;
text-align:left;
font-family: arial,verdana; }

a:link {
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none; }

a:visited {
color:#800000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

a:hover{
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

td.edit_header_full {
background-color:#123;
background-image:url(Dein-Header-Bild);
background-repeat:no-repeat;
border:1px solid #000000; }

td.headline {visibility:hidden;}

td.nav_heading {
color:#FFFFFF;
font-size:13px;
font-family:verdana;
text-align:left;
height:29px;
background-color:##FF4000;
background-image:url(http://img.webme.com/pic/k/kaankart/icebluebutton18.png);
border:1px solid #000000; }

td.nav {
background-color:#123;
background-image: url();
border:1px solid #000000; }

td.nav:hover {
background-color:#;
background-image:url(http://img.webme.com/pic/k/kaankart//icebluebutton18.png);
border:1px solid #000000; }


td.nav a {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

td.nav a:hover{
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

td.edit_below_nav {display:none;}

td.edit_main_tr {
height: 50% !important; }

td.edit_navi_headbg {
height: 50%;
background-color:#XXXXXX ;
background-image:url();
border: px solid #000000; }

td.edit_content_top {
height:29px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/k/kaankart//icebluebutton18.png);
border:1px solid #000000; }

td.headline2 {
color:#FFFFFF;
font-size:13px;
font-family:arial,verdana;
text-align:left; }

td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#FFFFFF;
background-image: url();
border:1px solid #000000; }

td.edit_content_left_spacer {
background-color:#;
background-image:url(); }

td.edit_content_right_spacer {
background-color:#;
background-image:url(); }

td.edit_content_bottom {
height:29px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/k/kaankart//icebluebutton18.png);
border:1px solid #000000; }

td.edit_content_bottom2 {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }

td.edit_content_bottom2_counter {
font-family:arial,verdana;
font-size:12px;
background-color:#c9c9c9;
border:1px solid #000000; }

td.edit_rechts_cbg {
background-color:#XXXXXX;
background-image: url();
border:0px solid #000000; }

td.edit_rechts_sbg {display:none;}

td.sidebar_heading {
color:#FFFFFF;
font-size:13px;
font-family:verdana ;
text-align:left;
height:29px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/k/kaankart//icebluebutton18.png);
border:1px solid #000000; }

td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#FFFFFF;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#123;
background-image: url();
border:1px solid #000000; }

td.edit_rb_footer{display:none; }

td.edit_rechts_bottom {
background-color:# ;
background-image: url();
border:0px solid #000000; }

--> </style>

<table style="width:160px;" border="0"> <tr> <td class="nav"><a href="link buraya" _fcksavedurl="link buraya"><img src="Button-URL" _fcksavedurl="Button-URL" border="0">BAŞLIK 1</a></td> </tr><tr> <td class="nav"><a href="link buraya" _fcksavedurl="link buraya"><img src="Button-URL" _fcksavedurl="Button-URL" border="0">BAŞLIK 2</a></td> </tr><tr> <td class="nav"><a href="link buraya" _fcksavedurl="link buraya"><img src="Button-URL" _fcksavedurl="Button-URL" border="0">BAŞLIK 3</a></td> </tr><tr> <td class="nav"><a href="link buraya" _fcksavedurl="link buraya"><img src="Button-URL" _fcksavedurl="Button-URL" border="0">BAŞLIK 4</a></td> </tr> </table>

<table style="width:160px;" border="0"> <tr> <td class="nav"><a href="LİNK BURAYA" _fcksavedurl="LİNK BURAYA"><img src="Button-URL" _fcksavedurl="Button-URL" border="0">BAŞLIK 1</a></td> </tr><tr> <td class="nav"><a href="LİNK BURAYA" _fcksavedurl="LİNK BURAYA"><img src="Button-URL" _fcksavedurl="Button-URL" border="0">BAŞLIK 2</a></td> </tr><tr> <td class="nav"><a href="LİNK BURAYA" _fcksavedurl="LİNK BURAYA"><img src="Button-URL" _fcksavedurl="Button-URL" border="0">BAŞLIK 3</a></td> </tr><tr> <td class="nav"><a href="LİNK BURAYA" _fcksavedurl="LİNK BURAYA"><img src="Button-URL" _fcksavedurl="Button-URL" border="0">BAŞLIK 4</a></td> </tr> </table>

<table style="width:160px;" border="0"> <tr> <td class="nav"><a href="LİNK BURAYA" _fcksavedurl="LİNK BURAYA"><img src="Button-URL" _fcksavedurl="Button-URL" border="0">BAŞLIK 1</a></td> </tr><tr> <td class="nav"><a href="LİNK BURAYA" _fcksavedurl="LİNK BURAYA"><img src="Button-URL" _fcksavedurl="Button-URL" border="0">BAŞLIK 2</a></td> </tr><tr> <td class="nav"><a href="LİNK BURAYA" _fcksavedurl="LİNK BURAYA"><img src="Button-URL" _fcksavedurl="Button-URL" border="0">BAŞLIK 3</a></td> </tr><tr> <td class="nav"><a href="LİNK BURAYA" _fcksavedurl="LİNK BURAYA"><img src="Button-URL" _fcksavedurl="Button-URL" border="0">BAŞLIK 4</a></td> </tr> </table>

Tasarım By <a href="http://kaankart.tr.gg/anasayfa.htm/" _fcksavedurl="http://kaankart.tr.gg/anasayfa.htm/">Kaankart.tr.gg/</a>

<table width="1100">
<tr>
<td width="1092" height="242" valign="bottom"><img src="http://img.webme.com/pic/p/pinoki/texa_barner.png" width="1091" height="245" border="0" usemap="#Map"></td>
</tr>
<tr>
<td height="584" valign="top" background="http://img.webme.com/pic/p/pinoki/texa_orta.png"><table width="1092">
<tr>
<td width="1084" height="526" valign="top"><div id="kodlamapinoki">

</div></td>
</tr>
</table></td>
</tr>
<tr>
<td height="89" background="http://img.webme.com/pic/p/pinoki/texa_alt.png"> </td>
</tr>
</table>

<map name="Map"><area shape="rect" coords="53,198,137,230" href="#anasayfa">
<area shape="rect" coords="147,199,206,227" href="#iletisim">
<area shape="rect" coords="214,200,289,230" href="#kod_arsiv">
<area shape="rect" coords="301,201,400,228" href="#grafik_ar">
<area shape="rect" coords="413,200,528,232" href="#tasarim_ar">
<area shape="rect" coords="535,199,688,230" href="#pot_der">
<area shape="rect" coords="696,199,886,229" href="#tasarim_is">
<area shape="rect" coords="896,197,1037,228" href="#desek_bar">
</map>

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

body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
}
body {
background-color: #FFFFFF;
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
color: #FFFFFF;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: none;
color: #CCCCCC;
}
a:active {
text-decoration: none;
color: #CCCCCC;
}<meta http-equiv="refresh" content="0;URL=http://grafikdestek.net.tc" />

<link href="üstmenü.css" rel="stylesheet" type="text/css" />
<link href="sada.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--

-->
</style></head>

<body>
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="351" background="http://img44.resimup.net/di/VNIQ.png"><table width="1000" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="85"> </td>
      </tr>
      <tr>
        <td height="50"><table width="1000" height="45" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td width="16" height="45"> </td>
            <td width="163" valign="top"><div align="center"><a href="#blog"><img src="http://img44.resimup.net/di/PYXR.png" width="91" height="42" border="0" align="middle" /></a></div></td>
            <td width="643"> </td>
            <td width="162" valign="top"><div align="center"><a href="#forum"><img src="http://img44.resimup.net/di/ND4J.png" width="130" height="40" border="0" /></a></div></td>
            <td width="16"> </td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td height="127"> </td>
      </tr>
      <tr>
        <td height="61"><table width="1000" height="62" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td width="57" height="62"> </td>
            <td width="888" valign="top"><div id="üstmenü">
              <ul>
                <li><a href="#linkburaya">>> Tasarımlar</a></li>
                <li><a href="#linkburaya">>> Kod Arşivi </a></li>
                <li><a href="#linkburaya">>> Hakkımızda </a></li>
                <li><a href="#linkburaya">>> Reklam </a></li>
                <li><a href="#linkburaya">>> Ziyaretçi Defteri </a></li>
              </ul>
            </div></td>
            <td width="55"> </td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="343" background="http://img44.resimup.net/di/3A3G.png"><table width="1000" height="528" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="57" height="528"> </td>
        <td width="637" valign="top"><p><a href="#reklamlink"><img src="http://img44.resimup.net/di/V30N.png" width="637" height="62" border="0" /></a><a href="#reklamlink"><img src="http://img44.resimup.net/di/V30N.png" width="637" height="62" border="0" /></a></p>
          <p><div id="content"></div></p>

</td>
        <td width="16"><p> </p>
          <p> </p></td>
        <td width="240" valign="top"><div id="dikeymenü">
          <ul>
            <li><a href="#linkburaya">>> Ana Sayfa</a></li>
            <li><a href="#linkburaya">>> Ziyareçi Defteri </a></li>
            <li><a href="#linkburaya">>> Ben Kimim</a></li>
            <li><a href="#linkburaya">>> Uzmanlık Alanım</a></li>
            <li><a href="#linkburaya">>> Bazı Çalışmalar</a></li>
            <li><a href="#linkburaya">>> Referanslar</a></li>
            <li><a href="#linkburaya">>> Top Liste </a></li>
            <li><a href="#linkburaya">>> Reklam Ver</a></li>
            <li><a href="#linkburaya">>> Bize Çizdir </a></li>
            <li><a href="#linkburaya">>> Css Tasarımlarımız </a></li>
            <li><a href="#linkburaya">>> İce-Blue Tasarım </a></li>
            <li><a href="#linkburaya">>> Html Arşivi </a></li>
            <li><a href="#linkburaya">>> İcon Arşivi </a></li>
            <li><a href="#linkburaya">>> CSS Dersler </a></li>
            <li><a href="#linkburaya">>> Photoshop</a></li>
            <li><a href="#linkburaya">>> Sosyal Baglar</a></li>
            <li><a href="#linkburaya">>> Tavsiyelerimiz</a></li>
            <li><a href="#linkburaya">>> Takip Ettiklerimiz </a></li>
            </ul>
        </div></td>
        <td width="50"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="136" background="http://img18.resimup.net/di/CVOD.png"> </td>
  </tr>
</table>
<meta http-equiv="refresh" content="0;URL=http://grafikdestek.net.tc" />

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


body,td,th {
    font-family: Tahoma;
    font-size: 14px;
    color: #FFFFFF;
}
body {
    background-color: #e1a5f0;
}
a:link {
    color: #FFFFFF;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #FFFFFF;
}
a:hover {
    text-decoration: none;
    color: #000000;
}
a:active {
    text-decoration: none;
    color: #000000;
}#üstmenü ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#üstmenü li {
    float: left;
}
#üstmenü a {
    font-family: Tahoma;
    font-size: 18px;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
#üstmenü a:hover {
    text-decoration: none;
    background-color: #972CD5;
}
#dikeymenü ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#dikeymenü a {
    font-family: Tahoma;
    font-size: 16px;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    padding: 5px;
}
#dikeymenü a:hover {
    background-color: #972CD5;
}

<center><table width="850" cellspacing="1" cellpadding="1" border="0" height="1000">
    <tbody>
        <tr>
            <td valign="top">
            <table width="850" cellspacing="1" cellpadding="1" border="1" height="150">
                <tbody>
                    <tr>
                        <td valign="top"><img alt="" src="http://img.webme.com/pic/e/eglencehanem/cats.jpg" /></td>
                    </tr>
                </tbody>
            </table>
            <table align="left" width="200" cellspacing="1" cellpadding="1" border="1" height="850">
                <tbody>
                    <tr>
                        <td valign="top" bgcolor="#0099cc"><!--Kaynak:Kodbanks Red-Gray dikey menu basla--><style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.urbangreymenu{
width: 190px; /*width of menu*/
}
.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: black;
background: #ff0000 url(http://img818.imageshack.us/img818/1885/kodbanksok.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}
.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #cccccc;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}
.urbangreymenu ul li a:visited{
color: black;
}
.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}
</style>
<div class="urbangreymenu">
<h3 class="headerbar">ana manü</h3>
<ul>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a><li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
</ul>
<h3 class="headerbar">Kategoriler</h3>
<ul>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ" >Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li></ul>
</div><!--Kaynak:Kodbanks Red-Gray dikey menu bitir--></td>
                    </tr>
                </tbody>
            </table>
            <table align="left" width="650" cellspacing="1" cellpadding="1" border="1" height="850">
                <tbody>
                    <tr>
                        <td valign="top" bgcolor="#cccccc">

<span style="color: rgb(51, 102, 255);">
<div style="border: 1px solid rgb(255, 204, 51); margin: 5px 0pt 0pt; padding: 5px; background: none repeat scroll 0% 0% rgb(255, 255, 204); -moz-background-inline-policy: continuous; -moz-border-radius: 5px 5px 5px 5px; width: 96%; text-align: left;"><span style="color: rgb(0, 0, 0);"><span style="font-size: small;"><span style="font-family: Trebuchet MS;"><span style="font-style: italic;"><span style="font-weight: bold;">Bu Tasarım http://eglencehanem.tr.gg/  Tarafından Yapılmıştır </span></span></span></span></span><font size="4"><b><b> </b></b></font></div> </span>

</td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table></center>

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




 
body{background-image:url(http://www.backgroundlabs.com/backgrounds/261.gif);background-attachment: fixed}

font[color="green"]{ background:url(http://img.webme.com/pic/b/bab-hunk/online.gif) no-repeat right #FFFFFF; padding-right:18px; border:1px dashed; text-shadow: 1px 1px 1px rgb(242, 242, 242); background-color:#ADFF2F; -moz-border-radius:6px; -khtml-border-radius:6px; A{ text-decoration : none; } }

font[color="red"]{ background:url(http://img.webme.com/pic/b/bab-hunk/offline.gif) no-repeat right  #FFFFFF; padding-right:20px; border:1px dashed; text-shadow: 1px 1px 1px rgb(242, 242, 242); background-color:#FF9999; -moz-border-radius:6px; -khtml-border-radius:6px; A{ text-decoration : none; } }




input[type="text"]  { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url(http://img.webme.com/pic/h/hittasarim/style1_txt_bgot.gif) repeat-x top;-moz-border-radius:6px;
-khtml-border-radius:6px;   border: solid #000000 1px; } input[type="text"]:focus, input[type="text"]:active { border-color : #777; } input[type="submit"] { cursor : pointer; font-family : "Trebuchet MS"; font-size : 11px; font-weight : -moz-border-radius:6px;
-khtml-border-radius:6px;   border: solid #000000 1px; normal; color : #333333; border : 1px solid #c6c7ca; background : #e4e4e4 url(http://img.webme.com/pic/h/hittasarim/style1_btn_bgot.gif) repeat-x top; -moz-border-radius:6px;
-khtml-border-radius:6px;   border: solid #000000 1px; } textarea { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url(http://img.webme.com/pic/h/hittasarim/style1_txt_bgott.gif) repeat-x top; -moz-border-radius:6px;
-khtml-border-radius:6px;   border: solid #000000 1px; } 

<center><table width="1000" cellspacing="1" cellpadding="1" border="0" height="1150">
    <tbody>
        <tr>
            <td valign="top" bgcolor="#cccccc">
            <table width="1000" cellspacing="1" cellpadding="1" border="0" height="150">
                <tbody>
                    <tr>
                        <td valign="top" bgcolor="#00cccc"><img alt="" src="http://img62.resimup.net/di/BD4U.jpg" /></td>
                    </tr>
                </tbody>
            </table>
            <table align="left" width="200" cellspacing="1" cellpadding="1" border="0" height="850">
                <tbody>
                    <tr>
                        <td align="left" valign="top" bgcolor="#00cccc"><!--Kaynak:Kodbanks Red-Gray dikey menu basla--><style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.urbangreymenu{
width: 190px; /*width of menu*/
}
.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: black;
background: #ff0000 url(http://img818.imageshack.us/img818/1885/kodbanksok.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}
.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #cccccc;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}
.urbangreymenu ul li a:visited{
color: black;
}
.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}
</style>
<div class="urbangreymenu">
<h3 class="headerbar">ana manü</h3>
<ul>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a><li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
</ul>
<h3 class="headerbar">Kategoriler</h3>
<ul>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ" >Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li></ul>
<h3 class="headerbar">Kategoriler</h3>
<ul>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ" >Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li></ul>
</div><!--Kaynak:Kodbanks Red-Gray dikey menu bitir--></td>
                    </tr>
                </tbody>
            </table>
            <table align="left" width="600" cellspacing="1" cellpadding="1" border="0" height="850">
                <tbody>
                    <tr>
                        <td valign="top" bgcolor="#999999">

</td>
                    </tr>
                </tbody>
            </table>
            <table width="200" cellspacing="1" cellpadding="1" border="0" height="850">
                <tbody>
                    <tr>
                        <td valign="top" bgcolor="#00cccc"><!--Kaynak:Kodbanks Red-Gray dikey menu basla--><style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.urbangreymenu{
width: 190px; /*width of menu*/
}
.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: black;
background: #ff0000 url(http://img818.imageshack.us/img818/1885/kodbanksok.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}
.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #cccccc;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}
.urbangreymenu ul li a:visited{
color: black;
}
.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}
</style>
<div class="urbangreymenu">
<h3 class="headerbar">ana manü</h3>
<ul>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a><li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
</ul>
<h3 class="headerbar">Kategoriler</h3>
<ul>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ" >Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li></ul>
<h3 class="headerbar">Kategoriler</h3>
<ul>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ" >Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li>
<li><a href="LİNK URL ADRESİ" _fcksavedurl="LİNK URL ADRESİ">Link adı</a></li></ul>
</div><!--Kaynak:Kodbanks Red-Gray dikey menu bitir--></td>
                    </tr>
                </tbody>
            </table>
            <table width="1000" cellspacing="1" cellpadding="1" border="0" height="150">
                <tbody>
                    <tr>
                        <td valign="top" bgcolor="#3366ff"><img alt="" src="http://img14.resimup.net/di/Q4C9.jpg" /></td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
</center>

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




 
body{background-image:url(http://www.backgroundlabs.com/backgrounds/261.gif);background-attachment: fixed}

font[color="green"]{ background:url(http://img.webme.com/pic/b/bab-hunk/online.gif) no-repeat right #FFFFFF; padding-right:18px; border:1px dashed; text-shadow: 1px 1px 1px rgb(242, 242, 242); background-color:#ADFF2F; -moz-border-radius:6px; -khtml-border-radius:6px; A{ text-decoration : none; } }

font[color="red"]{ background:url(http://img.webme.com/pic/b/bab-hunk/offline.gif) no-repeat right  #FFFFFF; padding-right:20px; border:1px dashed; text-shadow: 1px 1px 1px rgb(242, 242, 242); background-color:#FF9999; -moz-border-radius:6px; -khtml-border-radius:6px; A{ text-decoration : none; } }




input[type="text"]  { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url(http://img.webme.com/pic/h/hittasarim/style1_txt_bgot.gif) repeat-x top;-moz-border-radius:6px;
-khtml-border-radius:6px;   border: solid #000000 1px; } input[type="text"]:focus, input[type="text"]:active { border-color : #777; } input[type="submit"] { cursor : pointer; font-family : "Trebuchet MS"; font-size : 11px; font-weight : -moz-border-radius:6px;
-khtml-border-radius:6px;   border: solid #000000 1px; normal; color : #333333; border : 1px solid #c6c7ca; background : #e4e4e4 url(http://img.webme.com/pic/h/hittasarim/style1_btn_bgot.gif) repeat-x top; -moz-border-radius:6px;
-khtml-border-radius:6px;   border: solid #000000 1px; } textarea { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url(http://img.webme.com/pic/h/hittasarim/style1_txt_bgott.gif) repeat-x top; -moz-border-radius:6px;
-khtml-border-radius:6px;   border: solid #000000 1px; }