Css, Grafik Paylaşımları

<style type="text/css">
<!--
#Bedava-Sitem {
    height: 45px;
    width: auto;
}
#Bedava-Sitem ul {
    list-style-type: none;
    padding: 0px;
}
#Bedava-Sitem li {
    float: left;
}
#Bedava-Sitem a {
    display: block;
    background-image: url(http://img.webme.com/pic/v/ve-siir/ustmenu2.png);
    height: 32px;
    width: 128px;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #000000;
    padding-top: 13px;
}
#Bedava-Sitem a:hover {
    background-image: url(http://img.webme.com/pic/v/ve-siir/ustmenu3.png);
}
-->
</style>
<div id="Bedava-Sitem">
  <ul>
    <li><a href="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a></li>
  </ul>
</div>

<style type="text/css">
<!--
#Bedava-Sitem {
    height: 45px;
    width: auto;
}
#Bedava-Sitem ul {
    list-style-type: none;
    padding: 0px;
}
#Bedava-Sitem li {
    float: left;
}
#Bedava-Sitem a {
    display: block;
    background-image: url(http://img.webme.com/pic/v/ve-siir/ustmenu5.png);
    height: 32px;
    width: 128px;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #000000;
    padding-top: 13px;
}
#Bedava-Sitem a:hover {
    background-image: url(http://img.webme.com/pic/v/ve-siir/ustmenu6.png);
}
-->
</style>
<div id="Bedava-Sitem">
  <ul>
    <li><a href="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a></li>
  </ul>
</div>

<style type="text/css">
<!--
#Bedava-Sitem {
    height: 45px;
    width: auto;
}
#Bedava-Sitem ul {
    list-style-type: none;
    padding: 0px;
}
#Bedava-Sitem li {
    float: left;
}
#Bedava-Sitem a {
    display: block;
    background-image: url(http://img.webme.com/pic/v/ve-siir/ustmenu8.png);
    height: 32px;
    width: 128px;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #000000;
    padding-top: 13px;
}
#Bedava-Sitem a:hover {
    background-image: url(http://img.webme.com/pic/v/ve-siir/ustmenu9.png);
}
-->
</style>
<div id="Bedava-Sitem">
  <ul>
    <li><a href="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a></li>
  </ul>
</div>

<style type="text/css">
<!--
#Bedava-Sitem {
    height: 25px;
    width: auto;
}
#Bedava-Sitem ul {
    list-style-type: none;
    padding: 0px;
}
#Bedava-Sitem li {
    float: left;
}
#Bedava-Sitem a {
    display: block;
    background-image: url(http://img.webme.com/pic/v/ve-siir/ustmenu11.png);
    height: 25px;
    width: 135px;
    text-align: center;
    font-family: Verdana
    text-decoration: none;
    color: #000000;
    padding-top: 0px;
}
#Bedava-Sitem a:hover {
    background-image: url(http://img.webme.com/pic/v/ve-siir/ustmenu12.png);
    font-family: Verdana
}
-->
</style>
<div id="Bedava-Sitem">
  <ul>
    <li><a href="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a></li>
  </ul>
</div>

<style type="text/css">
<!--
#Bedava-Sitem {
    height: 25px;
    width: auto;
}
#Bedava-Sitem ul {
    list-style-type: none;
    padding: 0px;
}
#Bedava-Sitem li {
    float: left;
}
#Bedava-Sitem a {
    display: block;
    background-image: url(http://img.webme.com/pic/v/ve-siir/ustmenu14.png);
    height: 25px;
    width: 135px;
    text-align: center;
    font-size: 13px
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #ffffff;
    padding-top: 0px;
}
#Bedava-Sitem a:hover {
    background-image: url(http://img.webme.com/pic/v/ve-siir/ustmenu15.png);
}
-->
</style>
<div id="Bedava-Sitem">
  <ul>
    <li><a href="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a></li>
  </ul>
</div>

<style type="text/css">
<!--
#Bedava-Sitem {
    height: 25px;
    width: auto;
}
#Bedava-Sitem ul {
    list-style-type: none;
    padding: 0px;
}
#Bedava-Sitem li {
    float: left;
}
#Bedava-Sitem a {
    display: block;
    background-image: url(http://img.webme.com/pic/v/ve-siir/ustmenu17.png);
    height: 25px;
    width: 135px;
    text-align: center;
    font-size: 13px
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #ffffff;
    padding-top: 0px;
}
#Bedava-Sitem a:hover {
    background-image: url(http://img.webme.com/pic/v/ve-siir/ustmenu18.png);
    color: #000000 ;
}
-->
</style>
<div id="Bedava-Sitem">
  <ul>
    <li><a href="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a></li>
  </ul>
</div>

<style type="text/css">
body{
   margin:0;
   padding:0;
}
ul#menu, ul#menu ul{
  padding: 0;
  margin: 0;
  list-style: none;
  }
 
ul#menu li {
   float: left;
   position: relative;
   width: 135px;
}

ul#menu li ul {
   display: none;
   position: absolute;
   top: 19px;
   left:5;
}

ul#menu li > ul {
top: auto;
left: auto;
}

ul#menu li a {
font: bold 11px verdana, arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 0px 0px;
height: 25px;
width: 135px;
color: #fff;
background-image:

url(http://img.webme.com/pic/v/ve-siir/ustmenu17.png);
text-decoration: none;
text-align: center;
text-valign: bottom;
}

ul#menu li a:hover {
color: #000;
text-align: center;
text-valign: bottom;
background-image:

url(http://img.webme.com/pic/v/ve-siir/ustmenu18.png);
}

ul#menu li:hover ul, ul#menu li.over ul {
   display: block;
}
   
</style>  <script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("menu");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over",

"");
   }
   }
  }
 }
}
window.onload=startList;

</script>
<ul id="menu">
    <li><a href="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
</ul>

<style type="text/css">
body{
   margin:0;
   padding:0;
}
ul#menu, ul#menu ul{
  padding: 0;
  margin: 0;
  list-style: none;
  }
 
ul#menu li {
   float: left;
   position: relative;
   width: 135px;
}

ul#menu li ul {
   display: none;
   position: absolute;
   top: 19px;
   left:5;
}

ul#menu li > ul {
top: auto;
left: auto;
}

ul#menu li a {
font: bold 11px verdana, arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 0px 0px;
height: 25px;
width: 135px;
color: #fff;
background-image:

url(http://img.webme.com/pic/v/ve-siir/ustmenu14.png);
text-decoration: none;
text-align: center;
text-valign: bottom;
}

ul#menu li a:hover {
text-align: center;
background-image:

url(http://img.webme.com/pic/v/ve-siir/ustmenu15.png);
}

ul#menu li:hover ul, ul#menu li.over ul {
   display: block;
}
   
</style>  <script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("menu");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over",

"");
   }
   }
  }
 }
}
window.onload=startList;

</script>
<ul id="menu">
    <li><a href="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
</ul>

<style type="text/css">
body{
   margin:0;
   padding:0;
}
ul#menu, ul#menu ul{
  padding: 0;
  margin: 0;
  list-style: none;
  }
 
ul#menu li {
   float: left;
   position: relative;
   width: 135px;
}

ul#menu li ul {
   display: none;
   position: absolute;
   top: 19px;
   left:5;
}

ul#menu li > ul {
top: auto;
left: auto;
}

ul#menu li a {
font: bold 11px verdana, arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 0px 0px;
height: 25px;
width: 135px;
color: #000;
background-image:

url(http://img.webme.com/pic/v/ve-siir/ustmenu11.png);
text-decoration: none;
text-align: center;
text-valign: bottom;
}

ul#menu li a:hover {
text-align: center;
background-image:

url(http://img.webme.com/pic/v/ve-siir/ustmenu12.png);
}

ul#menu li:hover ul, ul#menu li.over ul {
   display: block;
}
   
</style>  <script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("menu");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over",

"");
   }
   }
  }
 }
}
window.onload=startList;

</script>
<ul id="menu">
    <li><a href="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
</ul>

<style type="text/css">
body{
   margin:0;
   padding:0;
}
ul#menu, ul#menu ul{
  padding: 0;
  margin: 0;
  list-style: none;
  }
 
ul#menu li {
   float: left;
   position: relative;
   width: 129px;
}

ul#menu li ul {
   display: none;
   position: absolute;
   top: 19px;
   left:5;
}

ul#menu li > ul {
top: auto;
left: auto;
}

ul#menu li a {
font: bold; 17px; verdana, arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 0px 0px;
height: 47px;
width: 129px;
color: #000;
background-image:

url(http://img.webme.com/pic/v/ve-siir/ustmenu8.png);
text-decoration: none;
text-align: center;
text-valign: middle;
}

ul#menu li a:hover {
text-align: center;
text-valign: middle;
background-image:

url(http://img.webme.com/pic/v/ve-siir/ustmenu9.png);
}

ul#menu li:hover ul, ul#menu li.over ul {
   display: block;
}
   
</style>  <script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("menu");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over",

"");
   }
   }
  }
 }
}
window.onload=startList;

</script>
<ul id="menu">
    <li><a href="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
</ul>

<table width="501" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <th width="501" height="210" align="left" valign="top" background="http://img.webme.com/pic/v/ve-siir/bloganasayfasi02.png" scope="col"><table width="500" border="0">
      <tr>
        <th width="10" height="30" scope="col">&nbsp;</th>
        <th width="467" align="left" scope="col">Blog Ana Sayfa Kodu</th>
        <th width="10" scope="col">&nbsp;</th>
      </tr>
    </table>
      <table width="489" height="145" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <th width="11" height="145" scope="col">&nbsp;</th>
          <th width="146" scope="col"><img vspace="0" hspace="0" border="0" alt="" src="http://img.webme.com/pic/v/ve-siir/130x130.png" />&nbsp;</th>
          <th width="18" scope="col">&nbsp;</th>
          <th width="314" align="left" valign="top" scope="col"><table width="311" border="0">
            <tr>
              <th width="142" height="31" valign="top" scope="col"><span style="font-size: small; "><strong><em>Ekleyen : Admin</em></strong></span></th>
              <th width="21" scope="col">&nbsp;</th>
              <th width="134" valign="top" scope="col"><span style="font-size: small;"><strong><em>Tarih : 27.07.2011</em></strong></span></th>
            </tr>
          </table>
          &nbsp; &nbsp;&nbsp; Buraya konunun kısa bir bilgisi gelecektir...</th>
        </tr>
    </table>
      <table width="500" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <th width="11" height="19" scope="col">&nbsp;</th>
          <th width="147" valign="bottom" scope="col"><span style="font-size: small;"><strong><em>Resim : 01</em></strong></span></th>
          <th width="187" scope="col">&nbsp;</th>
          <th width="144" valign="bottom" scope="col"><a href="http://Yazının Devamı Link Ekle"><span style="font-size: small; "><em>Yazının Devamı</em></span></a></th>
          <th width="11" scope="col">&nbsp;</th>
        </tr>
    </table></th>
  </tr>
</table>

<table width="550" border="0">
  <tr>
    <th width="71" align="left" valign="middle" scope="col"><a href="#"><img vspace="0" hspace="0" border="0" alt="" src="http://img.webme.com/pic/v/ve-siir/blognumaralandirma6.png" /></a>&nbsp;</th>
    <th width="330" scope="col">
   
   
   <style type="text/css">
<!--
#Bedava-Sitem {
    height: 28px;
    width: auto;
}
#Bedava-Sitem ul {
    list-style-type: none;
    padding: 5px;
}
#Bedava-Sitem li {
    float: left;
}
#Bedava-Sitem a {
    display: block;
    background-image: url(http://img.webme.com/pic/v/ve-siir/blognumaralandirma3.png);
    height: 32px;
    width: 28px;
    text-align: center;
    text-decoration: none;
    color: #000000;
    padding-top: 5px;
}
#Bedava-Sitem a:hover {
    background-image: url(http://img.webme.com/pic/v/ve-siir/blognumaralandirma5.png); }
-->
</style>
<div id="Bedava-Sitem">
  <ul>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">6</a></li>
    <li><a href="#">7</a></li>
    <li><a href="#">8</a></li>
    <li><a href="#">9</a></li>
    <li><a href="#">...</a></li>
    <li><a href="#">25</a></li>
  </ul>
</div>&nbsp;</th>


    <th width="135" align="left" valign="middle" scope="col"><a href="#"><img vspace="0" hspace="0" border="0" alt="" src="http://img.webme.com/pic/v/ve-siir/blognumaralandirma7.png" /></a>&nbsp;</th>
  </tr>
</table>