En Kolay Yolu: tasarim

Home » Semua post berkategori tasarim

tasarim etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Den-Forum V1

İçerik Hakkında Hazırlanıyor...

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:

Üst Menü

Tasarımın üzerindeki yazı:

<body><div id="Logobg"><div id="logo"></div><div id="buton"><a href="http://denforum.tr.gg/Forum/anmelden.htm">KAYIT OL</a> <a href="http://denforum.tr.gg/Forum/index.htm">GİRİŞ YAP</a></div></div><div id="menu"><ul><li><a href="http://denforum.tr.gg/Forum/index.htm#" class="forum">FORUM</a></li><li><a href="http://denforum.tr.gg/-Ue-yelerimiz.htm " class="uyeler">ÜYELER</a></li><li><a href="http://denforum.tr.gg/Y.oe.netim.htm " class="yonetim">YÖNETİM</a></li><li><a href="http://denforum.tr.gg/Gruplar.htm" class="gruplar">GRUPLAR</a></li><li><a href="http://denforum.tr.gg/Ba%26%23351%3Bvuru-yap.htm " class="basvuru">BAŞVURU</a></li><li><a href="http://denforum.tr.gg/Ekstra.htm " class="ekstra">EKSTRA</a></li></ul></div><div id="icerik"><div id="content">

Tasarımın altındaki yazı:

</div></div><div id="alt"><table width="880" border="0" cellspacing="10"><tr><td width="220" height="153" align="center" valign="top"><div id="altbaslik"><a href="#">SİTELERİM</a></div><div id="altmenuv1"><ul><li><a href="#">Dentasarım</a></li><li><a href="#">Denmüzik</a></li><li><a href="#">SİTENİ EKLE</a></li><li><a href="#">SİTENİ EKLE</a></li><li><a href="#">SİTENİ EKLE</a></li></ul></div></td><td width="220" height="153" align="center" valign="top"><div id="altbaslik"><a href="#">REKLAM ALANI</a></div><div id="altmenuv1">  <ul><li><a href="http://nextbear.tr.gg/">NextBear</a></li><li><a href="http://opentube.tr.gg/">Opentube</a></li> <li><a href="http://www.teknoanaliz.tr.gg">Teknoanaliz </a></li> <li><a href="#">SİTENİ EKLE </a></li> <li><a href="#">SİTENİ EKLE </a></li></ul></div></td><td width="220" height="153" align="right" valign="top"><div id="altbaslik"><a href="#">HAKKIMIZDA</a></div><div id="altyaziv1">Sıra geldi bana, 18 yaşındayım, İstanbul' da yaşıyorum, henüz lise son sınıftayım, bölümüm bilgisayar değil ama hobi olarak tasarım ve css kodlamayı öğreniyorum, ne bilim bana zevkli geliyor, kimine göre boş iş, kimine göre zevkli. </div></td><td width="220" height="153" align="center" valign="top"><div id="altbaslik"><a href="#">SİTEMİZ HAKKINDA</a></div><div id="altyaziv1">Sitemizin tüm hakları korunmaktadır, izinsiz alıntı yapılamaz veya kopyalanamaz, DMCA ile korunmaktadır. İzinsiz bir bağlantı, metin, resim vs. kopyalandığında siteniz kapatılabilir. Kaynak göstermeden paylaşmak yasaktır.</div></td></tr></table><div id="altv1"> TÜM HAKLARI SAKLIDIR! TASARIM VE KODLAMA: <a href="#">DENTASARIM</a></div></div></body></html>

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; }  #ad-a87f,#ad-c81e,#ad-a87f,#ad-cfcd,#ad-c9f0,#ad-c4ca,#ad-8f14,#ad-e4da,#ad-d3d9,#ad-1679,#ad-45c4,#ad-eccb { margin:auto; } #webme_footer_textlink_dont_hide { margin-left: 350px; } #webme_sky_ad { }        body { background-image: url(http://img.webme.com/pic/d/denforum/aw-background.png); background-position: top; background-color: #FFF; }  #menu { margin: auto; width: 900px; height: 50px; background-color: #F7F7F7; } #menu ul { margin: 0px; padding: 0px; list-style-type: none; } #menu ul li a { width: 150px; float: left; height: 50px; line-height: 50px; text-align: center; display: block; color: #333; text-decoration: none; font-size: 12px; font-weight: bold; font-family: Arial, Calibri, "Microsoft YaHei"; box-shadow: 0px 0px #666; background-color: #F7F7F7; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; } #icerik { width: 880px; margin-top: 10px; margin-right: auto; margin-bottom: auto; margin-left: auto; height: auto; background-color: #F7F7F7; padding: 10px; color: #333; font-family: Arial, Calibri, "Microsoft YaHei"; font-size: 12px; } #alt { padding: 10px; width: 880px; margin-top: 10px; margin-right: auto; margin-bottom: 20px; margin-left: auto; height: auto; background-color: #F7F7F7; } #altmenuv1 ul li a { text-decoration: none; color: #666; text-align: left; display: block; font-family: Arial, Calibri, "Microsoft YaHei"; font-size: 10px; font-weight: bold; line-height: 25px; height: 25px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; } #altyaziv1 { font-size: 12px; font-family: Arial, Calibri, "Microsoft YaHei"; font-weight: normal; text-align: left; } #altyaziv1 a { text-decoration: none; font-size: 11px; color: #333; border: 1px dashed #333; height: 20px; display: block; width: 150px; float: right; } #altmenuv1 ul { margin: 0px; padding: 0px; list-style-type: none; } #altbaslik a { line-height: 25px; height: 25px; width: auto; color: #333; text-decoration: none; font-size: 12px; font-weight: bold; font-family: Arial, Calibri, "Microsoft YaHei"; text-align: left; display: block; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #333; } #menu ul li .forum { background-color: #3CF; background-image: url(http://img.webme.com/pic/d/denforum/page.png); } #menu ul li a:hover { background-color: #33CCFF; background-image: url(http://img.webme.com/pic/d/denforum/page.png); height: 40px; width: 130px; margin-right: 10px; margin-left: 10px; line-height: 40px; margin-top: 5px; margin-bottom: 5px; } #menu ul li .forum:hover { background-image: url(http://img.webme.com/pic/d/denforum/page.png); height: 50px; width: 150px; line-height: 50px; margin: 0px; padding: 0px; } #Logobg { width: 900px; margin: auto; height: 100px; background-repeat: no-repeat; } #logo { background-image: url(http://img.webme.com/pic/d/denforum/denforumlogov1.png); background-repeat: no-repeat; height: 100px; width: 330px; float: left; } #buton { float: right; width: 225px; height: 40px; margin-top: 25px; margin-bottom: 25px; } #buton a { font-size: 12px; text-decoration: none; font-weight: bold; font-family: Arial, Calibri, "Microsoft YaHei"; color: #333; width: 80px; height: 20px; line-height: 20px; text-align: center; display: block; float: right; margin-left: 10px; padding: 10px; background-color: #F7F7F7; border: 1px dotted #F3F3F3; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; } #baslikv1 { line-height: 35px; height: 35px; border-left-width: 3px; border-left-style: solid; padding-left: 5px; width: auto; background-image: url(http://img.webme.com/pic/d/denforum/page.png); font-size: 12px; font-weight: bold; color: #181818; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-top-color: #181818; border-right-color: #181818; border-bottom-color: #181818; border-left-color: #181818; } #yesilv1 { line-height: 35px; height: 35px; border-left-width: 3px; border-left-style: solid; padding-left: 5px; width: auto; background-image: url(http://img.webme.com/pic/d/denforum/page.png); font-size: 12px; font-weight: bold; color: #666; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-top-color: #063; border-right-color: #063; border-bottom-color: #063; border-left-color: #063; background-color: #0C3; } #baslikv1 a { display: block; text-decoration: none; color: #181818; } #yesilv1 a { display: block; text-decoration: none; color: #181818; } #buton a:hover { font-size: 12px; text-decoration: none; font-weight: bold; font-family: Arial, Calibri, "Microsoft YaHei"; color: #333; width: 80px; height: 20px; line-height: 20px; text-align: center; display: block; float: right; margin-left: 10px; padding: 10px; background-color: #33CCFF; border: 1px solid #F3F3F3; background-image: url(http://img.webme.com/pic/d/denforum/page.png); border-radius: 10px; } #uyari { line-height: 35px; height: 35px; border-left-width: 3px; border-left-style: solid; padding-left: 5px; width: auto; background-image: url(http://img.webme.com/pic/d/denforum/page.png); font-size: 12px; font-weight: bold; color: #666; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-top-color: #C00; border-right-color: #C00; border-bottom-color: #C00; border-left-color: #C00; background-color: #FFD5D5; } #alt #altv1 a { text-decoration: none; font-size: 11px; color: #333; font-weight: bold; font-family: Arial, Calibri, "Microsoft YaHei"; } #alt #altv1 { font-family: Arial, Calibri, "Microsoft YaHei"; font-size: 12px; text-align: center; line-height: 25px; height: 25px; background-color: #3CF; background-image: url(http://img.webme.com/pic/d/denforum/page.png); } #uyari a { display: block; text-decoration: none; color: #181818; } #altmenuv1 ul li a:hover { text-decoration: none; color: #3CF; text-align: left; display: block; font-family: Arial, Calibri, "Microsoft YaHei"; font-size: 10px; font-weight: bold; line-height: 25px; height: 25px; padding-left: 5px; }  #siralama { font-size: 12px; height: auto; width: auto; font-family: Arial, Calibri, "Microsoft YaHei"; color: #333; } #siralama ul { list-style-type: square; padding-top: 0px; padding-bottom: 0px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; } #siralamaul li { transition: 1s; } #siralama ul li:hover { padding-left: 5px; color: #33CCFF; }  #siralama ul li a { font-size: 12px; font-weight: bold; color: #333; text-decoration: none; font-family: Arial, Calibri, "Microsoft YaHei"; line-height: 20px; display: block; height: 20px; width: auto; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }  #siralama ul li a:hover { padding-left: 3px; color: #33CCFF; width: auto; }

Forum kodu:

<Style>a:-webkit-any-link { color: -webkit-link; text-decoration: none;  Color: #333;  }  /* Profil resmi */ td[width="123"] b a[href="profil-1.htm"]:after{content:url(http://images.clipartlogo.com/files/images/14/148275/monster-vector-image_t.gif);display:block;margin-top:20px; width: 100px; text-align: center; margin-left: auto; margin-right: auto;}  /* UnkNowN'in profil resmi */ td[width="123"] b a[href="profil-4.htm"]:after{content:url(http://th09.deviantart.net/fs70/150/i/2012/309/7/0/sar_kata_insan__the_beheaded_man__by_immadb-d5jezax.jpg);display:block;margin-top:20px; width: 100px; text-align: center; margin-left: auto; margin-right: auto; width: 100px}  /* TeknoAnaliz'in profil resmi */ td[width="123"] b a[href="profil-2.htm"]:after{content:url(http://s10.postimg.org/45bdhaamt/matrix1_chateau_photo_03_dp3.jpg);display:block;margin-top:20px; width: 100px; text-align: center; margin-left: auto; margin-right: auto; width: 100px}     /* Profil resmi - herkese */ td[width="123"] b a:after{content:url(http://img.webme.com/pic/d/dentasarim/karakterv1.png);display:block;margin-top:1px}  /* Görüntülenme */ td[width="75"]{background:url(http://img.webme.com/pic/f/forumkitab/kagit.png) no-repeat left;text-align:center}td[width="120"], </Style> <Style>/* Konu resimleri */ td[width="300"]{background:url(http://2-ps.googleusercontent.com/x/www.tamindir.com/img.tamindir.com/ti_e_ul/erkancalp/p/xklasorler-wphone-simge_32x32.png.pagespeed.ic.jL1WkyqYL5.png) left no-repeat;padding:30px 10px 30px 55px;} </Style>

Den-Vectiro V1

İçerik Hakkında Hazırlanıyor...

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:

Üst Menü

Tasarımın üzerindeki yazı:

<body><div id="logovemenu"><div id="logo"><img src="http://img.webme.com/pic/d/dentasarim/denlogov1.png"/></div><div id="menu"><ul><li><a href="Anasayfa" class="home">Anasayfa</a></li><li><a href="Forum">Forum</a></li><li><a href="Hakkımda">Hakkımda</a></li><li><a href="İletişim">İletişim</a></li><li><a href="Yorumlar">Yorumlar</a></li></ul></div></div><div id="resimgaleri"><div id="resimyazisi1">Tasarımını baştan sona biz tasarlıyoruz!</div><div id="resimyazisi1">Sitenize ekstra kodlar hazırlıyoruz!</div><div id="resimyazisi1">Forum sayfamızdan isteklerinizi dile getirin!</div></div><div id="kucukmenu"><ul><li><a href="#">Web araçları</a></li><li><a href="#">Web dersleri</a></li><li><a href="#">Bedava-sitem</a></li><li><a href="#">Tasarımlar</a></li><li><a href="#">Soru&cevap</a></li><li><a href="#">Anketlerimiz</a></li> </ul></div><div id="icerik"><div id="content">

Tasarımın altındaki yazı:

</div></div><div id="copright">Tüm hakları saklıdır. Tasarım ve kodlama:<a href="http://www.dentasarim.tr.gg">DENTASARIM</a></div></body>

CSS kodu:

<!--       /*BÜTÜN REKLAMLARI ORTALAMA 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; } #ad-a87f,#ad-c81e,#ad-a87f,#ad-cfcd,#ad-c9f0,#ad-c4ca,#ad-8f14,#ad-e4da,#ad-d3d9,#ad-1679,#ad-45c4,#ad-eccb { margin:auto; } #webme_footer_textlink_dont_hide { margin-left: 350px; } /* RENK KODU */ #b64242  /* ALT REKLAMI ÇERÇEVE İÇİNE AL */ #webme_footer_textlink_dont_hide { color: #000000; position: absolute; left: 000px; in: 0px; padding: 9px 27px 8px 130px; background: url(http://salihtoy.com/wp-content/uploads/2013/05/fobs.png); }   //--> body { background: #f1f1f1; } body a { text-decoration: none; color: #333; font-size: 12px; font-family: Arial; } #logovemenu{ width: 950px; height: 40px; background: #fff; margin-left: auto; margin-right: auto; line-height: 40px; color: #333; padding:5px; border: 1px solid #f1f1f1; border-radius: 20px; } #logo { width: 200px; height: 40px; float: left; } #menu { width: 500px; float: right; height: 40px; } #menu ul { list-style-type: none; margin: 0px; padding: 0px; } #menu ul li a { display: block; text-align: center; width: 100px; height: 40px; float:left; line-height: 40px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } #menu ul li a.home{ width: 90px; height: 30px; margin: 5px; background: #429196; color: #fff; border-radius: 10px; line-height: 30px; } #menu ul li a.home:hover { width: 90px; height: 30px; margin: 5px; background: #429196; color: #fff; border-radius: 10px; line-height: 30px; } #menu ul li a:hover { width: 90px; height: 30px; margin: 5px; background: #429196; color: #fff; border-radius: 10px; line-height: 30px; } #resimgaleri { width: 950px; padding: 5px; border-radius: 20px; margin-top: 15px; height: 180px; background: #fff; margin-left: auto; margin-right: auto; border: 1px solid #f1f1f1; background-size:cover; background-image: url(https://ununsplash.imgix.net/photo-1416339134316-0e91dc9ded92?q=75&fm=jpg&s=883a422e10fc4149893984019f63c818); padding-bottom: 100px; padding-top: 120px; } #resimyazisi1 { font-size: 30px; color: #fff; display: block; background: #000; opacity: 0.5; text-shadow: 1px 1px 5px #333; line-height: 50px; text-align: right; } #icerik { width: 920px; height: auto; border:1px solid #f1f1f1; background: #fff; margin-top: 15px; margin-left: auto; margin-right: auto; padding: 20px; border-radius: 10px; } #copright { width: 920px; height: auto; border:1px solid #f1f1f1; background: #fff; margin-top: 15px; background-image: url(http://img.webme.com/pic/d/dentasarim/denlogov1.png); background-repeat: no-repeat; text-align: center; background-position: 5px; margin-left: auto; margin-right: auto; padding: 20px; border-radius: 10px; } #kucukmenu { width: 950px; height: 40px; padding: 5px; margin-left: auto; margin-left: auto; margin-right: auto; margin-top: 15px; border-radius: 20px; background: #fff; } #kucukmenu ul { list-style-type: none; margin: 0px; padding: 0px; } #kucukmenu ul li a { display: block; text-align: center; color: #555; width: 155px; float: left; height: 40px; line-height: 40px; } #kucukmenu ul li a:hover { color: #000; height: 30px; width: 145px; margin: 5px; background: #429196; color: #fff; border-radius: 10px; line-height: 30px; } #baslikv1 a { line-height: 32px; height: 30px; width: auto; text-decoration: none; color: #429196; padding-bottom: 7px; } #baslikv1 { width: auto; height: 30px; margin-top: 7px; margin-bottom: 7px; border-left-width: 5px; border-bottom-style: solid; border-left-style: solid; border-left-color: #429196; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-top-color: #429196; border-right-color: #429196; border-bottom-color: #429196; line-height: 30px; font-family: Arial, Calibri, "Microsoft YaHei"; font-size: 12px; font-weight: bold; color: #7E834B; padding-left: 5px; background-color: #FFF; } #kutuv1 { width: 289px; height: auto; color: #333; font-weight: normal; font-family: Arial, Calibri, "Microsoft YaHei"; font-size: 12px; padding: 2px; } #kutuv1 a { font-family: Arial, Calibri, "Microsoft YaHei"; font-size: 12px; font-weight: bold; text-decoration: none; color: #4B7183; } #devamigr a { display: block; text-align: center; width: 100px; background-color: #333; height: 25px; line-height: 25px; color: #FFF; float: right; } #kutubaslik a { font-size: 13px; color: #333333; text-decoration: none; font-family: Arial, Calibri, "Microsoft YaHei"; font-weight: bold; } #kutuv1yazi { font-size: 12px; height: auto; width: auto; padding-top: 2px; padding-bottom: 2px; } #kutubaslik { font-size: 11px; color: #4B7183; text-decoration: none; font-family: Arial, Calibri, "Microsoft YaHei"; }

Ana sayfaya eklenecek kod:

<div id="baslikv1"><a href="#">GALERİ</a></div><table width="899" border="0" cellspacing="5" cellpadding="0"><tbody><tr><th width="293" height="150" align="left" valign="top" scope="col"><a href="#"><img src="http://img.webme.com/pic/d/dentasarim/logopsd.png" width="293" height="150" alt="" /></a></th><th width="293" height="150" align="left" valign="top" scope="col"><a href="#"><img src="http://img.webme.com/pic/d/dentasarim/backgroundv2.png" width="293" height="150" alt="" /></a></th><th width="293" height="150" align="left" valign="top" scope="col"><a href="#"><img src="http://img.webme.com/pic/d/dentasarim/bg.png" width="293" height="150" alt="" /></a></th></tr></tbody></table><div id="baslikv1"><a href="#">BLOG</a></div><table width="900" border="0" cellspacing="5" cellpadding="0"><tbody><tr><th width="293" height="135" align="left" valign="top" scope="col"><div id="kutuv1"><div id="kutubaslik"><a href="#">Sitemiz açıldı!<br /></a>31 Ekim 2014</div><div id="kutuv1yazi">Sitemiz açılmıştır. Bu adresimizden paylaşımları rahatça bulabilirsiniz, bizleri bedava-sitem formunda yorumlamak istermisiniz?...</div><div id="devamigr"><a href="#">DEVAMINI GÖR</a></div></div></th><th width="293" align="left" valign="top" scope="col"><div id="kutuv1"><div id="kutubaslik"><a href="#">Modern tasarım paylaşıldı!<br /></a>31 Ekim 2014</div><div id="kutuv1yazi">Günlerdir modern tasarımı bekleyen "DENTASARIM" takipçileri sonunda beklediğine değicek bir tasarımla karşılaştı...</div><div id="devamigr"><a href="#">DEVAMINI GÖR</a></div></div></th><th width="293" align="left" valign="top" scope="col"><div id="kutuv1"><div id="kutubaslik"><a href="#">Ne bileyim <br /></a>31 Ekim 2014</div><div id="kutuv1yazi">Tasarımı yaptımda buraya ne eklesem diye düşünürken birde bakmışım yazı yazmışım bile nese uzatmayayım...</div><div id="devamigr"><a href="#">DEVAMINI GÖR</a></div></div></th></tr></tbody></table><div id="baslikv1"><a href="#">YAZARLAR</a></div><table width="900" border="0" cellspacing="5" cellpadding="0"><tbody><tr><th width="293" height="121" align="left" valign="top" scope="col"><div id="kutuv1"><div id="kutubaslik"><a href="#">SERGEN ŞEKER<br /></a>ADMİN</div><div id="kutuv1yazi">Bu kişi hakkında bilgi eklenmedi.</div><div id="devamigr"><a href="#">DEVAMINI GÖR</a></div></div></th><th width="293" align="left" valign="top" scope="col"><div id="kutuv1"><div id="kutubaslik"><a href="#">SEMİH ATABEY<br /></a>GRAFİKER</div><div id="kutuv1yazi">Bu kişi hakkında bilgi eklenmedi.</div><div id="devamigr"><a href="#">DEVAMINI GÖR</a></div></div></th><th width="293" align="left" valign="top" scope="col"><div id="kutuv1"><div id="kutubaslik"><a href="#">CENK YANAR<br /></a>İÇERİKER</div><div id="kutuv1yazi">Bu kişi hakkında bilgi eklenmedi.</div><div id="devamigr"><a href="#">DEVAMINI GÖR</a></div></div></th></tr></tbody></table>

Den-Ropörtaj V1

İçerik Hakkında Hazırlanıyor...

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:

Üst Menü

Tasarımın üzerindeki yazı:

<body><div id="logo"></div><div id="ustmenu"><ul><li><a href="#" class="selected">ANASAYFA</a></li><li><a href="#">İLETİŞİM</a></li><li><a href="#">HAKKIMIZDA</a></li><li><a href="#">ROPÖRTAJLAR</a></li><li><a href="#">ZİYARETÇİ DEFTERİ</a></li></ul></div><div id="resimlidiv"><div id="resimliyazi">Dentasarım ropörtajına göz atmak istermisiniz? </div></div><div id="icerik"> <div id="content">

Tasarımın altındaki yazı:

</div></div><div id="copright">Tüm hakları saklıdır. Tasarım ve kodlama: <a href="http://www.dentasarim.tr.gg/">DENTASARIM</a> </div></body>

CSS kodu:

<!--       /*BÜTÜN REKLAMLARI ORTALAMA 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; } #ad-a87f,#ad-c81e,#ad-a87f,#ad-cfcd,#ad-c9f0,#ad-c4ca,#ad-8f14,#ad-e4da,#ad-d3d9,#ad-1679,#ad-45c4,#ad-eccb { margin:auto; } #webme_footer_textlink_dont_hide { margin-left: 350px; } /* RENK KODU */ #b64242  /* ALT REKLAMI ÇERÇEVE İÇİNE AL */ #webme_footer_textlink_dont_hide { color: #000000; position: absolute; left: 000px; in: 0px; padding: 9px 27px 8px 130px; background: url(http://salihtoy.com/wp-content/uploads/2013/05/fobs.png); }   //--> body { background: #f1f1f1; margin: 0px; padding: 0px; font-family: Arial; } #ustmenu { width: 950px; height: 50px; margin-left: auto; margin-right: auto; margin-top: 5px; background: #333; border-radius: 20px 20px 0 0; border-bottom: 2px solid #ffcc00; } #ustmenu ul { list-style-type: none; margin: 0px; padding: 0px; } #ustmenu ul li a { width: 190px; height: 50px; display: block; float: left; text-align: center; line-height: 50px; text-decoration: none; color: #f1f1f1; font-size: 11px; font-family: Arial; transition: 0.4s; } #ustmenu ul li a.selected { height: 40px; margin-top: 10px; line-height: 40px; background: #ffcc00; width: 140px; margin-left: 25px; margin-right: 25px; } #ustmenu ul li a:hover { height: 40px; margin-top: 10px; line-height: 40px; background: #ffcc00; color: #fff; width: 140px; margin-left: 25px; margin-right: 25px; } #resimlidiv { width: 950px; height: 100px; margin-left: auto; margin-right: auto; background: url(https://ununsplash.imgix.net/reserve/unsplash_5288cc8f3571d_1.JPG?q=75&fm=jpg&s=88de4c39bd6f3eb98fef5109b471b7d1); background-size: cover; padding-top: 100px; padding-bottom: 100px; border-bottom: 2px solid #ffcc00; } #resimliyazi { text-align: right; background: black; font-size: 25px; color: white; padding-right: 5px; width: 945px; padding-top: 20px; padding-bottom: 20px; opacity: 0.6; } #icerik { width: 910px; margin-left: auto; margin-right: auto; padding: 20px; background: #fff; height: auto; } #copright { width: 950px; margin: auto; height: 40px; line-height: 40px; text-align:center; background: #333; color: #f8f8f8; } #copright a {text-decoration: none; color: #f1f1f1;}

Ana sayfaya eklenecek kod:

Den-Kişisel V1

İçerik Hakkında Hazırlanıyor...

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:

Sağ ve Üst Menü

Tasarımın üzerindeki yazı:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'></head> <body><div id="logo"><b><h1>SERGENSEKER</h1></b><h3>Genel ve kisisel blog!</h3></div><div id="cizgiler"><div id="menu"><ul><li><a href="#">ANASAYFA</a></li><li><a href="#">BLOG</a></li><li><a href="#">HAKKIMDA</a></li><li><a href="#">GALERİ</a></li><li><a href="#">PROJELER</a></li><li><a href="#">BİZE ULAS</a></li><li><a href="#">BİZİ YORUMLA</a></li></ul></div></div><div id="icerik"><div id="resimust"><h1>Benim blogum!</h1></div><div id="sol"><div id="baslik">KiÅŸisel tema</div><div id="y"><div id="content">

Tasarımın altındaki yazı:

</div></div></div><div id="sag"><div id="baslik">GENEL BASLIKLAR</div><div id="sagmenu"><ul><table width="295" border="0" align="left" cellpadding="0" cellspacing="0"><tbody><tr><td width="100px"><li><a href="#">Anasayfa</a></li><li><a href="#">Iletisim</a></li><li><a href="#">Galeri</a></li></td><td width="100px"><li><a href="#">Ziyaretçi D.</a></li><li><a href="#">Hakkımda</a></li><li><a href="#">Blog</a></li></td></tr></tbody></table></ul></div> <div id="clear"></div><br><div id="baslik">DOST SİTELER</div><div id="sagmenu"><ul><table width="295" border="0" align="left" cellpadding="0" cellspacing="0"><tbody><tr><td><li><a href="#" target="_blank">Siteni ekle</a></li><li><a href="#" target="_blank">Siteni ekle</a></li><li><a href="#" target="_blank">Siteni ekle</a></li><li><a href="#" target="_blank">Siteni ekle</a></li> </td><td><li><a href="#" target="_blank">Siteni ekle</a></li><li><a href="#" target="_blank">Siteni ekle</a></li><li><a href="#" target="_blank">Siteni ekle</a></li><li><a href="#" target="_blank">Siteni ekle</a></li></td></tr></tbody></table></ul></div><br></div></div> <div id="clear"></div><div id="copright">2015 / Tüm hakları saklıdır. Tasarım ve kodlama: <a href="http://www.teknoanaliz.tr.gg" target="_blank">TEKNOANALİZ</a> & <a href="http://www.dentasarim.tr.gg" target="_blank">DENTASARIM</a></div></body></html>

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; } #ad-a87f,#ad-c81e,#ad-a87f,#ad-cfcd,#ad-c9f0,#ad-c4ca,#ad-8f14,#ad-e4da,#ad-d3d9,#ad-1679,#ad-45c4,#ad-eccb { border: 1px solid #3B3B3B; background: #3B3B3B; margin:auto;  } #webme_footer_textlink_dont_hide { margin-left: 375px; margin-top: 5px; float: left; } #webme_sky_ad {  border: 1px solid #3B3B3B; background: #3B3B3B; }  /* Chicken scrollbar ayarlamalari */  /* Chicken scrollbar - 3 çizginin olduğu yer */  ::-webkit-scrollbar-thumb {background:#3B3B3B; url(http://img.webme.com/pic/c/chickenblog/scrollbar.gif) no-repeat center center; border:1px solid #3B3B3B;}   /* Chicken scrollbar - Scrollbar'ı boyutlandırabilirsiniz. */  ::-webkit-scrollbar {width: 13px; height: 10px; }   /* Genel ayarlar sakin dokunma ! */  ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display:none;} ::-webkit-scrollbar-track-piece { background-color: #5b5b5b;}      body { background-color: #f1f1f1; background-repeat: no-repeat; background-position: center center; background-size: cover; font-family: 'Raleway', sans-serif; } #logo { width: 950px; height: 80px; margin: auto; text-align: center; font-family: 'Raleway', sans-serif; } #logo b h1 { font-size: 50px; line-height: 10px; color: #ff3c07; } #logo h3 { font-size: 15px; font-weight: normal; color: #a1a1a1; } #menu { width: 945px; margin: auto; text-align: center; } #menu ul { list-style: none; margin: 0px; padding: 0px; } #menu ul li a { display: block; text-decoration: none; color: #333;  float: left; width: 135px; height: 50px; line-height: 50px; font-size: 13px; transition: 0.3s; font-weight: bold; } #cizgiler { width: 950px; height: 50px; line-height: 50px; margin-left: auto; margin-right: auto; border-top: 1px solid #999; border-bottom: 1px solid #999; text-align: center; margin-bottom: 20px; } #menu ul li a:hover { background: #ff3c07; height: 40px; line-height: 40px; margin-top: 5px; margin-bottom: 5px; color: #fff; } #baslik { border-top: 1px solid #999; border-bottom: 1px solid #999; width: auto; padding: 10px; font-size: 14px; font-weight: bold; } #icerik { width: 950px; height: auto; margin-left: auto; margin-right: auto; } #sol { width: 640px; margin-right: 15px; float: left; height: auto; } #sag { width: 295px; float: right; height: auto; } #resimust { width: 950px; padding-top: 400px; background-image: url(http://static.hdw.eweb4.com/media/wallpapers_1920x1080/music/1/4/daft-punk-music-hd-wallpaper-1920x1080-35595.jpg); background-position: center; background-size: cover; margin-bottom: 20px; } #resimust h1{ color: #fff; text-align: right; margin-bottom: 0px; padding: 25px; background: black; opacity: 0.7; } #sagmenu { width: 295px; height: auto; } #sagmenu ul { list-style: none; margin: 0px; padding: 0px; } #sagmenu ul li a { color: #333; text-decoration: none; display: block; height: 30px; line-height: 30px; font-size: 14px; padding-left: 20px; background-image: url(http://www.geekinterview.com/talk/images/metro/bw/pagination/next-right.png); background-position-y: center; background-repeat: no-repeat; transition: 0.3s; } #sagmenu ul li a:hover { color: #ff3c07; } #clear { clear: left; } #y { font-size: 13px; padding-left: 10px; padding-right: 10px; } #copright { margin-left: 190px; margin-top: 5px; float: left; width: 950px; height: 40px; line-height: 40px; text-align:center;  background: #333; color: #fff; font-size: 13px; } #copright a { text-decoration: none; color: #fff; font-size: 13px; font-weight: bold; padding: 5px; transition: 1s; color: #ff3c07; } #copright a:hover { height 30px; line-height: 30px; background: #ff3c07; color: #fff; margin-top: 5px; margin-bottom: 5px; text-decoration: none; padding: 5px; }

Ana sayfaya eklenecek kod:

Den-Sl Renkli V1

İçerik Hakkında Hazırlanıyor...

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:

Sol Menü

Tasarımın üzerindeki yazı:

<body><p> </p><table width="950" border="0" align="center" cellpadding="0" cellspacing="5"><tr><th width="250" rowspan="2" align="center" valign="top" scope="col"><div id="logo"><a href="#"><img src="http://img.webme.com/pic/d/dentasarim/denlogov6.png" width="200" height="40"></a></div><div id="solmenubaslikv1">GENEL</div><div id="solmenu"><ul><li><a href="#" class="home">ANASAYFA</a></li><li><a href="#" class="ietisim">İLETİŞİM</a></li><li><a href="#" class="yorumlar">ZİYARETÇİ DEFTERİ</a></li><li><a href="#" class="hakkimda">HAKKIMDA</a></li></ul></div> <div id="solmenubaslikalti"></div> <div id="solmenubaslikv1">KATEGORİLER</div><div id="solmenu"><ul><li><a href="#" class="ekstralar">EKSTRALAR</a></li><li><a href="#" class="dersler">DERSLER</a></li><li><a href="#" class="tasarimlar">TASARIMLAR</a></li>  </ul></div><div id="solmenubaslikalti"></div> </th><th height="56" align="left" valign="top" scope="col"> </th></tr><tr><th width="700" align="left" valign="top" scope="col"><div id="sagbaslik">DT - TASARIMIN BİZDEN!</div><div id="icerik"><div id="content">

Tasarımın altındaki yazı:

</div></div></th></tr></table><div id="alt">TÜM HAKLARI SAKLIDIR! TASARIM VE KODLAMA: <a href="#">DENTASARIM</a></div> </body></html>

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; } #ad-a87f,#ad-c81e,#ad-a87f,#ad-cfcd,#ad-c9f0,#ad-c4ca,#ad-8f14,#ad-e4da,#ad-d3d9,#ad-1679,#ad-45c4,#ad-eccb { margin:auto; } #webme_footer_textlink_dont_hide { margin-left: 350px; }     body { background-color: #F4F4F4; font-family: "Comic Sans MS", cursive; font-weight: normal; font-size: 11px; /* [disabled]background-image: url(../Web%20site%20galeri/jGIGWOAv1.png); */ margin: 0px; padding: 0px; } #logo { height: 40px; background-color: #FFF; width: 200px; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #CCC; border-right-color: #CCC; border-left-color: #CCC; border-radius: 10px 10px 0px 0px; padding-top: 10px; padding-right: 7px; padding-bottom: 10px; padding-left: 7px; }     #solmenu ul { margin: 0px; padding: 0px; list-style-type: none; } #solmenu ul li a { height: 40px; line-height: 40px; font-size: 11px; font-weight: bold; text-decoration: none; color: #999999; font-family: Arial, Calibri, "Microsoft YaHei"; text-align: left; display: block; padding-left: 5px; transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; } #solmenu { height: auto; width: auto; background-color: #FFF; border-right-width: 1px; border-right-style: solid; border-right-color: #CCC; } #solmenu ul li .home { border-left-width: 4px; border-left-style: solid; border-left-color: #3399FF; } #solmenu ul li .home:hover { border-left-width: 4px; border-left-style: solid; border-left-color: #3399FF; background-color: #84C1FF; color: #FFF; } #solmenu ul li .ietisim { border-left-width: 4px; border-left-style: solid; border-left-color: #F90; } #solmenu ul li .ietisim:hover { border-left-width: 4px; border-left-style: solid; border-left-color: #F90; background-color: #FFAF37; color: #FFF; } #solmenu ul li .yorumlar { border-left-width: 4px; border-left-style: solid; border-left-color: #936; } #solmenu ul li .yorumlar:hover { border-left-width: 4px; border-left-style: solid; border-left-color: #936; color: #FFF; background-color: #D075A3; } #solmenu ul li .tasarimlar { border-left-width: 4px; border-left-style: solid; border-left-color: #69F; } #solmenu ul li .tasarimlar:hover { background-color: #95B8FF; color: #FFF; } #solmenu ul li .ekstralar { border-left-width: 4px; border-left-style: solid; border-left-color: #363; } #solmenu ul li .ekstralar:hover { border-left-width: 4px; border-left-style: solid; border-left-color: #363; color: #FFF; background-color: #54A954; } #solmenu ul li .dersler { border-left-width: 4px; border-left-style: solid; border-left-color: #C33; } #solmenu ul li .dersler:hover { border-left-width: 4px; border-left-style: solid; border-left-color: #C33; color: #FFF; background-color: #DF7D7D; } #solmenu ul li .hakkimda { border-left-width: 4px; border-left-style: solid; border-left-color: #99C; } #solmenu ul li .hakkimda:hover { border-left-width: 4px; border-left-style: solid; border-left-color: #99C; background-color: #C4C4E1; color: #FFF; } #solmenubaslikv1 { height: 30px; background-color: #333333; line-height: 30px; font-size: 11px; color: #FFF; font-family: Arial, Calibri, "Microsoft YaHei"; font-weight: bold; border-radius: 10px 10px 0px 0px; } #solmenubaslikalti { height: 5px; background-color: #333333; line-height: 5px; font-size: 12px; color: #FFF; font-family: Arial, Calibri, "Microsoft YaHei"; font-weight: bold; border-radius: 0px 0px 10px 10px; margin-bottom: 10px; } #sagbaslik { width: 700px; height: 30px; font-size: 11px; font-weight: bold; font-family: Arial, Calibri, "Microsoft YaHei"; background-color: #333; border-radius: 10px 10px 0px 0px; line-height: 30px; color: #FFF; text-align: center; } #icerik { width: 678px; background-color: #FFF; font-size: 11px; font-family: Arial, Calibri, "Microsoft YaHei"; color: #333; padding: 10px; height: auto; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #CCC; border-bottom-color: #CCC; border-left-color: #CCC; } #alt { width: 100%; height: 30px; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; background-color: #333; color: #FFF; font-family: Arial, Calibri, "Microsoft YaHei"; font-size: 11px; line-height: 30px; padding: 5px; /* [disabled]border-radius: 0px 0px 10px 10px; */ text-align: center; } #alt a { border: 1px solid #CCC; color: #FFF; text-decoration: none; padding: 2px; } #alt a:hover { border: 1px solid #CCC; color: #FFF; text-decoration: none; padding: 2px; background-color: #34566F; } body table { }

Ana sayfaya eklenecek kod:

Den-Clr Blog V1

İçerik Hakkında Hazırlanıyor...

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:

Sağ ve Üst Menü

Tasarımın üzerindeki yazı:

<body> <table width="900" border="0" align="center" cellpadding="0" cellspacing="0"><tr><th width="247" align="center" valign="middle" scope="col"><div id="logo"></div></th><th width="653" align="right" valign="middle" scope="col"><div id="duyuru">Sitemizde şuan 6 kategori, 59 başlık bulunmaktadır!</div></th></tr></table><div id="ust"><div id="ustmenu"><ul><li><a href="#" class="home">Anasayfa</a></li><li><a href="#" class="hakkimda">Hakkımda</a></li><li><a href="#" class="iletisim">İletişim</a></li><li><a href="#" class="yorumla">Yorumlar</a></li><li><a href="#" class="projeler">Forum</a></li><li><a href="#" class="galeri">Galeri</a></li></ul></div> </div><div id="icerik"><table width="900" border="0" cellspacing="0" cellpadding="0"><tr><th width="645" height="486" align="center" valign="top" scope="col"><div id="sagmenubaslik"><a href="#"> Denblog - [Subpage]</a></div><div id="icerikv1"><div id="content">

Tasarımın altındaki yazı:

</div></div></th><th width="250" align="center" valign="top" scope="col"><div id="solmenubaslik"><a href="#">Başlangıç</a></div><div id="solmenu"><ul><li><a href="#" class="anasayfa">ANASAYFA | <em>Başlangıça dön</em></a></li><li><a href="#" class="hakkimdav1">HAKKIMDA | <em>Benim hakkımda bilgiler!</em></a></li><li><a href="#" class="iletisimv1">İLETİŞİM | <em>Bize ulaşmak isterseniz!</em></a></li><li><a href="#" class="biziyorumla">BİZİ YORUMLA | <em>Kafana göre yaz!</em></a></li><li><a href="#" class="projelerv1">PROJELER |<em> Çalışmalarımı gör!</em></a></li></ul></div><div id="solmenubaslik" class="kategoriler"><a href="#">Kategoriler</a></div><div id="kategorimenusu"><table width="250" border="0" cellspacing="0" cellpadding="0"><tr><th height="100" align="left" valign="top" scope="col"><ul><li><a href="#" class="webdersleri">Web dersleri</a></li><li><a href="#" class="programlar">Programlar</a></li><li><a href="#" class="kisisel">Kişisel</a></li><li><a href="#" class="teknoloji">Teknoloji</a></li><li><a href="#" class="oyunlar">Oyunlar</a></li></ul></th><th align="left" valign="top" scope="col"><ul><li><a href="#" class="yemektarifi">Yemek tarifleri</a></li><li><a href="#" class="defter">Defter</a></li><li><a href="#" class="roprtj">Ropörtajlar</a></li><li><a href="#" class="tasarimlar">Tasarımlar</a></li><li><a href="#" class="ekstralar">Ekstralar</a></li></ul></th></tr></table></div><div id="solmenubaslik" class="dostsite"><a href="#">Dost siteler</a></div><div id="solmenu"><ul><li><a href="#" class="anasayfa">DENTASARIM | <em>Tasarımın bizden!</em></a></li><li><a href="#" class="hakkimdav1">DENMÜZİK | <em>Müziğiniz bizden!</em></a></li><li><a href="#" class="iletisimv1">DENFORUM |<em> Sizin forumunuz!</em></a></li><li><a href="#" class="biziyorumla">NEXTBEAR | <em>Hayatı next'le!</em></a></li><li><a href="#" class="projelerv1">SİTENİ EKLE|<em> Siteni neden eklemiyorsun!</em></a></li></ul></div></th></tr></table><div id="copright">TÜM HAKLARI SAKLIDIR! TASARIM VE KODLAMA: <a href="http://www.dentasarim.tr.gg">DENTASARIM</a></div></div></body>

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; } #ad-a87f,#ad-c81e,#ad-a87f,#ad-cfcd,#ad-c9f0,#ad-c4ca,#ad-8f14,#ad-e4da,#ad-d3d9,#ad-1679,#ad-45c4,#ad-eccb { margin:auto; } #webme_footer_textlink_dont_hide { margin-left: 350px; }     body { background-image: url(http://img.webme.com/pic/d/dentasarim/patternbg.png); background-color: #FFF; margin: 0px; padding: 0px; text-align: center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #333; } #solmenubaslik a { font-size: 12px; text-decoration: none; color: #333; display: block; line-height: 30px; height: 30px; font-weight: bold; /* [disabled]background-image: url(images/icons/globe.png); */ background-repeat: no-repeat; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #999; border-right-color: #999; border-bottom-color: #999; border-left-color: #999; background-color: #F5F5F5; margin-top: 2px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; margin-left: 2px; } #sagmenubaslik a { font-size: 12px; text-decoration: none; color: #333; display: block; line-height: 30px; height: 30px; font-weight: bold; /* [disabled]background-image: url(images/icons/baloon.png); */ background-repeat: no-repeat; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #999; border-right-color: #999; border-bottom-color: #999; border-left-color: #999; background-color: #F5F5F5; margin-top: 2px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; background-position: 5px; } #solmenu ul { margin: 0px; padding: 0px; list-style-type: none; } #solmenu ul li { background-repeat: no-repeat; } #solmenu ul li a { font-size: 12px; text-decoration: none; color: #333; text-align: left; line-height: 25px; height: 25px; display: block; background-image: url(http://img.webme.com/pic/d/dentasarim/dropdown_arrow_right.png); background-repeat: no-repeat; background-position: 5px; padding-left: 15px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; } #solmenu ul li a em { font-size: 11px; font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } #kategorimenusu ul { list-style-type: none; margin: 0px; padding: 0px; } #kategorimenusu ul li a { font-size: 11px; text-decoration: none; color: #333; display: block; height: 25px; line-height: 25px; background-image: url(http://img.webme.com/pic/d/dentasarim/dropdown_arrow_right.png); background-repeat: no-repeat; background-position: 5px; padding-left: 25px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; } #solmenu { font-size: 10px; background-color: #FFFFFF; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #999; border-bottom-color: #999; border-left-color: #999; color: #666; /* [disabled]background-image: url(images/diverso-homepage_sections-gradient.gif); */ margin-bottom: 5px; margin-left: 2px; } #ust { width: 900px; margin-top: 10px; margin-right: auto; margin-bottom: auto; margin-left: auto; border: 1px solid #999; background-image: url(backgroundbeyaz.png); background-color: #FFF; } #logo { float: left; background-image: url(http://img.webme.com/pic/d/dentasarim/dentasarimv2.png); background-repeat: no-repeat; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 1s; width: 270px; height: 50px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: 7px; } #duyuru { font-size: 12px; font-weight: normal; } #ustmenu { height: 35px; width: 900px; background-color: #F5F5F5; } #icerik { width: 900px; margin-top: 10px; margin-bottom: 10px; /* [disabled]border: 1px solid #000; */ /* [disabled]background-color: #FFF; */ margin-right: auto; margin-left: auto; } #ustmenu ul { margin: 0px; padding: 0px; list-style-type: none; } #ustmenu ul li a { text-align: center; display: block; float: left; height: 35px; width: 150px; text-decoration: none; color: #333333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; line-height: 35px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; background-repeat: no-repeat; } #ust #ustmenu ul li .home { color: #333; /* [disabled]border-top-width: 2px; */ /* [disabled]border-top-style: solid; */ /* [disabled]border-top-color: ba2f60; */ /* [disabled]border-bottom-color: ba2f60; */ line-height: 35px; height: 35px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } #ust #ustmenu ul li .home:hover { color: #FFFFFF; /* [disabled]border-top-width: 2px; */ /* [disabled]border-top-style: solid; */ /* [disabled]border-top-color: ba2f60; */ background-color: #069; height: 35px; line-height: 35px; } #ustmenu ul li .projeler:hover { color: #FFF; /* [disabled]border-top-width: 2px; */ /* [disabled]border-top-style: solid; */ /* [disabled]border-top-color: #093; */ background-color: #096; line-height: 35px; height: 35px; } #ustmenu ul li .hakkimda:hover { color: #FFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* [disabled]border-top-width: 2px; */ /* [disabled]border-top-style: solid; */ /* [disabled]border-top-color: #F90; */ background-color: #F90; line-height: 35px; height: 35px; } #ustmenu ul li .iletisim:hover { color: #FFF; /* [disabled]border-top-width: 2px; */ /* [disabled]border-top-style: solid; */ /* [disabled]border-top-color: #09F; */ background-color: #0CF; line-height: 35px; height: 35px; } #ustmenu ul li .yorumla:hover { color: #FFF; /* [disabled]border-top-width: 2px; */ /* [disabled]border-top-color: #333; */ /* [disabled]border-top-style: solid; */ background-color: #333; line-height: 35px; height: 35px; } #solmenu ul li .anasayfa:hover { background-color: #BA2F60; color: #FFF; } #solmenu ul li .hakkimdav1:hover { background-color: #F90; color: #FFF; } #solmenu ul li .iletisimv1:hover { background-color: #09F; color: #FFF; } #solmenu ul li .biziyorumla:hover { background-color: #333; color: #FFF; } #solmenu ul li .projelerv1:hover { color: #FFF; background-color: #093; } #kategorimenusu { background-color: #FFFFFF; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #999; border-bottom-color: #999; border-left-color: #999; /* [disabled]background-image: url(images/diverso-homepage_sections-gradient.gif); */ margin-bottom: 5px; margin-left: 2px; } #icerikv1 { background-color: #FFFFFF; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #999; border-bottom-color: #999; border-left-color: #999; padding: 5px; font-size: 12px; color: #666; } #kategorimenusu ul li .webdersleri:hover { background-color: #3FF; } #kategorimenusu ul li .programlar:hover { background-color: #F9C; } #kategorimenusu ul li .kisisel:hover { background-color: #CF0; } #kategorimenusu ul li .teknoloji:hover { background-color: #F00; } #kategorimenusu ul li .oyunlar:hover { background-color: #FF0; } #kategorimenusu ul li .yemektarifi:hover { background-color: #FFF; } #kategorimenusu ul li .defter:hover { background-color: #F90; } #icerik table tr th #kategorimenusu table tr th ul li .roprtj:hover { background-color: #0C9; } #icerik table tr th #kategorimenusu table tr th ul li .tasarimlar:hover { background-color: #666; } #icerik table tr th #kategorimenusu table tr th ul li .ekstralar:hover { background-color: #69F; } #solmenubaslik a.kategoriler { color: #3C3; } #solmenubaslik.kategoriler a { /* [disabled]background-image: url(http://img.webme.com/pic/d/dentasarim/dropdown_arrow_right.png); */ background-position: 5px; background-color: #F5F5F5; color: #333333; } #logo:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } #solmenubaslik.dostsite a { /* [disabled]background-image: url(http://img.webme.com/pic/d/dentasarim/dropdown_arrow_right.png); */ background-position: 5px; } #ustmenu ul li .galeri:hover { color: #FFF; /* [disabled]border-top-width: 2px; */ /* [disabled]border-top-style: solid; */ /* [disabled]border-top-color: #903; */ background-color: #F66; line-height: 35px; height: 35px; } #copright { width: 898px; background-color: #F5F5F5; border: 1px solid #999; height: 50px; line-height: 50px; font-family: Arial, Calibri, "Microsoft YaHei"; font-size: 12px; } #copright a { text-decoration: none; color: #FFF; background-color: #999999; padding: 5px; font-size: 11px; }

Ana sayfaya eklenecek kod:

Den-Tekno V1

İçerik Hakkında Hazırlanıyor...

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:

Üst Menü

Tasarımın üzerindeki yazı:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'> </head><body><div id="header"><div id="logo"><b>TEKNODEN*</b></div><div id="sosyal"><a href="#"><img src="http://img.webme.com/pic/t/teknoanaliz/facebookv1.png" alt="" /></a><a href="#"><img src="http://www.kralmuzik.com.tr/Content/i/icon-twitter.png" alt="" /></a><a href="#"><img src="http://www.gezginler.net/mobil/resimler/12776/ikon2_instagram-beta-ikon.png" alt="" /></a><a href="#"><img src="https://pbs.twimg.com/profile_images/485947845308993537/elFCA2UC_normal.png" alt="" /></a><a href="#"><img src="https://pbs.twimg.com/profile_images/506843350842871808/AYI91hvL_normal.png" alt="" /></a><a href="#"><img src="https://lh3.googleusercontent.com/-4QDxins1Vgw/AAAAAAAAAAI/AAAAAAAAoM8/H6n3Yzjhu0g/s46-c-k-no/photo.jpg" alt="" /></a></div></div><div id="menu"><ul><li><a href="#">ANASAYFA</a></li><li><a href="#">HAKKIMIZDA</a></li><li><a href="#">ILETISIM</a></li><li><a href="#">MARKET</a></li><li><a href="#">DERSLER</a></li><li><a href="#">REKLAM VER</a></li><li><a href="#">ZIYARETCI DEFTERI</a></li></ul></div><div id="icerik"><div id="content">

Tasarımın altındaki yazı:

</div></div><div id="footer">Tüm haklarımız saklıdır. Copright © 2015      Tasarım ve kodlama: <a href="http://www.teknoanaliz.tr.gg">TeknoAnaliz</a> and <a href="http://www.dentasarim.tr.gg">Dentasarım</a></div></body></html>

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; } #ad-a87f,#ad-c81e,#ad-a87f,#ad-cfcd,#ad-c9f0,#ad-c4ca,#ad-8f14,#ad-e4da,#ad-d3d9,#ad-1679,#ad-45c4,#ad-eccb { border: 1px solid #3B3B3B; background: #3B3B3B; margin:auto;  } #webme_footer_textlink_dont_hide { background: #fff; color: #333; padding: 5px; height: 30px; text-decoration: none; width: 900px; line-height: 30px; margin-left: 350px; font-size: 11px; border: 1px solid #3B3B3B; } #webme_sky_ad {  border: 1px solid #3B3B3B; background: #3B3B3B; }  body {margin: 0px; padding: 0px; background-image: url(http://thewallery.com/wp-content/uploads/2013/07/Muxxi-MURAL-web-pattern-The-Wallery1.jpg); font-family: 'Yanone Kaffeesatz', sans-serif;} #header {width: 950px; height: 100px; background: #f2f2f2;margin: auto; opacity: 0.9;} #logo {width: 250px; line-height: 100px;float: left; text-align: center;} #logo b {font-size: 50px;} #sosyal {width: 200px; height: 100px; float: right; line-height: 113px;} #sosyal a img {width: 25px; height: 25px; transition: 0.3s;} #sosyal a img:hover { transform: matrix(1, -0.3, 0, 1, 0, 0);} #menu {width: 950px; height: 40px; line-height: 40px; background: #ccc; margin: auto;} #menu ul {list-style: none;margin: 0px;padding:0px;} #menu ul li a {display: block; float: left; color: #333; text-decoration: none; padding-left: 15px; padding-right: 15px; transition: 0.3s;} #menu ul li a:hover {background: #fff;} #icerik {width: 930px; padding: 10px; margin: auto; background: #fff;} #footer {width: 930px; background: #ccc;padding: 10px; margin: auto; height: 25px; line-height: 25px;} #footer a {padding: 4px; color: #fff; text-decoration: none; background: #333;}

Ana sayfaya eklenecek kod:

<img src="http://dallara.com.au/wordpress/wp-content/uploads/2015/04/memories_hd1.jpg" alt="" /><br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non tellus augue. Sed id ipsum sapien. Cras et efficitur mi, sit amet tempor mauris. Vestibulum ornare eget arcu et scelerisque. Ut convallis pellentesque dui vitae ultrices. Mauris cursus tincidunt enim sit amet vestibulum. Nunc sit amet tortor nulla. Phasellus egestas odio in velit facilisis viverra.<br><br> Phasellus eu ante dignissim nulla gravida scelerisque id vel nulla. Mauris est odio, condimentum malesuada aliquet convallis, posuere ut lacus. Cras in elit viverra, aliquet ipsum non, aliquet lacus. Etiam fringilla efficitur metus ut interdum. Nam venenatis massa id purus ultrices, in posuere sapien dignissim. Donec interdum eget diam vitae rutrum. Suspendisse quis lorem pulvinar, fringilla tortor eget, varius quam. Integer a leo fringilla erat lacinia tristique. Aliquam facilisis facilisis tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. <br><br><img src="http://www.surelight.com/images/Main_site/slide_show_home/LED_Street_lighting1.jpg" alt="" />Proin molestie lorem sed tortor euismod, ac tincidunt magna tristique. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer lobortis mollis vulputate. In consectetur elit id fringilla rhoncus. Duis dolor eros, venenatis ut dignissim non, iaculis et mi. Etiam fermentum tellus sem, eu dapibus eros ultrices eget. Praesent dolor augue, fermentum vitae dignissim eu, efficitur ullamcorper arcu. Quisque vestibulum dolor ut suscipit posuere. Phasellus tellus nulla, tincidunt eu massa in, ultricies vehicula orci. Nunc pellentesque lectus vitae ligula fermentum lacinia. Suspendisse risus urna, faucibus in diam nec, mollis luctus turpis.<br><br>

Tk-Film V1

İçerik Hakkında Hazırlanıyor...

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:

Üst Menü

Tasarımın üzerindeki yazı:

<link href='http://fonts.googleapis.com/css?family=Dosis:800' rel='stylesheet' type='text/css'>  <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>  <div id="tasarim"> <div id="ust"> <table width="900" height="120" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>                        <td>Buraya Sitenizin Adı / Logosu</td>         </tr>     </tbody> </table> </div><div id="ustmenu"><div id='cssmenu'> <ul>    <li class='active'><a href='index.html' _fcksavedurl='index.html'><span>Ana Sayfa</span></a></li>  <li class='active'><a href='#' _fcksavedurl='#'><span>Iletisim</span></a></li>  <li class='active'><a href='#' _fcksavedurl='#'><span>Yorumlar</span></a></li>  <li class='active'><a href='#' _fcksavedurl='#'><span>Fİlmler</span></a></li>  <li class='active'><a href='#' _fcksavedurl='#'><span>Diziler</span></a></li>  <li class='active'><a href='#' _fcksavedurl='#'><span>Müzikler</span></a></li>  <li class='active'><a href='#' _fcksavedurl='#'><span>Forum</span></a></li>  <li class='active'><a href='#' _fcksavedurl='#'><span>Blog</span></a></li>   <li class='last'><a href='#' _fcksavedurl='#'><span>Üye Ol</span></a></li>      </ul> </div></div>  <table width="900" height="215" border="0" align="center" cellpadding="0" cellspacing="0">     <tbody>         <tr>             <td align="left"><div class="ustfilm"><table width="190" height="209" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td style="text-align: center;" height="175"><a href="#" _fcksavedurl="#"><img src="http://resim.filmifullizle.com/resimler/filmifull-aclikatesi2013tr.jpg" _fcksavedurl="http://resim.filmifullizle.com/resimler/filmifull-aclikatesi2013tr.jpg" width="200" height="175" alt="" /></a></td>         </tr>         <tr>             <td style="text-align: center;"> Filmin Adı Buraya</td>         </tr>     </tbody> </table></div></td>             <td><div class="ustfilm"><table width="190" height="209" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td style="text-align: center;" height="175"><a href="#" _fcksavedurl="#"><img src="http://resim.filmifullizle.com/resimler/filmifull-non-stop.jpg" _fcksavedurl="http://resim.filmifullizle.com/resimler/filmifull-non-stop.jpg" width="200" height="175" alt="" /></a></td>         </tr>         <tr>             <td style="text-align: center;"> Filmin Adı Buraya</td>         </tr>     </tbody> </table></div></td>             <td><div class="ustfilm"><table width="190" height="209" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td style="text-align: center;" height="175"><a href="#" _fcksavedurl="#"><img src="http://resim.filmifullizle.com/resimler/filmifull-robocop2014.jpg" _fcksavedurl="http://resim.filmifullizle.com/resimler/filmifull-robocop2014.jpg" width="200" height="175" alt="" /></a></td>         </tr>         <tr>             <td style="text-align: center;"> Filmin Adı Buraya</td>         </tr>     </tbody> </table></div></td>             <td><div class="ustfilm"><table width="190" height="209" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td style="text-align: center;" height="175"><a href="#" _fcksavedurl="#"><img src="http://resim.filmifullizle.com/resimler/filmifull-frankensteintr.jpg" _fcksavedurl="http://resim.filmifullizle.com/resimler/filmifull-frankensteintr.jpg" width="200" height="175" alt="" /></a></td>         </tr>         <tr>             <td style="text-align: center;"> Filmin Adı Buraya</td>         </tr>     </tbody> </table></div></td>         </tr>     </tbody> </table><div id="ustkate"><table width="900" height="130" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>                    <td><table width="890" height="80" border="0" align="center" cellpadding="2" cellspacing="1">     <tbody>         <tr>             <td><a href="#" _fcksavedurl="#">Aile</a></td>             <td><a href="#" _fcksavedurl="#">Aksiyon</a></td>            <td><a href="#" _fcksavedurl="#">Animasyon</a></td>             <td><a href="#" _fcksavedurl="#">Belgesel</a></td>             <td><a href="#" _fcksavedurl="#">Bilim Kurgu</a></td>             <td><a href="#" _fcksavedurl="#">Dram</a></td>             <td><a href="#" _fcksavedurl="#">Komedi</a></td>                          <td><a href="#" _fcksavedurl="#">Komedi</a></td>          <td><a href="#" _fcksavedurl="#">Aksiyon</a></td>             <td><a href="#" _fcksavedurl="#">Belgesel</a></td>         </tr>         <tr>             <td><a href="#" _fcksavedurl="#">Korku</a></td>             <td><a href="#" _fcksavedurl="#">Gerilim</a></td>             <td><a href="#" _fcksavedurl="#">Macera</a></td>             <td><a href="#" _fcksavedurl="#">Polisiye</a></td>            <td><a href="#" _fcksavedurl="#">Seri Filmler</a></td>             <td><a href="#" _fcksavedurl="#">Romantik</a></td>          <td><a href="#" _fcksavedurl="#">Aksiyon</a></td>          <td><a href="#" _fcksavedurl="#">Fragman</a></td>              <td><a href="#" _fcksavedurl="#">Komedi</a></td>              <td><a href="#" _fcksavedurl="#">Belgesel</a></td>                    </tr>     </tbody> </table></td>         </tr>     </tbody> </table></div> <div id="icerik"><div id="icerik2">

Tasarımın altındaki yazı:

</div> </div>  <div id="alt"><table width="894" height="50" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td>© Siteadı 2014 | TK-Film V1 | Tüm Hakları Saklıdır </td>             <td width="21"><a href="http://tasarimkurdu.tr.gg" _fcksavedurl="http://tasarimkurdu.tr.gg" target="_blank"><div class="tkmini"></div></a></td>         </tr>     </tbody> </table></div>   </div><br /> <center>

CSS kodu:

        /*Belenmedia & Tasarimkurdu */ /*URL: http://www.tasarimkurdu.tr.gg*/   table {margin-left: auto;margin-right: auto}        #webme_footer_textlink_dont_hide {  font-family: 'Oswald', sans-serif;  background:none; color: #949494;  font-size:12px; } textarea{     resize:none }   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:0;  padding:0;  width:100%;  color:#000000;  font:normal 13px/1.4em Arial, Helvetica, sans-serif;  background: url(http://img.webme.com/pic/b/belenmedia/filmv1arkatk.png)no-repeat fixed left bottom;    } html, .main {  padding:0;  margin:0; } .main { } .clr {  clear:both;  padding:0;  margin:0;  width:100%;  font-size:0;  line-height:0; }  h1 {  margin:0;  padding:36px 0 36px 40px;  color:#feffff;  font:bold 40px/1.2em Arial, Helvetica, sans-serif;  letter-spacing:-2px; } h1 a, h1 a:hover {  color:#feffff;  text-decoration:none; } h1 small {  display:block;  padding-left:80px;  font:normal 12px/1.2em Arial, Helvetica, sans-serif;  color:#edf3f6;  letter-spacing:normal; } h2 {  font:normal 24px/1.5em Arial, Helvetica, sans-serif;  padding:8px 0;  margin:8px 0;  color:#323a3f; } p {  margin:8px 0;  padding:0 0 8px 0;  font:normal 12px/1.8em Arial, Helvetica, sans-serif; } p.spec {  text-align:left; } a {  color:#0E16F0;  text-decoration:underline; } a.com { }    #taarim {  margin-left: auto; margin-right: auto; width: 828px; margin-top: -20px; padding-top: 20px; padding-bottom: 20px; padding-left:20px; padding-right: 20px; }  .logo{  border: 0px solid #ffffff; margin-top: 10px; margin-left: ; }    a {    font-size: 13px;    color:#C2241F;    text-decoration: none;     }   a:visited {    font-size: 12px;    text-decoration: none;   }   a:hover {    font-size: 13px;                              color:#000;     }  img{ border: 0px;  } #tasarim{   background:#F2F2F2 url(http://img.webme.com/pic/b/belenleegroup/pattern_38.png); width:900px;  height:auto; margin-left:auto; margin-right:auto; box-shadow: 0 0 4px #333;  }        #webme_sky_ad {            position: absolute;          top: 180px;        }       #ust{margin-top:1px;  width:900px;  height:158px;   background: url(http://img.webme.com/pic/b/belenmedia/fv1ust.png)repeat;  color:#C2241F; font-size:24px; font-family: 'Dosis', sans-serif; text-align:center; margin-left:auto; margin-right:auto; clear:both;   }   .ustfilm{margin-top:20px;  width:205px;  height:210px;   background:  url(http://img.webme.com/pic/b/belenmedia/filmv1menu.jpg)center;  color:#ccc; font-size:17px; font-family: 'Oswald', sans-serif; text-align:center; margin-left:auto; margin-right:auto; box-shadow: 0 2px 5px #000; border-radius:3px; -webkit-transition: all 0.3s ease-in-out 0s;     -moz-transition: all 0.3s ease-in-out 0s;     -o-transition: all 0.3s ease-in-out 0s;     -ms-transition: all 0.3s ease-in-out 0s;  }   .ustfilm:hover{ color:#C2241F; box-shadow: 0 0px 15px #000; -webkit-transition: all 0.3s ease-in-out 0s;     -moz-transition: all 0.3s ease-in-out 0s;     -o-transition: all 0.3s ease-in-out 0s;     -ms-transition: all 0.3s ease-in-out 0s;  }    #ustmenu{margin-top:15px;  width:896px;  height:50px;   background:  url(http://img.webme.com/pic/b/belenmedia/filmv1menu.jpg); color:#888; font-size:18px; font-family: 'Raleway', sans-serif; text-align:center; margin-left:auto; margin-right:auto; clear:both; box-shadow: 0 3px 10px #000; border-radius: 2px;  }     #cssmenu {   border: none;   border: 0px;   margin: 0px;   padding: 0px; font-family: 'Oswald', sans-serif;    font-size: 16px;   font-weight: bold;   width: auto; } #cssmenu ul {   background:none; #333333;   height: 40px;   list-style: none;   margin: 0;   padding: 0; } #cssmenu li {   float: left;   padding: 0px; margin-top: 5px; border-right: 1px dashed #ccc; } #cssmenu li.last {   float: left;   padding: 0px; margin-top: 5px; border-right: 0px dashed #ccc; } #cssmenu li a {   background: none; url('seperator.gif') bottom right no-repeat;   display: block;   font-weight: normal;   line-height: 40px;   margin: 0px;   padding: 0px 23px;   text-align: center;   text-decoration: none; font-size: 18px; -webkit-transition: all 0.3s ease-in-out 0s;     -moz-transition: all 0.3s ease-in-out 0s;     -o-transition: all 0.3s ease-in-out 0s;     -ms-transition: all 0.3s ease-in-out 0s;  } #cssmenu > ul > li > a {   color: #ccc; } #cssmenu ul ul a {   color: #333;  } #cssmenu li > a:hover, #cssmenu ul li:hover > a {   background:none;#971818 url(http://img.webme.com/pic/b/blog-tasarimkurdu/uhmenu1.png) left no-repeat;   color: #C2241F;   text-decoration: none; -webkit-transition: all 0.3s ease-in-out 0s;     -moz-transition: all 0.3s ease-in-out 0s;     -o-transition: all 0.3s ease-in-out 0s;     -ms-transition: all 0.3s ease-in-out 0s; }     #cssmenu li ul {   background: #ECECEC;   display: none;   height: auto;   padding:  2px 5px 5px 2px;   margin-top: 0.5px;     position: absolute;   width: 225px;   z-index: 200;   /*top:1em;  /*left:0;*/ border: 2px solid #7E2F51; font-size: 16px; } #cssmenu li:hover ul {   display: block; } #cssmenu li li {   background: url('sub_sep.gif') bottom left no-repeat;   display: block;   float: none;   margin: 0px;   padding: 0px;   width: 225px; } #cssmenu li:hover li a {   background: none; } #cssmenu li ul a {   display: block;   height: 35px;   font-size: 14px;   font-style: normal;   margin: 0px;   padding: 0px 10px 6px 15px;   text-align: left; } #cssmenu li ul a:hover, #cssmenu li ul li:hover > a {   background: #7E2F51 url(http://img.webme.com/pic/b/blog-tasarimkurdu/uhmenu.png) center left no-repeat;   border: 0px;   color: #ffffff;   text-decoration: none; padding-left:20px;  font-size: 16px; } #cssmenu p {   clear: left; }   #ustkate{margin-top:15px;  width:900px;  height:130px;   background: url(http://img.webme.com/pic/b/belenmedia/filmv1kattk.png)repeat;  color:#888; font-size:18px; font-family: 'Raleway', sans-serif; text-align:center; margin-left:auto; margin-right:auto; clear:both;   }  #ustkate a{ background:#C2241F;  color:#fff; font-size:17px; box-shadow: 0 3px 5px #000; border-radius:3px; line-height:40px; font-family: 'Oswald', sans-serif; padding-top:4px; padding-bottom:4px; padding-left:8px; padding-right:8px; -webkit-transition: all 0.3s ease-in-out 0s;     -moz-transition: all 0.3s ease-in-out 0s;     -o-transition: all 0.3s ease-in-out 0s;     -ms-transition: all 0.3s ease-in-out 0s;  } #ustkate a:hover{ background:#fff;  color:#C2241F;  -webkit-transition: all 0.3s ease-in-out 0s;     -moz-transition: all 0.3s ease-in-out 0s;     -o-transition: all 0.3s ease-in-out 0s;     -ms-transition: all 0.3s ease-in-out 0s;   }       #icerik {margin-top:15px;  width:890px;  height:auto; background:none; url(http://img.webme.com/pic/b/belenmedia/filmicbas.png)repeat-x top;  color:#333333; font-size:13px;     font-family: "Varela Round", sans-serif; margin-left:auto; margin-right:auto; overflow:hidden; border:1px dashed #888; border-radius:3px; }   #icerik2{margin-top:-55px;  width:886px;  height:auto;  color:#333333; background:none; margin-left:auto; margin-right:auto;}   .anafilm{margin-top:20px;  width:270px;  height:177px;   background:  url(http://img.webme.com/pic/b/belenmedia/filmarkatkv1.png)no-repeat center;  color:#ccc; font-size:17px; font-family: 'Oswald', sans-serif; text-align:center; margin-left:10px; margin-bottom:20px; float:left; padding-left:10px; border-radius:3px; -webkit-transition: all 0.3s ease-in-out 0s;     -moz-transition: all 0.3s ease-in-out 0s;     -o-transition: all 0.3s ease-in-out 0s;     -ms-transition: all 0.3s ease-in-out 0s;  }  .anafilm:hover{ color:#C2241F;  -webkit-transition: all 0.3s ease-in-out 0s;     -moz-transition: all 0.3s ease-in-out 0s;     -o-transition: all 0.3s ease-in-out 0s;     -ms-transition: all 0.3s ease-in-out 0s;  }  .anafilm img{  -webkit-transition: all 0.3s ease-in-out 0s;     -moz-transition: all 0.3s ease-in-out 0s;     -o-transition: all 0.3s ease-in-out 0s;     -ms-transition: all 0.3s ease-in-out 0s;  }  .anafilm img:hover{   opacity: 0.4;     filter: alpha(opacity=40);  -webkit-transition: all 0.3s ease-in-out 0s;     -moz-transition: all 0.3s ease-in-out 0s;     -o-transition: all 0.3s ease-in-out 0s;     -ms-transition: all 0.3s ease-in-out 0s;  }    #alt{  width:900px;  height:50px;   background:  url(http://img.webme.com/pic/b/belenmedia/filmv1alt.png);  color:#ACACAC; margin-top:10px; margin-bottom:15px; margin-left:auto; margin-right:auto; font-size:13px;  font-family: 'Oswald', sans-serif; letter-spacing:1px;  }          #alt a{ color:#B6B6B6; font-size:13px;     font-family: 'Oswald', sans-serif; letter-spacing:0px;  }  #alt a:hover{ color:#000; font-size:13px; letter-spacing:0px;       font-family: 'Oswald', sans-serif;   }   .tkmini{  width:21px;  height:16px;  background:   url(http://img.webme.com/pic/b/blog-tasarimkurdu/tkminilogo.png)left;  -webkit-transition: all 0.7s ease-in-out 0s;     -moz-transition: all 0.7s ease-in-out 0s;     -o-transition: all 0.7s ease-in-out 0s;     -ms-transition: all 0.7s ease-in-out 0s; }     .tkmini:hover{  width:120px;  height:16px;  background:   url(http://img.webme.com/pic/b/blog-tasarimkurdu/tkminilogo.png)left;  -webkit-transition: all 0.7s ease-in-out 0s;     -moz-transition: all 0.7s ease-in-out 0s;     -o-transition: all 0.7s ease-in-out 0s;     -ms-transition: all 0.7s ease-in-out 0s; }      ::-moz-selection {     background:#111111;     color:#fff; } ::selection {     background:#111111;     color:#fff; }

Ana sayfaya eklenecek kod:

<div class="anafilm"> <table width="220" height="170" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td style="text-align: center;"><a href="#" _fcksavedurl="#"><img src="http://resim.filmifullizle.com/resimler/filmifull-aclikatesi2013tr.jpg" _fcksavedurl="http://resim.filmifullizle.com/resimler/filmifull-aclikatesi2013tr.jpg" width="220" height="130" alt="" /></a></td>         </tr>         <tr>             <td height="25">Buraya Filmin Adı</td>         </tr>     </tbody> </table> </div> <div class="anafilm"> <table width="220" height="170" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td style="text-align: center;"><a href="#" _fcksavedurl="#"><img src="http://resim.filmifullizle.com/resimler/filmifull-non-stop.jpg" _fcksavedurl="http://resim.filmifullizle.com/resimler/filmifull-non-stop.jpg" width="220" height="130" alt="" /></a></td>         </tr>         <tr>             <td height="25">Buraya Filmin Adı</td>         </tr>     </tbody> </table> </div> <div class="anafilm"> <table width="220" height="170" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td style="text-align: center;"><a href="#" _fcksavedurl="#"><img src="http://resim.filmifullizle.com/resimler/filmifull-robocop2014.jpg" _fcksavedurl="http://resim.filmifullizle.com/resimler/filmifull-robocop2014.jpg" width="220" height="130" alt="" /></a></td>         </tr>         <tr>             <td height="25">Buraya Filmin Adı</td>         </tr>     </tbody> </table> </div> <div class="anafilm"> <table width="220" height="170" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td style="text-align: center;"><a href="#" _fcksavedurl="#"><img src="http://resim.filmifullizle.com/resimler/filmifull-frankensteintr.jpg" _fcksavedurl="http://resim.filmifullizle.com/resimler/filmifull-frankensteintr.jpg" width="220" height="130" alt="" /></a></td>         </tr>         <tr>             <td height="25">Buraya Filmin Adı</td>         </tr>     </tbody> </table> </div> <div class="anafilm"> <table width="220" height="170" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td style="text-align: center;"><a href="#" _fcksavedurl="#"><img src="http://resim.filmifullizle.com/resimler/filmifull-aclikatesi2013tr.jpg" _fcksavedurl="http://resim.filmifullizle.com/resimler/filmifull-aclikatesi2013tr.jpg" width="220" height="130" alt="" /></a></td>         </tr>         <tr>             <td height="25">Buraya Filmin Adı</td>         </tr>     </tbody> </table> </div> <div class="anafilm"> <table width="220" height="170" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td style="text-align: center;"><a href="#" _fcksavedurl="#"><img src="http://resim.filmifullizle.com/resimler/filmifull-aclikatesi2013tr.jpg" _fcksavedurl="http://resim.filmifullizle.com/resimler/filmifull-aclikatesi2013tr.jpg" width="220" height="130" alt="" /></a></td>         </tr>         <tr>             <td height="25">Buraya Filmin Adı</td>         </tr>     </tbody> </table> </div> <div class="anafilm"> <table width="220" height="170" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td style="text-align: center;"><a href="#" _fcksavedurl="#"><img src="http://resim.filmifullizle.com/resimler/filmifull-aclikatesi2013tr.jpg" _fcksavedurl="http://resim.filmifullizle.com/resimler/filmifull-aclikatesi2013tr.jpg" width="220" height="130" alt="" /></a></td>         </tr>         <tr>             <td height="25">Buraya Filmin Adı</td>         </tr>     </tbody> </table> </div> <div class="anafilm"> <table width="220" height="170" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td style="text-align: center;"><a href="#" _fcksavedurl="#"><img src="http://resim.filmifullizle.com/resimler/filmifull-non-stop.jpg" _fcksavedurl="http://resim.filmifullizle.com/resimler/filmifull-non-stop.jpg" width="220" height="130" alt="" /></a></td>         </tr>         <tr>             <td height="25">Buraya Filmin Adı</td>         </tr>     </tbody> </table> </div> <div class="anafilm"> <table width="220" height="170" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td style="text-align: center;"><a href="#" _fcksavedurl="#"><img src="http://resim.filmifullizle.com/resimler/filmifull-robocop2014.jpg" _fcksavedurl="http://resim.filmifullizle.com/resimler/filmifull-robocop2014.jpg" width="220" height="130" alt="" /></a></td>         </tr>         <tr>             <td height="25">Buraya Filmin Adı</td>         </tr>     </tbody> </table> </div>

Tk-Ticaret V1

İçerik Hakkında Hazırlanıyor...

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:

Slider
Üst Menü

Tasarımın üzerindeki yazı:

<link href='http://fonts.googleapis.com/css?family=Dosis:800' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>  <div id="ust"><table width="900" height="110" border="0" align="center" cellpadding="0" cellspacing="0">    <tbody>        <tr>            <td width="99"><div class="ustlogo"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/ulogosimge.png" width="95" height="95" alt="" /></div></td>            <td width="150" style="text-align: left;"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/umlogo.png" width="144" height="80" alt="" /></td>            <td><div class="ustack"><table width="130" height="94" border="0" align="right" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td style="text-align: center;" height="75"><a href="#"><img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/ev-sinema-sistemi-5-183x121.jpg" width="106" height="70" alt="" /></a></td>        </tr>        <tr>            <td style="text-align: center;"> <a href="#">Ürünün Adı Buraya</a></td>        </tr>    </tbody></table></div><div class="ustack"><table width="130" height="94" border="0" align="right" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td style="text-align: center;" height="75"><a href="#"><img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/philips-kulakl%C4%B1k-2-183x121.jpg" width="106" height="70" alt="" /></a></td>        </tr>        <tr>            <td style="text-align: center;"> <a href="#">Ürünün Adı Buraya</a></td>        </tr>    </tbody></table></div><div class="ustack"><table width="130" height="94" border="0" align="right" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td style="text-align: center;" height="75"><a href="#"><img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/anakart-1-183x121.jpg" width="106" height="70" alt="" /></a></td>        </tr>        <tr>            <td style="text-align: center;"> <a href="#">Ürünün Adı Buraya</a></td>        </tr>    </tbody></table></div><div class="ustack"><table width="130" height="94" border="0" align="right" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td style="text-align: center;" height="75"><a href="#"><img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/cd-183x121.jpg" width="106" height="70" alt="" /></a></td>        </tr>        <tr>            <td style="text-align: center;"> <a href="#">Ürünün Adı Buraya</a></td>        </tr>    </tbody></table></div></td>        </tr>    </tbody></table></div><div id="ustmenu"><table width="900" height="54" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td width="50" align="center"><a href="#"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/home.png" alt="" /></a></td>            <td><div id='cssmenu'><ul>     <li class='last'><a href='#'><span>Bize Ulasin</span></a></li>   <li class='has-sub'><a href='#'><span>Kategoriler</span></a>      <ul>         <li><a href='#'><span>kategori1</span></a></li>         <li><a href='#'><span>kategori2</span></a></li>         <li class='last'><a href='#'><span>kategori3</span></a></li>      </ul>   </li>   <li class='has-sub'><a href='#'><span>Ürünler</span></a>      <ul>         <li><a href='#'><span>Ürün Adı</span></a></li>  <li><a href='#'><span>Ürün Adı2</span></a></li>  <li><a href='#'><span>Ürün Adı3</span></a></li>  <li><a href='#'><span>Ürün Adı4</span></a></li>         <li class='last'><a href='#'><span>Ürün Adı5</span></a></li>      </ul>   </li>   <li class='last'><a href='#'><span>Haberler</span></a></li>   <li class='last'><a href='#'><span>Hakkımızda</span></a></li>   <li class='last'><a href='#'><span>Hizmetlerimiz</span></a></li>  <li class='last'><a href='#'><span>Markalar</span></a></li>  <li class='last'><a href='#'><span>Yardım</span></a></li>    </ul></div></td>        </tr>    </tbody></table></div><div id="slider">   <style type="text/css">@import url(http://fonts.googleapis.com/css?family=Varela+Round);   .slides {     padding: 0;     width: 879px;     height: 256px;     display: block;     margin: 0 auto;     position: relative; }   .slides * {     user-select: none;     -ms-user-select: none;     -moz-user-select: none;     -khtml-user-select: none;     -webkit-user-select: none;     -webkit-touch-callout: none; }   .slides input { display: none; }   .slide-container { display: block; }   .slide {     top: 0;     opacity: 0;     width: 879px;     height: 256px;     display: block;     position: absolute;       transform: scale(0);       transition: all .7s ease-in-out; }   .slide img {     width: 100%;     height: 100%; }   .nav label {     width: 100px;     height: 255px;     display: none;     position: absolute;         opacity: 0;     z-index: 9;     cursor: pointer;       transition: opacity .2s;       color: #FFF;     font-size: 156pt;     text-align: center;     line-height: 220px;     font-family: "Varela Round", sans-serif;     background-color: rgba(255, 255, 255, .3);     text-shadow: 0px 0px 15px rgb(119, 119, 119); }   .slide:hover + .nav label { opacity: 0.5; }   .nav label:hover { opacity: 1; }   .nav .next { right: 0; }   input:checked + .slide-container  .slide {     opacity: 1;       transform: scale(1);       transition: opacity 1s ease-in-out; }   input:checked + .slide-container .nav label { display: block; }   .nav-dots {     width: 100%;     bottom: 9px;     height: 11px;     display: block;     position: absolute;     text-align: center; }   .nav-dots .nav-dot {     top: -5px;     width: 11px;     height: 11px;     margin: 0 4px;     position: relative;     border-radius: 100%;     display: inline-block;     background-color: rgba(0, 0, 0, 0.6); }   .nav-dots .nav-dot:hover {     cursor: pointer;     background-color: rgba(0, 0, 0, 0.8); }   input#img-1:checked ~ .nav-dots label#img-dot-1, input#img-2:checked ~ .nav-dots label#img-dot-2, input#img-3:checked ~ .nav-dots label#img-dot-3, input#img-4:checked ~ .nav-dots label#img-dot-4, input#img-5:checked ~ .nav-dots label#img-dot-5, input#img-6:checked ~ .nav-dots label#img-dot-6 {     background: rgba(0, 0, 0, 0.8); }</body></html></style>  <ul class="slides">  <input type="radio" name="radio-btn" id="img-1" checked /><li class="slide-container"><div class="slide"><a href='#'><img src="http://demo.trendwp.com/trendshopping2/wp-content/uploads/2014/03/6-588x248.jpg" /></a></div><div class="nav"><label for="img-6" class="prev">‹</label><label for="img-2" class="next">›</label></div></li>  <input type="radio" name="radio-btn" id="img-2" /><li class="slide-container"><div class="slide"><a href='#'><img src="http://demo.trendwp.com/trendshopping2/wp-content/uploads/2014/03/3-588x248.jpg" /></a></div><div class="nav"><label for="img-1" class="prev">‹</label><label for="img-3" class="next">›</label></div></li>  <input type="radio" name="radio-btn" id="img-3" /><li class="slide-container"><div class="slide"><a href='#'><img src="http://www.tanirmedya.com/images/eticaret-webtasarim-banner.png" /></a></div><div class="nav"><label for="img-2" class="prev">‹</label><label for="img-4" class="next">›</label></div></li>  <input type="radio" name="radio-btn" id="img-4" /><li class="slide-container"><div class="slide"><a href='#'><img src="http://www.kuyumcucadiri.com/uploaded/Banner-2-png.png" /></a></div><div class="nav"><label for="img-3" class="prev">‹</label><label for="img-5" class="next">›</label></div></li>  <input type="radio" name="radio-btn" id="img-5" /><li class="slide-container"><div class="slide"><a href='#'><img src="http://www.polenmedya.com/wp-content/uploads/haz%C4%B1r-e-ticaret.jpg" /></a></div><div class="nav"><label for="img-4" class="prev">‹</label><label for="img-6" class="next">›</label></div></li>  <input type="radio" name="radio-btn" id="img-6" /><li class="slide-container"><div class="slide"><a href='#'><img src="http://www.satgem.com/userfiles/solutions/e-ticaret-cozumleri_buyuk_7_1.jpg" /></a></div><div class="nav"><label for="img-5" class="prev">‹</label><label for="img-7" class="next">›</label></div></li>  <li class="nav-dots"><label for="img-1" class="nav-dot" id="img-dot-1"></label><label for="img-2" class="nav-dot" id="img-dot-2"></label><label for="img-3" class="nav-dot" id="img-dot-3"></label><label for="img-4" class="nav-dot" id="img-dot-4"></label><label for="img-5" class="nav-dot" id="img-dot-5"></label><label for="img-6" class="nav-dot" id="img-dot-6"></label></li></ul> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>   </div><div id="icerik"><div id="icerik2">

Tasarımın altındaki yazı:

 </div></div><div id="alt"><table width="869" height="140" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td width="150"> ⇒<a href="#">Hakkımızda </a><br />             ⇒<a href="#">Teslimat Sartları</a><br />             ⇒<a href="#">Gizlilik Sartları</a><br />             ⇒<a href="#">Kullanım Sartları</a></td>            <td width="140"> ⇒<a href="#">Markalar </a><br />             ⇒<a href="#">Hediye Çeki</a><br />             ⇒<a href="#">Kampanyalar</a><br />             ⇒<a href="#">Mail Aboneliği</a></td>            <td width="200"><table width="170" height="110" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td style="text-align: center;"><a href="#"><img src="http://img.webme.com/pic/t/tasarimkurdu/facebook2.png" alt="" /></a></td>            <td style="text-align: center;"> <a href="#"><img src="http://img.webme.com/pic/t/tasarimkurdu/twitter2.png" alt="" /></a></td>            <td style="text-align: center;"> <a href="#"><img src="http://img.webme.com/pic/t/tasarimkurdu/gplus.png" alt="" /></a></td>        </tr>        <tr>            <td style="text-align: center;"> <a href="#"><img src="http://img.webme.com/pic/t/tasarimkurdu/linkedin.png" alt="" /></a></td>            <td style="text-align: center;"> <a href="#"><img src="http://img.webme.com/pic/t/tasarimkurdu/email.png" alt="" /></a></td>            <td style="text-align: center;"> <a href="#"><img src="http://img.webme.com/pic/t/tasarimkurdu/rss2.png" alt="" /></a></td>        </tr>    </tbody></table></td>            <td><table width="355" height="90" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td align="center">Copyright © 2014 UmutcanHediyelik  <br>Tüm Hakları Saklıdır | Bedava-Sitem<br> Tema: Tasarimkurdu | TK-Ticaret V1</td>            <td align="right"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/umlogo.png" width="150" height="83" alt="" /></td>        </tr>    </tbody></table></td>        </tr>    </tbody></table></div><br /><br /> <center>

CSS kodu:

        /*Belenmedia & Tasarimkurdu */ /*URL: http://www.tasarimkurdu.tr.gg*/   table {margin-left: auto;margin-right: auto}       #webme_sky_ad {                   position:absolute; top:30px;                   }   #webme_footer_textlink_dont_hide {  font-family: 'Raleway', sans-serif;  background:none; color: #949494;  font-size:12px; } textarea{     resize:none }   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:0;  padding:0;  width:100%;  color:#000000;  font:normal 13px/1.4em Arial, Helvetica, sans-serif;  background:#F2F2F2 url(http://demo2.woothemes.com/artificer/wp-content/themes/artificer/images/body.png); } html, .main {  padding:0;  margin:0; } .main { } .clr {  clear:both;  padding:0;  margin:0;  width:100%;  font-size:0;  line-height:0; }  h1 {  margin:0;  padding:36px 0 36px 40px;  color:#feffff;  font:bold 40px/1.2em Arial, Helvetica, sans-serif;  letter-spacing:-2px; } h1 a, h1 a:hover {  color:#feffff;  text-decoration:none; } h1 small {  display:block;  padding-left:80px;  font:normal 12px/1.2em Arial, Helvetica, sans-serif;  color:#edf3f6;  letter-spacing:normal; } h2 {  font:normal 24px/1.5em Arial, Helvetica, sans-serif;  padding:8px 0;  margin:8px 0;  color:#323a3f; } p {  margin:8px 0;  padding:0 0 8px 0;  font:normal 12px/1.8em Arial, Helvetica, sans-serif; } p.spec {  text-align:left; } a {  color:#0E16F0;  text-decoration:underline; } a.com { }    #taarim {  margin-left: auto; margin-right: auto; width: 828px; margin-top: -20px; padding-top: 20px; padding-bottom: 20px; padding-left:20px; padding-right: 20px; }  .logo{  border: 0px solid #ffffff; margin-top: 10px; margin-left: ; }    a {    font-size: 13px;    color:#009cff;    text-decoration: none;     }   a:visited {    font-size: 12px;    text-decoration: none;   }   a:hover {    font-size: 13px;                              color:#39DB47;     }  img{ border: 0px;  } #enust{margin-top:-2px;  width:789px;  height:29px; border-radius:5px 5px 0 0; background:  #E7F9FF url(http://img.webme.com/pic/b/belenlee-tr/blogv3ustmn.png)repeat left;  color:white; font-size:12px; font-family:verdana;  margin-left:auto; margin-right:auto; box-shadow:0 0 5px #5A5A5A;  }               #ust{margin-top:1px;  width:900px;  height:111px;   background:  none;#F3F3F3; url(http://img.webme.com/pic/t/tasarimkurdu/renklimnu1.png)repeat;  color:#888; font-size:18px; font-family: 'Raleway', sans-serif; text-align:center; margin-left:auto; margin-right:auto; clear:both;   }  .ustlogo{     -webkit-transition: all 1.1s ease-in-out 0s;     -moz-transition: all 1.1s ease-in-out 0s;     -o-transition: all 1.1s ease-in-out 0s;     -ms-transition: all 1.1s ease-in-out 0s;    }   .ustlogo:hover{   transform:rotate(360deg); -ms-transform:rotate(360deg); /* IE 9 */ -webkit-transform:rotate(360deg); /* Opera, Chrome, and Safari */ -webkit-transition: all 1.1s ease-in-out 0s;     -moz-transition: all 1.1s ease-in-out 0s;     -o-transition: all 1.1s ease-in-out 0s;     -ms-transition: all 1.1s ease-in-out 0s;   }   #ustmenu{margin-top:5px;  width:901px;  height:54px;   background:  url(http://img.webme.com/pic/b/blog-tasarimkurdu/ticaretmnu.png)repeat;  color:#888; font-size:18px; font-family: 'Raleway', sans-serif; text-align:center; margin-left:auto; margin-right:auto; clear:both; box-shadow: 0 2px 10px #C5C5C5;  } #ustmenu img{    border-radius:2px; -webkit-transition: all 0.4s ease-in-out 0s;     -moz-transition: all 0.4s ease-in-out 0s;     -o-transition: all 0.4s ease-in-out 0s;     -ms-transition: all 0.4s ease-in-out 0s;    }   #ustmenu img:hover{    -moz-transform: scale(1.2);     -ms-transform: scale(1.2);     -o-transform: scale(1.2);     -webkit-transform: scale(1.2);     transform: scale(1.2); -webkit-transition: all 0.4s ease-in-out 0s;     -moz-transition: all 0.4s ease-in-out 0s;     -o-transition: all 0.4s ease-in-out 0s;     -ms-transition: all 0.4s ease-in-out 0s;    }   #cssmenu {   border: none;   border: 0px;   margin: 0px;   padding: 0px; font-family: 'Oswald', sans-serif;    font-size: 16px;   font-weight: bold;   width: auto; } #cssmenu ul {   background: none;#333333;   height: 35px;   list-style: none;   margin: 0;   padding: 0; } #cssmenu li {   float: left;   padding: 0px; border-left: 1px dashed #ccc; } #cssmenu li a {   background: none; url('seperator.gif') bottom right no-repeat;   display: block;   font-weight: normal;   line-height: 40px;   margin: 0px;   padding: 0px 17px;   text-align: center;   text-decoration: none; font-size: 16px; -webkit-transition: all 0.3s ease-in-out 0s;     -moz-transition: all 0.3s ease-in-out 0s;     -o-transition: all 0.3s ease-in-out 0s;     -ms-transition: all 0.3s ease-in-out 0s;  } #cssmenu > ul > li > a {   color: #888; } #cssmenu ul ul a {   color: #333;  } #cssmenu li > a:hover, #cssmenu ul li:hover > a {   background: #7E2F51 url(http://img.webme.com/pic/b/blog-tasarimkurdu/uhmenu1.png) left no-repeat;   color: #FFFFFF;   text-decoration: none; -webkit-transition: all 0.3s ease-in-out 0s;     -moz-transition: all 0.3s ease-in-out 0s;     -o-transition: all 0.3s ease-in-out 0s;     -ms-transition: all 0.3s ease-in-out 0s; }     #cssmenu li ul {   background: #ECECEC;   display: none;   height: auto;   padding:  2px 5px 5px 2px;   margin-top: 0.5px;     position: absolute;   width: 225px;   z-index: 200;   /*top:1em;  /*left:0;*/ border: 2px solid #7E2F51; font-size: 16px; } #cssmenu li:hover ul {   display: block; } #cssmenu li li {   background: url('sub_sep.gif') bottom left no-repeat;   display: block;   float: none;   margin: 0px;   padding: 0px;   width: 225px; } #cssmenu li:hover li a {   background: none; } #cssmenu li ul a {   display: block;   height: 35px;   font-size: 14px;   font-style: normal;   margin: 0px;   padding: 0px 10px 6px 15px;   text-align: left; } #cssmenu li ul a:hover, #cssmenu li ul li:hover > a {   background: #7E2F51 url(http://img.webme.com/pic/b/blog-tasarimkurdu/uhmenu.png) center left no-repeat;   border: 0px;   color: #ffffff;   text-decoration: none; padding-left:20px;  font-size: 16px; } #cssmenu p {   clear: left; }   #slider{margin-top:9px;  width:899px;  height:287px;   background:  url(http://img.webme.com/pic/b/blog-tasarimkurdu/slideumh.png)no-repeat top left;  color:#888; font-size:18px; font-family: 'Raleway', sans-serif; text-align:center; margin-left:auto; margin-right:auto; clear:both; padding-top:11px;  }   #yanmenu { width:250px; height:auto; background: none; url(http://img.webme.com/pic/b/blog-tasarimkurdu/yanmnu.png)no-repeat top left;   margin-top:5px;   color: #949494; font-size:13px;     font-family: "Varela Round", sans-serif; margin-right:4px; padding-right:2px; padding-left:2px; margin-bottom:20px;  float:right;  }    .yanmenu1 { width:247px; height:407px; background: url(http://img.webme.com/pic/b/blog-tasarimkurdu/menuyan.png)no-repeat top left;  margin-top:5px;   color: #949494; font-size:13px;     font-family: "Varela Round", sans-serif; margin-right:auto; margin-left:auto; margin-bottom:0px;  }    .yanmenu2 { width:240px; height:auto; background:black;  url(http://img.webme.com/pic/b/blog-tasarimkurdu/yanmnu.png)no-repeat top left;  margin-top:5px;   color: #949494; font-size:13px;     font-family: "Varela Round", sans-serif; margin-right:auto; margin-left:auto; margin-bottom:0px; }  #icerik2 {margin-top:-35px;  width:900px;  height:auto;  color:#333333; font-size:13px;     font-family: "Varela Round", sans-serif; margin-left:auto; margin-right:auto; background:none; float:left; }    #icerik {margin-top:-2px;  width:898px;  height:auto; background: url(http://img.webme.com/pic/b/blog-tasarimkurdu/uhic.png)repeat top left;  color:#333333; font-size:13px;     font-family: "Varela Round", sans-serif; margin-left:auto; margin-right:auto; overflow: hidden; border-top: 2px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }    .ustack{  width:150.5px;  height:98px; background: #ffffff   url(http://img.webme.com/pic/b/blog-tasarimkurdu/ind.png)no-repeat top left;  background-position: 4% 0%;  color:#000; font-size:12px; font-family:arial; margin-left:10px; border:1px solid #C5C5C5; border-radius:3px; float:left; -webkit-transition: all 0.4s ease-in-out 0s;     -moz-transition: all 0.4s ease-in-out 0s;     -o-transition: all 0.4s ease-in-out 0s;     -ms-transition: all 0.4s ease-in-out 0s; text-align:center;  line-height: 12px; box-shadow: 0 3px 5px #AFAFAF;   }       .ustack:hover{  box-shadow: 0 0 10px #AFAFAF; }  .ustack img{  -webkit-transition: all 0.4s ease-in-out 0s;     -moz-transition: all 0.4s ease-in-out 0s;     -o-transition: all 0.4s ease-in-out 0s;     -ms-transition: all 0.4s ease-in-out 0s; transform:rotate(5deg); -ms-transform:rotate(5deg); /* IE 9 */ -webkit-transform:rotate(5deg); /* Opera, Chrome, and Safari */  }   .ustack img:hover{   -webkit-transition: all 0.4s ease-in-out 0s;     -moz-transition: all 0.4s ease-in-out 0s;     -o-transition: all 0.4s ease-in-out 0s;     -ms-transition: all 0.4s ease-in-out 0s; -moz-transform: scale(1.1);     -ms-transform: scale(1.1);     -o-transform: scale(1.1);     -webkit-transform: scale(1.1);     transform: scale(1.1.5);   }     .ustack a{  color:#7E2F51; font-size:12px; font-family: 'Oswald', sans-serif; }     .ustack a:hover{  color:#888; font-size:12px; font-family: 'Oswald', sans-serif; }   .konu{  width:191px;  height:228px; border:1px solid #C5C5C5; border-radius:3px; background:#fff;   margin-left:25px;  margin-bottom:30px; float:left; -webkit-transition: all 0.4s ease-in-out 0s;     -moz-transition: all 0.4s ease-in-out 0s;     -o-transition: all 0.4s ease-in-out 0s;     -ms-transition: all 0.4s ease-in-out 0s; text-align:center;  line-height: 12px; box-shadow:0 3px 5px #C5C5C5; font-family: 'Oswald', sans-serif; font-size:19px;   }        .konu:hover{   -webkit-transition: all 0.4s ease-in-out 0s;     -moz-transition: all 0.4s ease-in-out 0s;     -o-transition: all 0.4s ease-in-out 0s;     -ms-transition: all 0.4s ease-in-out 0s; box-shadow:0 2px 15px #333;  }       #alt{  width:899px;  height:150px;   background:  url(http://img.webme.com/pic/b/blog-tasarimkurdu/uhalt.png)bottom left;  color:#ACACAC; margin-top:8px; margin-bottom:15px; margin-left:auto; margin-right:auto; font-size:11px;  font-family: 'Oswald', sans-serif; line-height:24px; text-align: justify; letter-spacing:0.5px;  }     #alt:hover{   transform:rotate(0deg); -ms-transform:rotate(0deg); /* IE 9 */ -webkit-transform:rotate(0deg); /* Opera, Chrome, and Safari */ color:#888; }       #alt2{  width:780px;  height:37px; border-radius:0 0 3px 3px; background: #ffffff;   url(http://img.webme.com/pic/b/blog-tasarimkurdu/uhalt.png);  color:#1594DD; margin-top:0px; margin-left:auto; margin-right:auto; font-size:13px;   font-family: 'Dosis', sans-serif;  box-shadow:0 2px 5px #87B4D1; border-bottom: 2px solid #1b9bff; border-left: 2px solid #1b9bff;   border-right: 2px solid #1b9bff;  }  #alt a{ color:#B6B6B6; font-size:13px;     font-family: 'Oswald', sans-serif; letter-spacing:0px;  }  #alt a:hover{ color:#000; font-size:13px; letter-spacing:0px;       font-family: 'Oswald', sans-serif;   }   #alt2 a{ color:#2384AA; font-size:13px;     font-family: 'Dosis', sans-serif;    }  #alt2 a:hover{ color:#000000; font-size:13px; text-shadow: 3px 0 15px #fff;   font-family: 'Dosis', sans-serif;   }  .tkmini{  width:21px;  height:16px;  background:   url(http://img.webme.com/pic/b/blog-tasarimkurdu/tkminilogo.png)left;  -webkit-transition: all 0.7s ease-in-out 0s;     -moz-transition: all 0.7s ease-in-out 0s;     -o-transition: all 0.7s ease-in-out 0s;     -ms-transition: all 0.7s ease-in-out 0s; }     .tkmini:hover{  width:120px;  height:16px;  background:   url(http://img.webme.com/pic/b/blog-tasarimkurdu/tkminilogo.png)left;  -webkit-transition: all 0.7s ease-in-out 0s;     -moz-transition: all 0.7s ease-in-out 0s;     -o-transition: all 0.7s ease-in-out 0s;     -ms-transition: all 0.7s ease-in-out 0s; }      ::-moz-selection {     background:#111111;     color:#fff; } ::selection {     background:#111111;     color:#fff; }    .konublog{  width:640px;  height:181px; border-radius:0px; background:none;   url(http://img.webme.com/pic/b/blog-tasarimkurdu/wall.png)repeat-x top;  border-top: 1px dashed #888; border-bottom: 1px dashed #888; color:#C0C0C0; font-size:11px; font-family:arial; margin-bottom:30px; margin-left:auto; margin-right:auto; -webkit-transition: all 0.4s ease-in-out 0s;     -moz-transition: all 0.4s ease-in-out 0s;     -o-transition: all 0.4s ease-in-out 0s;     -ms-transition: all 0.4s ease-in-out 0s; text-align:center;  line-height: 12px; text-align:justify;    }      .konublog img{   width:160px;  height:160px;  border-left: 1px dashed #888; border-right: 1px dashed #888; padding-right:2px; padding-left:2px;   }       .konublog a {   color:#C0C0C0; font-size:11px; font-family:arial;   }     .konublog a:hover{  color:#333; font-size:11px; font-family:arial;   }      hb{   width:160px;  height:1px;  border-top: 1px dashed #888;   }

Ana sayfaya eklenecek kod:

  <style type="text/css"> .lightbox {      display: none;      position: fixed;   z-index: 9999;   width: 100%;   height: 100%;   text-align: center;   top: 0;   left: 0;   background: black;   background: rgba(0,0,0,0.8); }  .lightbox img {     max-width: 90%;   max-height: 80%;   margin-top: 2%; border: 5px solid #fff; }   .lightbox:target {     display: block; -webkit-transition: all 0.4s ease-in-out 0s;     -moz-transition: all 0.4s ease-in-out 0s;     -o-transition: all 0.4s ease-in-out 0s;     -ms-transition: all 0.4s ease-in-out 0s;    outline: none; }     </style><div class="konu"><table width="189" height="228" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td colspan="3" height="25" style="text-align: center;"> <span style="font-size: medium;">Ürünün Adı Buraya</span></td>        </tr>        <tr>            <td colspan="3" height="150" style="text-align: left;"><a href="#img1">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/m%C3%BCzik-sistemi-2-183x121.jpg" width="183" height="142" alt="" /> </a>  <a href="#_" class="lightbox" id="img1">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/m%C3%BCzik-sistemi-2-183x121.jpg" alt="" /> </a></td>        </tr>        <tr>            <td style="text-align: center;">12.<span style="font-size: medium;">55</span></td>            <td style="text-align: left;" width="40"><img src="http://img.webme.com/pic/t/temadeneme93/tl-simge.png" width="25" height="30" alt="" /></td>            <td style="text-align: right;" width="89"><a href="#"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/urungt.png" alt="" /></a></td>        </tr>    </tbody></table></div><div class="konu"><table width="189" height="228" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td colspan="3" height="25" style="text-align: center;"> <span style="font-size: medium;">Ürünün Adı Buraya</span></td>        </tr>        <tr>            <td colspan="3" height="150" style="text-align: left;"><a href="#img2">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/Bilgisayar_3088654-183x121.jpg" alt="" /> </a>  <a href="#_" class="lightbox" id="img2">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/Bilgisayar_3088654-183x121.jpg" alt="" /> </a></td>        </tr>        <tr>            <td style="text-align: center;">12.<span style="font-size: medium;">55</span></td>            <td style="text-align: left;" width="40"><img src="http://img.webme.com/pic/t/temadeneme93/tl-simge.png" width="25" height="30" alt="" /></td>            <td style="text-align: right;" width="89"><a href="#"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/urungt.png" alt="" /></a></td>        </tr>    </tbody></table></div><div class="konu"><table width="189" height="228" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td colspan="3" height="25" style="text-align: center;"> <span style="font-size: medium;">Ürünün Adı Buraya</span></td>        </tr>        <tr>            <td colspan="3" height="150" style="text-align: left;"><a href="#img3">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/vestel-televizyon-5-183x121.jpg" alt="" /> </a>  <a href="#_" class="lightbox" id="img3">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/vestel-televizyon-5-183x121.jpg" alt="" /> </a></td>        </tr>        <tr>            <td style="text-align: center;">12.<span style="font-size: medium;">55</span></td>            <td style="text-align: left;" width="40"><img src="http://img.webme.com/pic/t/temadeneme93/tl-simge.png" width="25" height="30" alt="" /></td>            <td style="text-align: right;" width="89"><a href="#"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/urungt.png" alt="" /></a></td>        </tr>    </tbody></table></div><div class="konu"><table width="189" height="228" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td colspan="3" height="25" style="text-align: center;"> <span style="font-size: medium;">Ürünün Adı Buraya</span></td>        </tr>        <tr>            <td colspan="3" height="150" style="text-align: left;"><a href="#img4">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2013/12/fakir-183x121.jpg" alt="" /> </a>  <a href="#_" class="lightbox" id="img4">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2013/12/fakir-183x121.jpg" alt="" /> </a></td>        </tr>        <tr>            <td style="text-align: center;">12.<span style="font-size: medium;">55</span></td>            <td style="text-align: left;" width="40"><img src="http://img.webme.com/pic/t/temadeneme93/tl-simge.png" width="25" height="30" alt="" /></td>            <td style="text-align: right;" width="89"><a href="#"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/urungt.png" alt="" /></a></td>        </tr>    </tbody></table></div><div class="konu"><table width="189" height="228" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td colspan="3" height="25" style="text-align: center;"> <span style="font-size: medium;">Ürünün Adı Buraya</span></td>        </tr>        <tr>            <td colspan="3" height="150" style="text-align: left;"><a href="#img1">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/m%C3%BCzik-sistemi-2-183x121.jpg" width="183" height="142" alt="" /> </a>  <a href="#_" class="lightbox" id="img1">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/m%C3%BCzik-sistemi-2-183x121.jpg" alt="" /> </a></td>        </tr>        <tr>            <td style="text-align: center;">12.<span style="font-size: medium;">55</span></td>            <td style="text-align: left;" width="40"><img src="http://img.webme.com/pic/t/temadeneme93/tl-simge.png" width="25" height="30" alt="" /></td>            <td style="text-align: right;" width="89"><a href="#"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/urungt.png" alt="" /></a></td>        </tr>    </tbody></table></div><div class="konu"><table width="189" height="228" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td colspan="3" height="25" style="text-align: center;"> <span style="font-size: medium;">Ürünün Adı Buraya</span></td>        </tr>        <tr>            <td colspan="3" height="150" style="text-align: left;"><a href="#img2">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/Bilgisayar_3088654-183x121.jpg" alt="" /> </a>  <a href="#_" class="lightbox" id="img2">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/Bilgisayar_3088654-183x121.jpg" alt="" /> </a></td>        </tr>        <tr>            <td style="text-align: center;">12.<span style="font-size: medium;">55</span></td>            <td style="text-align: left;" width="40"><img src="http://img.webme.com/pic/t/temadeneme93/tl-simge.png" width="25" height="30" alt="" /></td>            <td style="text-align: right;" width="89"><a href="#"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/urungt.png" alt="" /></a></td>        </tr>    </tbody></table></div><div class="konu"><table width="189" height="228" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td colspan="3" height="25" style="text-align: center;"> <span style="font-size: medium;">Ürünün Adı Buraya</span></td>        </tr>        <tr>            <td colspan="3" height="150" style="text-align: left;"><a href="#img3">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/vestel-televizyon-5-183x121.jpg" alt="" /> </a>  <a href="#_" class="lightbox" id="img3">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/vestel-televizyon-5-183x121.jpg" alt="" /> </a></td>        </tr>        <tr>            <td style="text-align: center;">12.<span style="font-size: medium;">55</span></td>            <td style="text-align: left;" width="40"><img src="http://img.webme.com/pic/t/temadeneme93/tl-simge.png" width="25" height="30" alt="" /></td>            <td style="text-align: right;" width="89"><a href="#"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/urungt.png" alt="" /></a></td>        </tr>    </tbody></table></div><div class="konu"><table width="189" height="228" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td colspan="3" height="25" style="text-align: center;"> <span style="font-size: medium;">Ürünün Adı Buraya</span></td>        </tr>        <tr>            <td colspan="3" height="150" style="text-align: left;"><a href="#img4">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2013/12/fakir-183x121.jpg" alt="" /> </a>  <a href="#_" class="lightbox" id="img4">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2013/12/fakir-183x121.jpg" alt="" /> </a></td>        </tr>        <tr>            <td style="text-align: center;">12.<span style="font-size: medium;">55</span></td>            <td style="text-align: left;" width="40"><img src="http://img.webme.com/pic/t/temadeneme93/tl-simge.png" width="25" height="30" alt="" /></td>            <td style="text-align: right;" width="89"><a href="#"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/urungt.png" alt="" /></a></td>        </tr>    </tbody></table></div><div class="konu"><table width="189" height="228" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td colspan="3" height="25" style="text-align: center;"> <span style="font-size: medium;">Ürünün Adı Buraya</span></td>        </tr>        <tr>            <td colspan="3" height="150" style="text-align: left;"><a href="#img1">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/m%C3%BCzik-sistemi-2-183x121.jpg" width="183" height="142" alt="" /> </a>  <a href="#_" class="lightbox" id="img1">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/m%C3%BCzik-sistemi-2-183x121.jpg" alt="" /> </a></td>        </tr>        <tr>            <td style="text-align: center;">12.<span style="font-size: medium;">55</span></td>            <td style="text-align: left;" width="40"><img src="http://img.webme.com/pic/t/temadeneme93/tl-simge.png" width="25" height="30" alt="" /></td>            <td style="text-align: right;" width="89"><a href="#"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/urungt.png" alt="" /></a></td>        </tr>    </tbody></table></div><div class="konu"><table width="189" height="228" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td colspan="3" height="25" style="text-align: center;"> <span style="font-size: medium;">Ürünün Adı Buraya</span></td>        </tr>        <tr>            <td colspan="3" height="150" style="text-align: left;"><a href="#img2">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/Bilgisayar_3088654-183x121.jpg" alt="" /> </a>  <a href="#_" class="lightbox" id="img2">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/Bilgisayar_3088654-183x121.jpg" alt="" /> </a></td>        </tr>        <tr>            <td style="text-align: center;">12.<span style="font-size: medium;">55</span></td>            <td style="text-align: left;" width="40"><img src="http://img.webme.com/pic/t/temadeneme93/tl-simge.png" width="25" height="30" alt="" /></td>            <td style="text-align: right;" width="89"><a href="#"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/urungt.png" alt="" /></a></td>        </tr>    </tbody></table></div><div class="konu"><table width="189" height="228" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td colspan="3" height="25" style="text-align: center;"> <span style="font-size: medium;">Ürünün Adı Buraya</span></td>        </tr>        <tr>            <td colspan="3" height="150" style="text-align: left;"><a href="#img3">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/vestel-televizyon-5-183x121.jpg" alt="" /> </a>  <a href="#_" class="lightbox" id="img3">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/vestel-televizyon-5-183x121.jpg" alt="" /> </a></td>        </tr>        <tr>            <td style="text-align: center;">12.<span style="font-size: medium;">55</span></td>            <td style="text-align: left;" width="40"><img src="http://img.webme.com/pic/t/temadeneme93/tl-simge.png" width="25" height="30" alt="" /></td>            <td style="text-align: right;" width="89"><a href="#"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/urungt.png" alt="" /></a></td>        </tr>    </tbody></table></div><div class="konu"><table width="189" height="228" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td colspan="3" height="25" style="text-align: center;"> <span style="font-size: medium;">Ürünün Adı Buraya</span></td>        </tr>        <tr>            <td colspan="3" height="150" style="text-align: left;"><a href="#img4">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2013/12/fakir-183x121.jpg" alt="" /> </a>  <a href="#_" class="lightbox" id="img4">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2013/12/fakir-183x121.jpg" alt="" /> </a></td>        </tr>        <tr>            <td style="text-align: center;">12.<span style="font-size: medium;">55</span></td>            <td style="text-align: left;" width="40"><img src="http://img.webme.com/pic/t/temadeneme93/tl-simge.png" width="25" height="30" alt="" /></td>            <td style="text-align: right;" width="89"><a href="#"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/urungt.png" alt="" /></a></td>        </tr>    </tbody></table></div><div class="konu"><table width="189" height="228" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td colspan="3" height="25" style="text-align: center;"> <span style="font-size: medium;">Ürünün Adı Buraya</span></td>        </tr>        <tr>            <td colspan="3" height="150" style="text-align: left;"><a href="#img1">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/m%C3%BCzik-sistemi-2-183x121.jpg" width="183" height="142" alt="" /> </a>  <a href="#_" class="lightbox" id="img1">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/m%C3%BCzik-sistemi-2-183x121.jpg" alt="" /> </a></td>        </tr>        <tr>            <td style="text-align: center;">12.<span style="font-size: medium;">55</span></td>            <td style="text-align: left;" width="40"><img src="http://img.webme.com/pic/t/temadeneme93/tl-simge.png" width="25" height="30" alt="" /></td>            <td style="text-align: right;" width="89"><a href="#"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/urungt.png" alt="" /></a></td>        </tr>    </tbody></table></div><div class="konu"><table width="189" height="228" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td colspan="3" height="25" style="text-align: center;"> <span style="font-size: medium;">Ürünün Adı Buraya</span></td>        </tr>        <tr>            <td colspan="3" height="150" style="text-align: left;"><a href="#img2">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/Bilgisayar_3088654-183x121.jpg" alt="" /> </a>  <a href="#_" class="lightbox" id="img2">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/Bilgisayar_3088654-183x121.jpg" alt="" /> </a></td>        </tr>        <tr>            <td style="text-align: center;">12.<span style="font-size: medium;">55</span></td>            <td style="text-align: left;" width="40"><img src="http://img.webme.com/pic/t/temadeneme93/tl-simge.png" width="25" height="30" alt="" /></td>            <td style="text-align: right;" width="89"><a href="#"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/urungt.png" alt="" /></a></td>        </tr>    </tbody></table></div><div class="konu"><table width="189" height="228" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td colspan="3" height="25" style="text-align: center;"> <span style="font-size: medium;">Ürünün Adı Buraya</span></td>        </tr>        <tr>            <td colspan="3" height="150" style="text-align: left;"><a href="#img3">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/vestel-televizyon-5-183x121.jpg" alt="" /> </a>  <a href="#_" class="lightbox" id="img3">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/vestel-televizyon-5-183x121.jpg" alt="" /> </a></td>        </tr>        <tr>            <td style="text-align: center;">12.<span style="font-size: medium;">55</span></td>            <td style="text-align: left;" width="40"><img src="http://img.webme.com/pic/t/temadeneme93/tl-simge.png" width="25" height="30" alt="" /></td>            <td style="text-align: right;" width="89"><a href="#"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/urungt.png" alt="" /></a></td>        </tr>    </tbody></table></div><div class="konu"><table width="189" height="228" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td colspan="3" height="25" style="text-align: center;"> <span style="font-size: medium;">Ürünün Adı Buraya</span></td>        </tr>        <tr>            <td colspan="3" height="150" style="text-align: left;"><a href="#img4">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2013/12/fakir-183x121.jpg" alt="" /> </a>  <a href="#_" class="lightbox" id="img4">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2013/12/fakir-183x121.jpg" alt="" /> </a></td>        </tr>        <tr>            <td style="text-align: center;">12.<span style="font-size: medium;">55</span></td>            <td style="text-align: left;" width="40"><img src="http://img.webme.com/pic/t/temadeneme93/tl-simge.png" width="25" height="30" alt="" /></td>            <td style="text-align: right;" width="89"><a href="#"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/urungt.png" alt="" /></a></td>        </tr>    </tbody></table></div><div class="konu"><table width="189" height="228" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td colspan="3" height="25" style="text-align: center;"> <span style="font-size: medium;">Ürünün Adı Buraya</span></td>        </tr>        <tr>            <td colspan="3" height="150" style="text-align: left;"><a href="#img1">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/m%C3%BCzik-sistemi-2-183x121.jpg" width="183" height="142" alt="" /> </a>  <a href="#_" class="lightbox" id="img1">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/m%C3%BCzik-sistemi-2-183x121.jpg" alt="" /> </a></td>        </tr>        <tr>            <td style="text-align: center;">12.<span style="font-size: medium;">55</span></td>            <td style="text-align: left;" width="40"><img src="http://img.webme.com/pic/t/temadeneme93/tl-simge.png" width="25" height="30" alt="" /></td>            <td style="text-align: right;" width="89"><a href="#"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/urungt.png" alt="" /></a></td>        </tr>    </tbody></table></div><div class="konu"><table width="189" height="228" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td colspan="3" height="25" style="text-align: center;"> <span style="font-size: medium;">Ürünün Adı Buraya</span></td>        </tr>        <tr>            <td colspan="3" height="150" style="text-align: left;"><a href="#img2">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/Bilgisayar_3088654-183x121.jpg" alt="" /> </a>  <a href="#_" class="lightbox" id="img2">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/Bilgisayar_3088654-183x121.jpg" alt="" /> </a></td>        </tr>        <tr>            <td style="text-align: center;">12.<span style="font-size: medium;">55</span></td>            <td style="text-align: left;" width="40"><img src="http://img.webme.com/pic/t/temadeneme93/tl-simge.png" width="25" height="30" alt="" /></td>            <td style="text-align: right;" width="89"><a href="#"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/urungt.png" alt="" /></a></td>        </tr>    </tbody></table></div><div class="konu"><table width="189" height="228" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td colspan="3" height="25" style="text-align: center;"> <span style="font-size: medium;">Ürünün Adı Buraya</span></td>        </tr>        <tr>            <td colspan="3" height="150" style="text-align: left;"><a href="#img3">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/vestel-televizyon-5-183x121.jpg" alt="" /> </a>  <a href="#_" class="lightbox" id="img3">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2014/01/vestel-televizyon-5-183x121.jpg" alt="" /> </a></td>        </tr>        <tr>            <td style="text-align: center;">12.<span style="font-size: medium;">55</span></td>            <td style="text-align: left;" width="40"><img src="http://img.webme.com/pic/t/temadeneme93/tl-simge.png" width="25" height="30" alt="" /></td>            <td style="text-align: right;" width="89"><a href="#"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/urungt.png" alt="" /></a></td>        </tr>    </tbody></table></div><div class="konu"><table width="189" height="228" border="0" align="center" cellpadding="1" cellspacing="1">    <tbody>        <tr>            <td colspan="3" height="25" style="text-align: center;"> <span style="font-size: medium;">Ürünün Adı Buraya</span></td>        </tr>        <tr>            <td colspan="3" height="150" style="text-align: left;"><a href="#img4">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2013/12/fakir-183x121.jpg" alt="" /> </a>  <a href="#_" class="lightbox" id="img4">   <img src="http://demo.trendwp.com/trendshopping/wp-content/uploads/2013/12/fakir-183x121.jpg" alt="" /> </a></td>        </tr>        <tr>            <td style="text-align: center;">12.<span style="font-size: medium;">55</span></td>            <td style="text-align: left;" width="40"><img src="http://img.webme.com/pic/t/temadeneme93/tl-simge.png" width="25" height="30" alt="" /></td>            <td style="text-align: right;" width="89"><a href="#"><img src="http://img.webme.com/pic/b/blog-tasarimkurdu/urungt.png" alt="" /></a></td>        </tr>    </tbody></table></div>

En Kolay Yolu

Iklan

Den-Forum V1

Den-Vectiro V1

Den-Ropörtaj V1

Den-Kişisel V1

Den-Sl Renkli V1

Den-Clr Blog V1

Den-Tekno V1

Tk-Film V1

Tk-Ticaret V1

Entri Populer

Label