Css & Grafik Paylaşımlar

a{text-decoration: none;} #blogkutusu {background: url(http://img.webme.com/pic/g/grafikdizayn/mng_blogpaylasim2_1.png) no-repeat;} #blogbasligi a{padding-left: 10px; font-size: 22px; font-family: Calibri; color: #1b1b1b;} #blogbasligi a:hover {padding-left: 10px; font-size: 22px; font-family: Calibri; color: #000000; font-weight: bolder;} #blogresim {padding: 4px 2px 2px 11px;} .blogbilgiler {padding: 3px 4px 4px 15px; font-size: 12px; font-family: Calibri; color: #dadada; float: left;} .devaminioku a{padding: 2px 20px 4px 4px; font-size: 14px; font-family: Calibri; color: #dadada; float: right;} .devaminioku a:hover {text-decoration: underline; font-size: 14px; font-family: Calibri; color: #dadada;} #blogyazi {padding: 27px 10px 5px 15px; font-size: 12px; font-family: Calibri; color: #525252;}

<table width="650" height="272" border="0" cellspacing="0" cellpadding="0">   <tr>     <td align="left" valign="top">           <div id="blogkutusu"><div class="blogkutusu">       <div id="blogbasligi"><a href="#" _fcksavedurl="#">Konu Başlığı (www.grafikdizayn.tr.gg)</a></div>       <div id="blogresim"><img src="http://img.webme.com/pic/g/grafikdizayn/mng_blogpaylasim2_2.png" _fcksavedurl="http://img.webme.com/pic/g/grafikdizayn/mng_blogpaylasim2_2.png"></div>       <div class="blogbilgiler"><b>Yazar:</b> GrafikDizayn     <b>Kategori:</b> Genel     <b>Tarih:</b> 22.08.2012</div>       <div class="devaminioku"><a href="#" _fcksavedurl="#">Devamını Oku</a></div>       <div id="blogyazi">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis dui tellus, id mollis ipsum. Phasellus consequat volutpat sagittis. Praesent nunc ante, ullamcorper at pretium non, vehicula eu risus. In et tellus velit. Mauris mollis mollis gravida. Sed nunc neque, eleifend ut sollicitudin ut, ultricies hendrerit diam. Praesent euismod quam nec eros fermentum ornare. Curabitur in sapien eu quam tempus facilisis fringilla eget nunc. Nullam vitae ultricies dolor. Suspendisse et tortor sed augue eleifend consectetur sagittis sit amet tortor. Sed tincidunt arcu sit amet ante adipiscing eget ultrices magna placerat.</DİV>       </div></div>    </td>   </tr> </table>

<div style="text-align: center; "><img src="http://img.webme.com/pic/c/canduymus/sayfalanma_01.png" alt="" /><a href="Link"><img src="http://img.webme.com/pic/c/canduymus/sayfalanma_02.png" border="0" alt="" /></a><a href="Link"><img src="http://img.webme.com/pic/c/canduymus/sayfalanma_03.png" alt="" /></a><a href="Link"><img src="http://img.webme.com/pic/c/canduymus/sayfalanma_04.png" alt="" /></a><a href="Link"><img src="http://img.webme.com/pic/c/canduymus/sayfalanma_05.png" alt="" /></a><a href="Link"><img src="http://img.webme.com/pic/c/canduymus/sayfalanma_06.png" alt="" /></a><a href="Link"><img src="http://img.webme.com/pic/c/canduymus/sayfalanma_07.png" alt="" /></a><a href="Link"><img src="http://img.webme.com/pic/c/canduymus/sayfalanma_08.png" alt="" /></a><a href="Link"><img src="http://img.webme.com/pic/c/canduymus/sayfalanma_09.png" alt="" /></a></div>

<div id="ustmenu">
          <ul>
    <li><a href="/ana-sayfa.htm">Ana Sayfa</a></li>
    <li><a href="/murad.htm">Hakkımda</a></li>
    <li><a href="/defter.htm">Yorum Yap</a></li>
    <li><a href="/iletisim.htm">İletişime Geç</a></li>
    <li><a href="#">Arşivlerim</a></li>
          </ul>
        </div>

#ustmenu {
   height: 45px;
   width: 579px;
   float: left;
   margin-top: 12px;
}
#ustmenu ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}
#ustmenu li {
   float: left;
}
#ustmenu a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 15px;
   text-decoration: none;
   color: #666666;
   display: block;
   height: 41px;
   width: auto;
   margin-left: 15px;
   padding-right: 7px;
   padding-left: 7px;
   padding-top: 25px;
}
#ustmenu a:hover {
   color: #000000;
   background-image: url(http://img.webme.com/pic/h/hosting-dizayn/ustmenualt.png);
}

<img src="http://f1208.hizliresim.com/10/u/c9g75.png" width="700" height="700" border="0" usemap="#Map" alt="" /> <map name="Map">
<area shape="rect" coords="132,134,300,166" href="#anasayfa" />
<area shape="rect" coords="322,134,449,168" href="#iletisim" />
<area shape="rect" coords="472,135,581,167" href="#defter" /> <!---kodsistemi.tr.gg. kod başlangıcı---> <style type="text/css"> .nackvision.com {Background code} body {background-image: url(http://2.bp.blogspot.com/_ubwIhqPcR6M/TL5e8FcjPeI/AAAAAAAABE4/0HgGHvhjs3s/s1600/royalebg.png);} </style> <!---kodsistemi.tr.gg. kod bitişi---> </map>

<img src="http://e1208.hizliresim.com/10/u/c9gw9.png" width="700" height="700" border="0" usemap="#Map">
<map name="Map"><area shape="rect" coords="80,148,189,171" href="#siteyegiris">
<area shape="rect" coords="84,195,186,218" href="#hakkimizda">
<area shape="rect" coords="78,247,172,270" href="#iletisim">
<area shape="rect" coords="78,301,183,326" href="#z.defteri">
<area shape="rect" coords="171,401,532,462" href="#facebook">
<area shape="rect" coords="203,465,494,532" href="#twitter">
<area shape="rect" coords="552,623,618,646" href="#yenileadres-siteadresiyazin">
</map>
<!---kodsistemi.tr.gg. kod başlangıcı---> <style type="text/css"> .nackvision.com {Background code} body {background-image: url(http://2.bp.blogspot.com/_ubwIhqPcR6M/TL5e8FcjPeI/AAAAAAAABE4/0HgGHvhjs3s/s1600/royalebg.png);} </style> <!---kodsistemi.tr.gg. kod bitişi--->

<img src="http://c1208.hizliresim.com/10/u/c9j2m.png" width="700" height="700" border="0" usemap="#Map">
<map name="Map"><area shape="rect" coords="86,94,148,186" href="#anasayfa">
<area shape="rect" coords="171,107,233,179" href="#galeri">
<area shape="rect" coords="265,99,322,180" href="#hakkimizda">
<area shape="rect" coords="355,99,411,178" href="#iletisim">
<area shape="rect" coords="562,230,672,313" href="#degerlendirme">
<area shape="rect" coords="560,323,667,401" href="#defter">
<area shape="rect" coords="323,468,651,534" href="#facebook">
<area shape="rect" coords="358,536,618,585" href="#twitter">
</map><!---kodsistemi.tr.gg. kod başlangıcı---> <style type="text/css"> .nackvision.com {Background code} body {background-image: url(http://2.bp.blogspot.com/_ubwIhqPcR6M/TL5e8FcjPeI/AAAAAAAABE4/0HgGHvhjs3s/s1600/royalebg.png);} </style> <!---kodsistemi.tr.gg. kod bitişi--->

<img src="http://g1208.hizliresim.com/10/v/c9tbk.png" width="900" height="350" border="0" usemap="#Map">
<map name="Map"><area shape="rect" coords="291,125,374,149" href="#anasayfa">
<area shape="rect" coords="383,127,460,150" href="#iletisim">
<area shape="rect" coords="479,130,553,146" href="#zdefteri">
<area shape="rect" coords="630,229,1065,296" href="#facebook">
</map>
<!---0YUNCAGİM.TR.GG. kod başlangıcı---> <style type="text/css"> .nackvision.com {Background code} body {background-image: url(http://g1208.hizliresim.com/10/v/c9tbv.png);} </style> <!---0YUNCAGİM.TR.GG. kod bitişi--->

<style type="text/css">
#yanmenu {
   width: 250px;
}

#yanmenu ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}
#yanmenu ul li a {
   text-decoration: none;
   color: #CCC;
   font-family: Tahoma, Geneva,

sans-serif;
   display: block;
   height: 23px;
   width: 245px;
   padding-top:2px;
   padding-left: 5px;
   background-image:

url(http://d1208.hizliresim.com/10/v/c9u1c.png);
   margin-bottom: 1px;
}
#yanmenu ul li a:hover {
   background-image:

url(http://d1208.hizliresim.com/10/v/c9u1n.png);
}
</style>
<div id="yanmenu">
  <ul>
    <li><a href="#">Eklenecek</a></li>
    <li><a href="#">Eklenecek</a></li>
    <li><a href="#">Eklenecek</a></li>
    <li><a href="#">Eklenecek</a></li>
    <li><a href="#">Eklenecek</a></li>
    <li><a href="#">Eklenecek</a></li>
    <li><a href="#">Eklenecek</a></li>
    <li><a href="#">Eklenecek</a></li>
  </ul>
</div>

<img src="http://g1208.hizliresim.com/10/v/c9vdv.png" alt="" width="682" height="720" border="0" usemap="#Map">
<map name="Map"><area shape="rect" coords="9,157,127,205" href="#anasayfa">
<area shape="rect" coords="10,227,130,279" href="#hakkimizda">
<area shape="rect" coords="559,156,678,209" href="#zdefteri">
<area shape="rect" coords="558,232,678,284" href="#iletisim">
<area shape="rect" coords="195,186,492,225" href="#facebook">
<area shape="rect" coords="205,269,475,306" href="#twitter">
<area shape="rect" coords="240,347,436,391" href="#galeri">
</map><!---0YUNCAGİM.TR.GG. kod başlangıcı---> <style type="text/css"> .nackvision.com {Background code} body {background-image: url(http://2.bp.blogspot.com/_ubwIhqPcR6M/TL5e8FcjPeI/AAAAAAAABE4/0HgGHvhjs3s/s1600/royalebg.png);} </style> <!---0YUNCAGİM.TR.GG. kod bitişi--->

<img src="http://b1208.hizliresim.com/10/u/c99kq.png" width="500" height="500" border="0" usemap="#Map" alt="" /> <map name="Map">
<area shape="rect" coords="93,410,244,457" href="http://www.facebook.com/ahmet.tulqar" />
<area shape="rect" coords="264,407,419,457" href="http://www.facebook.com/NicqqYoqq" />
<area shape="rect" coords="85,54,139,70" href="/inde.htm" />
<area shape="rect" coords="147,50,183,73" href="/iletisim.htm" />
<area shape="rect" coords="193,52,233,73" href="/hakkmz.htm" />
<area shape="rect" coords="298,49,368,72" href="/defter.htm" />
<area shape="rect" coords="374,47,429,74" href="/tasarim.htm" /> </map><!---0YUNCAGİM.TR.GG. kod başlangıcı---> <style type="text/css"> .nackvision.com {Background code} body {background-image: url(http://2.bp.blogspot.com/_ubwIhqPcR6M/TL5e8FcjPeI/AAAAAAAABE4/0HgGHvhjs3s/s1600/royalebg.png);} </style> <!---0YUNCAGİM.TR.GG. kod bitişi--->

<table width="725" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="31" background="http://img.webme.com/pic/t/teablog/anasayfau.gif" scope="col">Buraya başlık</td>
  </tr>
  <tr>
    <td height="39" align="left" valign="top" background="http://img.webme.com/pic/t/teablog/anasayfai.gif" scope="col">Buraya içerik ama Fazla uzun olmasın katlanma hatası yaşayabilirsiniz</td>
  </tr>
  <tr>
    <td height="26" background="http://img.webme.com/pic/t/teablog/anasayfaa.gif" scope="col"><table width="725" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="16" height="23">&nbsp;</td>
        <td width="258">Tarih:</td>
        <td width="305">Yazar: </td>
        <td width="134"><a href="Buraya Url">Yazinin Devami =&gt;</a></td>
        <td width="12">&nbsp;</td>
        </tr>
    </table></td>
  </tr>
</table>

<style>
#uye-ol_01 {
   width: 216px;
   height: 120px;
   background-image: url(http://img.webme.com/pic/a/aykut-servis/uye-ol_01.png);
}
#uye-ol_02 {
width: 216px;
height: 89px;
}
</style>
<div id="uye-ol_01"></div>
<div id="uye-ol_02">
<img src="http://img.webme.com/pic/a/aykut-servis/uye-ol_02.png" width="216" height="89" border="0" usemap="#Map">
  <map name="Map">
    <area shape="rect" coords="81,17,200,73" href="url buraya gelcek ustaaa">
  </map>
</div>

http://img.webme.com/pic/c/ciz-dizayn/mavi_reklam_alani1.png

<link rel="stylesheet" type="text/css" href="http://spetools.de/css/1192.css" />

ul#m-soc2{ 
margin: 18px 0 0 10px;padding: 0;width: 220px;height:50px;}

ul#m-soc2 li{
list-style: none;margin: 7px;padding: 0;float:left;border: none;}

ul#m-soc2 li a{
background: url(https://lh4.googleusercontent.com/-n5zj4LjXnmM/T8zwsOI_NhI/AAAAAAAADIg/tD-DgPUODu4/s132/sosyal-butonlar.png) no-repeat 0 0;
margin:0;padding:0;display: block;position:relative;
width: 33px;
height: 33px;
overflow: visible;
}

ul#m-soc2 li a.twitter{
background-position: 0 0;
}
ul#m-soc2 li a.facebook{
background-position: -33px 0;
}
ul#m-soc2 li a.google{
background-position: -66px 0;
}
ul#m-soc2 li a.rss{
background-position: -99px 0;
}
ul#m-soc2 li a.twitter:hover{
background-position: 0 -33px;
}
ul#m-soc2 li a.facebook:hover{
background-position: -33px -33px;
}
ul#m-soc2 li a.google:hover {
background-position:-66px -33px;
}
ul#m-soc2 li a.rss:hover{
background-position:-99px -33px;
}
ul#m-soc2 li a span{
background: #555;position:absolute;
top:-10px;left:-10px;width:auto;height:auto;opacity:0;
padding:3px;text-align:left;
color:#fff;filter:alpha(opacity=0);
white-space:nowrap;border-radius:3px;font-size:12px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;}

ul#m-soc2 li a:hover{text-decoration:none}

ul#m-soc2 li a:hover span{
opacity:.7;
filter:alpha(opacity=70);
top:-23px}

<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

<ul id="m-soc2">
    <li><a class="twitter" href="http://twitter.com/dalli53"><span>Twitter</span></a></li>
    <li><a class="facebook" href="http://facebook.com/ohalan.tv"><span>Facebook</span></a></li>
    <li><a class="google" href="https://plus.google.com/"><span>Google+</span></a></li>
    <li><a class="rss" href="http://feeds.feedburner.com/gonez"><span>RSS</span></a></li>
</ul>