http://pshatti.tr.gg
//-->
Forum Sitemizi Açtık. Hepimize Hayırlı Olsun Forumcul .

Sari Tasarim

http://gultenyilmaz.tr.gg/Sari-design.htm Adlı Css Tasarımı gultenyilmaz.tr.gg alıntıdır




TASARIMIN ÜSTÜNE :

<table width="990" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
  <td height="67" background="https://img.webme.com/pic/g/gultenyilmaz/1.png
"><table width="963" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="36"><span style="color: rgb(255, 0, 0); ">Hoşgeldiniz..</span> &gt; <span style="color: rgb(255, 0, 0); ">Buradasın:</span> <span style="color: rgb(128, 0, 0); "><strong>Bedava sitem icin sari buyuk css tasarimi</strong></span> &nbsp;&gt; <span style="color: rgb(255, 0, 0); ">Bu g&uuml;n Toplam:</span> <strong><span style="color: rgb(128, 0, 0); ">146</span></strong> <span style="color: rgb(255, 0, 0); ">Kişi girmiş.</span> </td>
</tr>
</table></td>
</tr>
<tr>
  <td height="88" background="https://img.webme.com/pic/g/gultenyilmaz/2.png
"><table width="919" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="423" height="81"></td>
<td width="484" align="center" valign="middle"><a href="http://bs-aktif.tr.gg/iletisim.htm"><img alt="" src="https://img.webme.com/pic/b/bs-aktif/468x60reklam.png" /></a></td>
</tr>
</table></td>
</tr>
<tr>
  <td height="92" valign="top" background="https://img.webme.com/pic/g/gultenyilmaz/3.png
"><table width="966" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="21" height="40"></td>
<td width="692"></td>
<td width="17"></td>
<td width="236"></td>
</tr>
<tr>
<td height="38"></td>
<td>buraya bişer </td>
<td></td>
<td>Günün Sözü kodu gibi şeyler ekleyebilirsiniz... </td>
</tr>
</table></td>
</tr>
<tr>
  <td height="110" align="left" valign="top" background="https://img.webme.com/pic/g/gultenyilmaz/4.png
"><table width="939" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="11" height="114"> </td>

<td width="703" align="left" valign="top">


 
  TASARIMIN ALTINA:

</td>
<td width="9"></td>
<td width="216" align="left" valign="top">


<div id="wrap">


<div id="accordion">
<h3 class="toggler"><a href="#" class="anasayfa">Anasayfa</a></h3>
<div class="element">

<ul>
<li><a href="#">Hakkımızda</a></li>
<li><a href="#">Atölye</a></li>
<li><a href="#">Tavsiyeler</a></li>
<li><a href="#">İletişim</a></li>
</ul>
</div>

<h3 class="toggler"><a href="#" class="kategori">Kategoriler</a></h3>
<div class="element">
<ul class="kategori">
<li><a href="#">Ajax</a></li>
<li><a href="#">Photoshop</a></li>
<li><a href="#">Dreamweaver</a></li>
<li><a href="#">Xhtml/Css</a></li>
<li><a href="#">Php/Mysql</a></li>
</ul>
</div>

<h3 class="toggler"><a href="#" class="baglanti">Bağlantılar</a></h3>
<div class="element">
<ul class="link">
<li><a href="#">Mootools</a></li>
<li><a href="#">Google</a></li>
<li><a href="#">Adobe</a></li>
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">FrienFeed</a></li>
</ul>
</div>

<h3 class="toggler"><a href="#" class="besleme">Rss Takip</a></h3>
<div class="element">
<ul class="rss">
<li><a href="#">Son Gönderiler</a></li>
<li><a href="#">Son Yorumlar</a></li>
</ul>
</div>

</div>



</div>



</td>
</tr>
</table></td>
</tr>
<tr>
  <td height="132" align="left" valign="top" background="https://img.webme.com/pic/g/gultenyilmaz/5.png
"><table width="963" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="14" height="36"></td>
<td width="705"></td>
<td width="19"></td>
<td width="225"></td>
</tr>
<tr>
<td height="75"></td>
<td align="left" valign="top">Alt tarafa reklam gibi şeyler koyarak zenginleştirebilirsiniz.... </td>
<td></td>
<td align="center">Pagerank değeriniz ve ya top list alanı.</td>
</tr>
</table></td>
</tr>


</table>





 

CSS KODUNA :
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;}

body {

margin-left: auto;

margin-right: auto;

background: url(http://www.resimler.tv/data/media/504/Apple_Turuncu.jpg) top center fixed;

}


#wrap {
width:230px;
margin:0 auto;
}

#accordion {
margin:20px 0px;
width:230px;
}

h3.toggler {
cursor: pointer;
border: 1px solid #999;
font:bold 14px arial, verdana, helvetica, sans-serif;
background: #222 url(https://img.webme.com/pic/c/catlak-site55/h3main.gif);
color: #fff;
margin: 0 0 2px 0;
padding: 6px;

}

h3.toggler:hover {background: #222 url(https://img.webme.com/pic/c/catlak-site55/h3main2.gif);color:#333;border: 1px solid #B0EC52}


.anasayfa {}
a.anasayfa {background:transparent url(https://img.webme.com/pic/c/catlak-site55/pagge.png) no-repeat;text-decoration:none;color:#fff;padding-left:20px;}
a:hover.anasayfa {background:transparent url(https://img.webme.com/pic/c/catlak-site55/pagge.png) no-repeat;text-decoration:none;color:#70B00A;padding-left:20px;}

.besleme {}
a.besleme {background:transparent url(https://img.webme.com/pic/c/catlak-site55/feed.png) no-repeat;text-decoration:none;color:#fff;padding-left:20px;}
a:hover.besleme {background:transparent url(https://img.webme.com/pic/c/catlak-site55/feed.png) no-repeat;text-decoration:none;color:#70B00A;padding-left:20px;}

.kategori {}
a.kategori {background:transparent url(https://img.webme.com/pic/c/catlak-site55/page_copy.png) no-repeat;text-decoration:none;color:#fff;padding-left:20px;}
a:hover.kategori {background:transparent url(https://img.webme.com/pic/c/catlak-site55/page_copy.png) no-repeat;text-decoration:none;color:#70B00A;padding-left:20px;}

.baglanti {}
a.baglanti {background:transparent url(https://img.webme.com/pic/c/catlak-site55/cursor.png) no-repeat;text-decoration:none;color:#fff;padding-left:20px;}
a:hover.baglanti {background:transparent url(https://img.webme.com/pic/c/catlak-site55/cursor.png) no-repeat;text-decoration:none;color:#70B00A;padding-left:20px;}





div.element p, div.element h4 {
margin:0px;
padding:4px;
font:11px arial, verdana, helvetica, sans-serif;
}





ul {margin:0; padding:0px; list-style:none;display:block;}
li {display:block;margin:0;padding:0px;list-style-type:none;}
li a {display:block;color:#666;padding:4px 4px 4px 24px;text-decoration:none;background:#ddd url(https://img.webme.com/pic/c/catlak-site55/ana1.gif) no-repeat;border-bottom:1px solid #e6e6e6;
font:12px/18px arial, verdana, helvetica, sans-serif;}
li a:hover {color:#fff;padding:4px 4px 4px 24px;text-decoration:none;border-bottom:1px solid #c0c0c0;background:#333 url(https://img.webme.com/pic/c/catlak-site55/ana2.gif) no-repeat;
font:12px/18px arial, verdana, helvetica, sans-serif;}


/* Ana başlıkların altındaki menülerin ayrı ayrı stilleri burada tanımlanmıştır */


.link ul {margin:0; padding:0px; list-style:none;display:block;}
.link li {display:block;margin:0;padding:0px;list-style-type:none;}
.link li a {display:block;color:#666;padding:4px 4px 4px 24px;text-decoration:none;background:#ddd url(https://img.webme.com/pic/c/catlak-site55/link.gif) no-repeat;border-bottom:1px solid #e6e6e6;
font:12px/18px arial, verdana, helvetica, sans-serif;}
.link li a:hover {color:#fff;padding:4px 4px 4px 24px;text-decoration:none;border-bottom:1px solid #c0c0c0;background:#ff9900 url(https://img.webme.com/pic/c/catlak-site55/link2.gif) no-repeat;
font:12px/18px arial, verdana, helvetica, sans-serif;}

.rss ul {margin:0; padding:0px; list-style:none;display:block;}
.rss li {display:block;margin:0;padding:0px;list-style-type:none;}
.rss li a {display:block;color:#666;padding:4px 4px 4px 24px;text-decoration:none;background:#ddd url(https://img.webme.com/pic/c/catlak-site55/rss1.gif) no-repeat;border-bottom:1px solid #e6e6e6;
font:12px/18px arial, verdana, helvetica, sans-serif;}
.rss li a:hover {color:#fff;padding:4px 4px 4px 24px;text-decoration:none;border-bottom:1px solid #c0c0c0;background:#3196F4 url(https://img.webme.com/pic/c/catlak-site55/rss2.gif) no-repeat;
font:12px/18px arial, verdana, helvetica, sans-serif;}


.kategori ul {margin:0; padding:0px; list-style:none;display:block;}
.kategori li {display:block;margin:0;padding:0px;list-style-type:none;}
.kategori li a {display:block;color:#666;padding:4px 4px 4px 24px;text-decoration:none;background:#ddd url(https://img.webme.com/pic/c/catlak-site55/kat1.gif) no-repeat;border-bottom:1px solid #e6e6e6;
font:12px/18px arial, verdana, helvetica, sans-serif;}
.kategori li a:hover {color:#fff;padding:4px 4px 4px 24px;text-decoration:none;border-bottom:1px solid #c0c0c0;background:#B0F017 url(https://img.webme.com/pic/c/catlak-site55/kat2.gif) no-repeat;
font:12px/18px arial, verdana, helvetica, sans-serif;}

.info {font:11px arial, verdana, helvetica, sans-serif;}
.info a{color:#333;background:#fff;padding:2px;text-decoration:none;display:inline;}
.info a:hover{color:#2e83ff;background:#fff;padding:2px;text-decoration:none;}


blockquote {
padding:5px 20px;
}



 

Bugün 49677 ziyaretçi buradaydı

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol