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>

Benzer Tasarımlar: