CowBlog -|

Kırmızı Genis CSS

Her zamanki gibi yine bir tasarım paylaşıyorum... Bu seferki daha cok nasıl diyim paylaşım yapanlara.. Kod paylaşımı yapan sitelere cok yakışacağını öneriyorum... Kırmızzı beyaz alttaki reklam ve yanlarındaki top list yerleri gerçekten cok güzel oldu. İnşallah seversiniz diye umuyorum. Öff bu lafı da ezberledim her yazımda aynısını yazıyorum.. Tasarımın altındaki link takas yerini kaldırıp kaldırmamanız sizin insafiyetinize bağlı. : ) Neyse güle güle kullanın...

Tasarımın Uzerı

<table width="990" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="133" align="left" valign="top" background="https://img.webme.com/pic/b/bs-aktif/t1s1.png"><table width="990" height="111" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="440" height="49"> </td> <td width="468"> </td> <td width="82"> </td> </tr> <tr> <td height="62"> </td> <td align="left" valign="top"><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img alt="" src="https://img.webme.com/pic/b/bs-aktif/468x60-banner.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/468x60-banner.png" /></a></td> <td> </td> </tr> </table></td> </tr> <tr> <td height="55" valign="bottom" background="https://img.webme.com/pic/b/bs-aktif/t1s2.png"><table width="990" height="35" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="14" height="30"> </td> <td width="690">buraya bişiler </td> <td width="31"> </td> <td width="240">buraya bişiler </td> <td width="15"> </td> </tr> </table></td> </tr> <tr> <td height="157" align="left" valign="top" background="https://img.webme.com/pic/b/bs-aktif/t1s3.png"><table width="990" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="13" height="163"> </td>  <td width="695" align="left" valign="top">

Tasarımın Altı

</td> <td width="26"> </td> <td width="241" align="left" valign="top">   <div class="aktifmenu">   <h3 class="headerbar">Reklam & Paylaş</h3> <a class="addthis_button_facebook"> <img width="32" height="32" alt="1" src="https://img.webme.com/pic/b/bs-aktif/facebook2.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/facebook2.png" /></a> <a class="addthis_button_twitter"><img width="32" height="32" alt="2" src="https://img.webme.com/pic/b/bs-aktif/twitter2.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/twitter2.png" /></a> <a class="addthis_button_favorites"><img width="32" height="32" alt="3" src="https://img.webme.com/pic/b/bs-aktif/favorites2.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/favorites2.png" /></a> <a class="addthis_button_delicious"><img width="32" height="32" alt="4" src="https://img.webme.com/pic/b/bs-aktif/delicious2.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/delicious2.png" /></a> <a class="addthis_button_stumbleupon"><img width="32" height="32" alt="5" src="https://img.webme.com/pic/b/bs-aktif/stumbleupon2.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/stumbleupon2.png" /></a> <a class="addthis_button_more"><img width="32" height="32" alt="7" src="https://img.webme.com/pic/b/bs-aktif/more2.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/more2.png" /></a> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>   </ul> <h3 class="headerbar">Ana Menü</h3> <ul> <li><a href="/ana-sayfa.htm" _fcksavedurl="/ana-sayfa.htm">-Ana Sayfa</a></li> <li><a href="/iletisim.htm" _fcksavedurl="/iletisim.htm">-İletişim</a></li> <li><a href="/abone-ol.htm" _fcksavedurl="/abone-ol.htm">-ABONE OL</a></li> <li><a href="/hakkimizda.htm" _fcksavedurl="/hakkimizda.htm">-Hakkımda</a></li> <li><a href="/yorum-yap.htm" _fcksavedurl="/yorum-yap.htm">-Yorum yap</a></li> <li><a href="/Top-List.htm" _fcksavedurl="/Top-List.htm">-Toplist</a></li> <li><a href="/Yazarlarimiz.htm" _fcksavedurl="/Yazarlarimiz.htm">-Yazarlarımız</a></li> </ul>   <h3 class="headerbar">Kategoriler</h3> <ul> <li><a href="/ana-sayfa.htm" _fcksavedurl="/ana-sayfa.htm">-Genel</a></li> <li><a href="/bedava-sitem.htm" _fcksavedurl="/bedava-sitem.htm">-Bedava Sitem (BS)</a></li> <li><a href="/css-grafik.htm" _fcksavedurl="/css-grafik.htm">-CSS-Grafik</a></li> <li><a href="/film-ve-dizi.htm" _fcksavedurl="/film-ve-dizi.htm">-Film ve Dizi</a></li> <li><a href="/geyik-eglence.htm" _fcksavedurl="/geyik-eglence.htm">-Geyik | Eğlence</a></li> <li><a href="/site-tanitimlari.htm" _fcksavedurl="/site-tanitimlari.htm">-Site Tanıtımları</a></li> <li><a href="/videolar.htm" _fcksavedurl="/videolar.htm">-Videolar</a></li> <li><a href="/guzel-sozler.htm" _fcksavedurl="/guzel-sozler.htm">-Güzel Söz - Şiir</a></li> <li><a href="/muzikler.htm" _fcksavedurl="/muzikler.htm">-Müzikler</a></li> <li><a href="/gunluk-olaylar.htm" _fcksavedurl="/gunluk-olaylar.htm">-Günlük Olaylar</a></li> <li><a href="/kisisel-yazilar.htm" _fcksavedurl="/kisisel-yazilar.htm">-Kişisel Yazılar</a></li> <li><a href="/tv-sinema.htm" _fcksavedurl="/tv-sinema.htm">-TV - Sinema</a></li> <li><a href="/sosyal-medya.htm" _fcksavedurl="/sosyal-medya.htm">-Sosyal Medya</a></li> <li><a href="/teknoloji.htm" _fcksavedurl="/teknoloji.htm">-Teknoloji</a></li> <li><a href="/Konu-Anlatimlari.htm" _fcksavedurl="/Konu-Anlatimlari.htm">-Konu Anlatımları</a></li> <li><a href="/Adobe-Serisi.htm" _fcksavedurl="/Adobe-Serisi.htm">-Adobe Serisi</a></li> <li><a href="/WordPress-ve-Blog.htm" _fcksavedurl="/WordPress-ve-Blog.htm">-WordPress ve Blog</a></li> <li><a href="/PSD-paylasimlari.htm" _fcksavedurl="/PSD-paylasimlari.htm">-PSD Paylaşımları</a></li> <li><a href="/jquery-paylasimlari.htm" _fcksavedurl="/jquery-paylasimlari.htm">-Jquery Paylaşımları</a></li> <li><a href="/Alinti-Paylasimlar.htm" _fcksavedurl="/Alinti-Paylasimlar.htm">-Alıntı Paylaşımlar</a></li> <li><a href="/Diger.htm" _fcksavedurl="/Diger.htm">-Diğer Şeyler</a></li> </ul> <h3 class="headerbar">Diğer şeyler</h3> <ul> <li><a href="/tasarimlar.htm" _fcksavedurl="/tasarimlar.htm">-Tasarimlar</a></li> <li><a href="/Javascript.htm" _fcksavedurl="/Javascript.htm">-Javascript</a></li> <li><a href="/HTML.htm" _fcksavedurl="/HTML.htm">-HTML</a></li> <li><a href="/Facebook-Yardim.htm" _fcksavedurl="/Facebook-Yardim.htm">-Facebook YArdim</a></li> <li><a href="/oyun-hileleri.htm" _fcksavedurl="/oyun-hileleri.htm">-Oyun Hileleri</a></li> <li><a href="/ask.htm" _fcksavedurl="/ask.htm">-Ask</a></li> </ul> <h3 class="headerbar">En Sevilen Yazılar (15)</h3> <ul> <li><a href="/bedava-sitem-kirmizi-css-tasarimi.htm" _fcksavedurl="/bedava-sitem-kirmizi-css-tasarimi.htm">-Kırmızı tasarım.</a></li> <li><a href="/Resminizi-artik-kimse-calamaz.htm" _fcksavedurl="/Resminizi-artik-kimse-calamaz.htm">-Resim Koruma</a></li> <li><a href="/Gri-Bedava-Sitem-tasarimi.htm.htm" _fcksavedurl="/Gri-Bedava-Sitem-tasarimi.htm.htm">-Gri WMkod tasarımı.</a></li> <li><a href="/Siteniz-icin-2-dikey-menu-.-.htm" _fcksavedurl="/Siteniz-icin-2-dikey-menu-.-.htm">-Siteniz için Menü</a></li> <li><a href="/Herkezin-tasarimi-olacak-bedava-bs-tasarimi.htm" _fcksavedurl="/Herkezin-tasarimi-olacak-bedava-bs-tasarimi.htm">-Herkezin Bir Tasarımı Olacak</a></li> <li><a href="/Yanip-sonen-yazi-kodu.htm" _fcksavedurl="/Yanip-sonen-yazi-kodu.htm">-Yanıp Sönen yazı</a></li> <li><a href="/Ayni-sayfada-farkli-site-acmak.htm" _fcksavedurl="/Ayni-sayfada-farkli-site-acmak.htm">-Birden Fazla sayfa</a></li> <li><a href="/Zor-Baba-3.htm" _fcksavedurl="/Zor-Baba-3.htm">-Zor Baba 3</a></li> <li><a href="/Light-Box-yapimi-acilir-sayfa.htm" _fcksavedurl="/Light-Box-yapimi-acilir-sayfa.htm">-Acılır Sayfa.</a></li> <li><a href="/Bedava-sitem-yesil-kisisel-temasi.htm" _fcksavedurl="/Bedava-sitem-yesil-kisisel-temasi.htm">-Yeşil Tema</a></li> <li><a href="/degisik-Pop-Up-acma-yontemi.htm" _fcksavedurl="/degisik-Pop-Up-acma-yontemi.htm">-Pop Up yapma</a></li> <li><a href="/Transformice-1-yasinda-etkinlikleri.htm" _fcksavedurl="/Transformice-1-yasinda-etkinlikleri.htm">-Transformice 1 Yaşında</a></li> <li><a href="/Ustune-gelince-buyuyen-resim-kodu.htm" _fcksavedurl="/Ustune-gelince-buyuyen-resim-kodu.htm">-Üstüne geldiğinde Büyüyen resim.</a></li> <li><a href="/Wordpress-turkce-ve-ingilizce-temasi.htm" _fcksavedurl="/Wordpress-turkce-ve-ingilizce-temasi.htm">-WordPress Numanaga Teması</a></li> <li><a href="/22-Agustos-internetin-sonu.htm" _fcksavedurl="/22-Agustos-internetin-sonu.htm">-22 Ağustos.</a></li> </ul> <h3 class="headerbar">Editör'ün Seçtikleri.(10)</h3> <ul> <li><a href="/Kayar-site-yapmakti-kendi-site-bolumunuz-olsun.htm" _fcksavedurl="/Kayar-site-yapmakti-kendi-site-bolumunuz-olsun.htm">-Kayar Tasarım</a></li> <li><a href="/bedava-sitem-kirmizi-css-tasarimi.htm" _fcksavedurl="/bedava-sitem-kirmizi-css-tasarimi.htm">-Kirmizi Tasarim</a></li> <li><a href="/LightBox-JS-Tek-KOD.htm" _fcksavedurl="/LightBox-JS-Tek-KOD.htm">-LightBox+SlideShow</a></li> <li><a href="/Sitenin-saginda-sosyal-medya-eklentisi.htm" _fcksavedurl="/Sitenin-saginda-sosyal-medya-eklentisi.htm">-Sosyal Medya Eklentileri.</a></li> <li><a href="/Siteniz-icin-Cok-guzel-bir-intro-site-girisi-kodu.htm" _fcksavedurl="/Siteniz-icin-Cok-guzel-bir-intro-site-girisi-kodu.htm">-Gri İntro kodu.</a></li> <li><a href="/degisik-Pop-Up-acma-yontemi.htm" _fcksavedurl="/degisik-Pop-Up-acma-yontemi.htm">-Yeni nesil pop up.</a></li> <li><a href="/Siteniz-icin-siyah-acilir-menu-kodu.htm" _fcksavedurl="/Siteniz-icin-siyah-acilir-menu-kodu.htm">-Siyah Dikey menü.</a></li> <li><a href="/Sosyal-paylasim-kodu.htm" _fcksavedurl="/Sosyal-paylasim-kodu.htm">-Paylaş Butonları</a></li> <li><a href="/Light-Box-yapimi-acilir-sayfa.htm" _fcksavedurl="/Light-Box-yapimi-acilir-sayfa.htm">-Acılır Sayfa.</a></li> <li><a href="/bedava-sitem-gri-istanbul-tasarimi.htm" _fcksavedurl="/bedava-sitem-gri-istanbul-tasarimi.htm">-Gri İstanbul Tasarımı</a></li> </ul> <h3 class="headerbar">Dostlar</h3> <ul> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Bs-Aktif</a></li> <li><a href="http://e-oyun-evi.tr.gg/" _fcksavedurl="http://e-oyun-evi.tr.gg/">-E-oyunevi</a></li> <li><a href="http://trtbirzahmet.tr.gg/" _fcksavedurl="http://trtbirzahmet.tr.gg/">-trtbirzahmet</a></li> <li><a href="http://zaloyun.tr.gg/" _fcksavedurl="http://zaloyun.tr.gg/">-ZalOyun</a></li> <li><a href="http://comicturk.tr.gg/" _fcksavedurl="http://comicturk.tr.gg/">-ComickTurk</a></li> <li><a href="/iletisim.htm" _fcksavedurl="/iletisim.htm">-Dost 2</a></li> <li><a href="/iletisim.htm" _fcksavedurl="/iletisim.htm">-Dost 2</a></li> <li><a href="/iletisim.htm" _fcksavedurl="/iletisim.htm">-Dost 2</a></li> </ul> <br /> <br /> </div>     </td> <td width="15"> </td> </tr> </table></td> </tr> <tr> <td height="50" align="left" valign="top" background="https://img.webme.com/pic/b/bs-aktif/t1s4.png"><table width="990" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="16" height="30"> </td> <td width="691">buraya nişiyyyyy </td> <td width="28"> </td> <td width="241">buraya pr değeri </td> <td width="14"> </td> </tr> </table></td> </tr> <tr> <td height="153" valign="top" background="https://img.webme.com/pic/b/bs-aktif/t1s5.png"><table width="990" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="39" height="43"> </td> <td width="468"> </td> <td width="10"> </td> <td width="473"> </td> </tr> <tr> <td height="58"> </td> <td align="left" valign="top">buraya reklam </td> <td> </td> <td align="left" valign="top">   <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="https://img.webme.com/pic/b/bs-aktif/88x31-toplist-banner.gif" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/88x31-toplist-banner.gif" /></a>   <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="https://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a>   <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="https://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a>   <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="https://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a>   <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="https://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a>   <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="https://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a>   <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="https://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a>   <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="https://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a>   <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="https://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a>   <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="https://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a>   </td> </tr> <tr> <td height="19"> </td> <td> </td> <td> </td> <td> </td> </tr> </table></td> </tr>  </table>

CSS Kodu

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;} table {margin-left: auto;margin-right: auto}         .sag{ width: 241px; height: auto; float: right; margin: 5px 26px 0 0;  }   .aktifmenu{ width: 241px; /*width of menu*/ }   .aktifmenu .headerbar{ color: white; background: url(https://img.webme.com/pic/b/bs-aktif/mencbslk.png); margin-bottom: 5px; height: 18px; padding: 8px 0 5px 15px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; text-shadow: -2px 1px 1px #E9E9E9; color: #333; }   .aktifmenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ }   .aktifmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ }   .aktifmenu ul li a{ color: #333; background: url(https://img.webme.com/pic/b/bs-aktif/tvsnn.png) no-repeat center left; /*custom bullet list image*/ display: block; padding: 3px 0; padding-left: 20px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold; border-bottom: 1px dashed #dadada; font-family: Verdana, Geneva, sans-serif; font-size: 12px; }   .aktifmenu ul li a:visited{ color: #333; }   .aktifmenu ul li a:hover{ /*hover state CSS*/ color: #A70303; background-color: #F3F3F3; }body { margin-left:  auto; margin-right: auto; background: url(http://www.backgroundlabs.com/backgrounds/326.gif) top center fixed;  }

Kırmızı Genis CSS

» Kategoriler

Link Takas

» Reklamlar

» Değerlendirmeler

» Sosyal medya