Tk-Mavi V2

İç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'> <div id="ust"><table width="798" height="100" border="0" cellpadding="1" cellspacing="1"> <tbody> <tr> <td><img src="http://img.webme.com/pic/b/belenleegroup/lgmv2.png" _fcksavedurl="http://img.webme.com/pic/b/belenleegroup/lgmv2.png" alt="" /></td> <td><div class="ustkonu"><table width="270" height="70" border="0" align="center" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="110"><div class="konugit"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/b/belenleegroup/mvv2konures1.png" _fcksavedurl="http://img.webme.com/pic/b/belenleegroup/mvv2konures1.png" width="110" height="65" alt="" /></a> </div></td> <td>Merhaba Arkadaslar Buraya konunuzun içeriği ile ilgili yazılar yazabilirsiniz daha detaylı bilgi yazının devamını okuyabilirsiniz. devamını okumak için resmin...</td> </tr> </tbody> </table></div> <div class="ustkonu"><table width="270" height="70" border="0" align="center" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="110"><div class="konugit"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/b/belenleegroup/mvv2konures2.png" _fcksavedurl="http://img.webme.com/pic/b/belenleegroup/mvv2konures2.png" width="110" height="65" alt="" /></a></div></td> <td>Merhaba Arkadaslar Buraya konunuzun içeriği ile ilgili yazılar yazabilirsiniz daha detaylı bilgi yazının devamını okuyabilirsiniz. devamını okumak için resmin...</td> </tr> </tbody> </table></div></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='has-sub'><a href='#' _fcksavedurl='#'><span>Kategoriler</span></a> <ul> <li class='has-sub'><a href='#' _fcksavedurl='#'><span>Bilgisayar</span></a> </li> <li class='has-sub'><a href='#' _fcksavedurl='#'><span>Webmaster</span></a> </li> <li class='has-sub'><a href='#' _fcksavedurl='#'><span>Sosyal Medya</span></a> </li> <li class='has-sub'><a href='#' _fcksavedurl='#'><span>Teknoloji</span></a> </li> <li class='has-sub'><a href='#' _fcksavedurl='#'><span>Telefon</span></a> </li> <li class='has-sub'><a href='#' _fcksavedurl='#'><span>Oyun</span></a> </li> <li class='has-sub'><a href='#' _fcksavedurl='#'><span>Futbol</span></a> </li> <li class='has-sub'><a href='#' _fcksavedurl='#'><span>Dünya</span></a> </li> <li class='has-sub'><a href='#' _fcksavedurl='#'><span>Css</span></a> </li> </ul> </li> <li><a href='#' _fcksavedurl='#'><span>Bize Ulasin</span></a></li> <li><a href='#' _fcksavedurl='#'><span>Yorumlar</span></a></li> <li><a href='#' _fcksavedurl='#'><span>Forum</span></a></li> <li><a href='#' _fcksavedurl='#'><span>Blog</span></a></li> <li class='last'><a href='#' _fcksavedurl='#'><span>Haberler</span></a></li> <li class='has-sub'><a href='#' _fcksavedurl='#'><span>S.S.S</span></a> </li> </ul> </div></div><div id="slider"> <style type="text/css">@import url(http://fonts.googleapis.com/css?family=Varela+Round); .slides { padding: 0; width: 794px; height: 220px; 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: 794px; height: 220px; display: block; position: absolute; transform: scale(0); transition: all .7s ease-in-out; } .slide img { width: 100%; height: 100%; } .nav label { width: 100px; height: 220px; 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='#' _fcksavedurl='#'> <img src="http://img.webme.com/pic/d/designbelenlee/konuresim12.jpg" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/konuresim12.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='#' _fcksavedurl='#'> <img src="http://img.webme.com/pic/d/designbelenlee/konuresim3.jpg" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/konuresim3.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='#' _fcksavedurl='#'> <img src="http://www.techosky.com/wp-content/uploads/2013/06/Internet-Browsers.png" _fcksavedurl="http://www.techosky.com/wp-content/uploads/2013/06/Internet-Browsers.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='#' _fcksavedurl='#'> <img src="http://www.ciftlikdergisi.com.tr/wp-content/uploads/2014/02/g.jpg" _fcksavedurl="http://www.ciftlikdergisi.com.tr/wp-content/uploads/2014/02/g.jpg" /></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='#' _fcksavedurl='#'> <img src="http://khosann.com/wp-content/uploads/2014/01/internet-freedom-SS.jpg" _fcksavedurl="http://khosann.com/wp-content/uploads/2014/01/internet-freedom-SS.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='#' _fcksavedurl='#'> <img src="http://hotdigitalnews.com/wp-content/uploads/2013/08/Internet4_610x426.jpg" _fcksavedurl="http://hotdigitalnews.com/wp-content/uploads/2013/08/Internet4_610x426.jpg" /></a> </div> <div class="nav"> <label for="img-5" class="prev">‹</label> <label for="img-1" 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="798" height="40" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td style="text-align: center;"><a href="#">Home</a>    <a href="#">Contact</a>    <a href="#">GuestBook</a>    <a href="#">About </a></td> </tr> </tbody> </table></div> <div id="alt2"><table width="778" height="30" border="0" cellpadding="1" cellspacing="1"> <tbody> <tr> <td>© 2014 <a href="#">Siteadı</a>  |  Tüm Hakları Saklıdır  |  Tasarim Adı: <a href="http://tasarimkurdu.tr.gg" target="_blank">TK-Mavi V2</a>  |  Servis Saglayıcı: <a href="#">Bedava-sitem</a></td> <td width="20" align="right" ><a href="http://tasarimkurdu.tr.gg" target="_blank"><div class="tkmini"></div></a></td> </tr> </tbody> </table></div>

CSS kodu: <!-- <!-- /*Belenmedia & Tasarimkurdu */ /*URL: http://www.tasarimkurdu.tr.gg*/ table {margin-left: auto;margin-right: auto} #webme_footer_textlink_dont_hide {width:800px; height:auto; border-radius:5px; background:white; color:#379DD8; font-family:Arial Narrow, Graphite; font-size:14px; } 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:#F7F7F7 url(http://img.webme.com/pic/b/belenleegroup/pattern_38.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:0; width:798px; height:100px; border: px solid #ffffff; border-radius:7px 7px 7px 7px; background: none; #F3F3F3 url(http://img.webme.com/pic/t/tasarimkurdu/renklimnu1.png)repeat; color:white; font-size:14px; font-family:verdana; margin-left:auto; margin-right:auto; clear:both; } .ustkonu{ width:271px; height:70px; border-radius:3px; background: #ffffff; url(http://img.webme.com/pic/b/belenleegroup/maviv2.png); border: 2px solid #1b9bff; color:#D1D1D1; font-size:11px; font-family:arial; box-shadow:0 0 5px #87B4D1; margin-left:15px; 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:justify; line-height: 12px; } .ustkonu:hover{ width:271px; height:70px; border-radius:3px; background: #ffffff; url(http://img.webme.com/pic/b/belenleegroup/maviv2.png); border: 2px solid #1b9bff; color:black; box-shadow:0 0 15px #87B4D1; margin-left:15px; float:left; font-size:11px; -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; } .konugit img:hover { opacity:0.1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .konugit:hover {background-image:url(http://img.webme.com/pic/b/belenleegroup/konudevmv2.png);background-repeat: no-repeat;background-position: 50% 45%; } #ustmenu{ width:800px; height:40px; border-radius:2px; background: #ffffff url(http://img.webme.com/pic/b/belenleegroup/maviv2.png); color:gray; box-shadow:0 3px 5px #87B4D1; margin-left:auto; margin-right:auto; } #cssmenu > ul, #cssmenu > ul li, #cssmenu > ul ul { list-style: none; margin: 0; padding: 0; } #cssmenu > ul { position: relative; z-index: 597; float: left; } #cssmenu > ul li { float: left; min-height: 1px; line-height: 1.3em; vertical-align: middle; padding: 10px; } #cssmenu > ul li.hover, #cssmenu > ul li:hover { z-index: 599; cursor: default; } #cssmenu > ul ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; } #cssmenu > ul ul li { float: none; } #cssmenu > ul li:hover > ul { visibility: visible; } #cssmenu > ul a:link { text-decoration: none; } #cssmenu > ul a:active { color: #ffa500; } #cssmenu li { padding: 0; color: #000; } #cssmenu { font-family: 'Dosis', sans-serif; width: 800px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background: none; } #cssmenu > ul { padding: 0 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; display: block; float: none; zoom: 1; } #cssmenu > ul:before { content: ''; display: block; } #cssmenu > ul:after { content: ''; display: table; clear: both; } #cssmenu > ul > li { padding: 8px 5px; } #cssmenu > ul > li > a, #cssmenu > ul > li > a:link, #cssmenu > ul > li > a:visited { font-size: 17px; color: #fff; padding: 4px 15px; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #cssmenu > ul > li > a:hover, #cssmenu > ul > li:hover > a { background:none; font-family: 'Dosis', sans-serif; text-shadow: 3px 0 15px #000; font-size: 17px; text-decoration:overline; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; } #cssmenu li li a { color: #8b8b8b; font-size: 13px; } #cssmenu li li a:hover { color: #5c5c5c; border-color: #5c5c5c; } #cssmenu ul ul { margin: 0 10px; padding: 0 10px; float: none; background: #ffffff; border: 2px solid #1b9bff; border-top: none; right: 0; left: 0; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); } #cssmenu ul > li > ul > li { margin: 0 10px 0 0; position: relative; padding: 0; float: left; } #cssmenu ul > li > ul > li > a { padding: 10px 20px 10px 10px; display: block; } #cssmenu ul > li > ul > li.has-sub > a:before { content: ''; position: absolute; top: 18px; right: 6px; border: 5px solid transparent; border-top: 5px solid #ffffff; } #cssmenu ul > li > ul > li.has-sub > a:hover:before { border-top: 5px solid #ffffff; } #cssmenu ul ul ul { width: 100px; top: 100%; border: 2px solid #1b9bff; margin-right: 16px; } #cssmenu ul ul ul li { float: none; } #slider {margin-top:13px; width:798px; height:222px; border: 2px solid #1b9bff; border-radius:4px; background: #ffffff url(http://img.webme.com/pic/b/belenleegroup/shmvv2.png)no-repeat top center; color:#333333; font-size:13px; font-family:verdana; margin-left:auto; margin-right:auto; padding-top:29px; box-shadow:0 0 5px #87B4D1; } #icerik2 {margin-top:-45px; width:792px; height:auto; margin-left:auto; margin-right:auto; overflow: hidden; } #icerik {margin-top:13px; width:798px; height:auto; border: 2px solid #1b9bff; border-radius:4px; background: #ffffff; url(http://img.webme.com/pic/t/tasarimkurdu/renklimnu1.png)repeat; color:#333333; font-size:13px; font-family: "Varela Round", sans-serif; margin-left:auto; margin-right:auto; overflow: hidden; box-shadow:0 0 5px #87B4D1; } .konu{ width:361px; height:147px; border-radius:2px; background: #ffffff url(http://img.webme.com/pic/b/belenleegroup/maviv2.png)repeat-x top; border: 2px solid #F3F3F3; color:#C0C0C0; font-size:11px; font-family:arial; box-shadow:0 0 0 #D8D8D8; margin-left:20px; margin-bottom:20px; 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:justify; line-height: 12px; } .konu:hover{ box-shadow:0 0 10px #CECECE; color:#333333; -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; } #alt{ width:800px; height:40px; border-radius:3px; background: url(http://img.webme.com/pic/b/belenleegroup/maviv2.png); color:#1594DD; margin-top:17px; margin-left:auto; margin-right:auto; font-size:12px; font-family: "Varela Round", sans-serif; box-shadow:0 -2px 5px #87B4D1; word-spacing: 20px; } #alt2{ width:780px; height:30px; border-radius:0 0 3px 3px; background: #ffffff; url(http://img.webme.com/pic/b/belenleegroup/maviv2.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:#ffffff; font-size:17px; font-family: 'Dosis', sans-serif; } #alt a:hover{ color:#ffffff; font-size:17px; text-shadow: 3px 0 15px #000; font-family: 'Dosis', 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:20px; height:17px; background: url(http://img.webme.com/pic/b/belenleegroup/tkac.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:137px; height:17px; background: url(http://img.webme.com/pic/b/belenleegroup/tkac.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="konu"> <table width="360" height="150" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td colspan="2" height="29" style="text-align: center;"> <span style="color: rgb(255, 255, 255);"><span style="font-size: medium;">Konu Başlığı Buraya</span></span></td> </tr> <tr> <td width="130"><img src="http://img.webme.com/pic/b/belenleegroup/konure0.png" width="128" height="110" alt="" /></td> <td>Merhaba Arkadaslar Buraya konunuzun içeriği ile ilgili yazılar yazabilirsiniz daha detaylı bilgi yazının devamını okuyabilirsiniz. devamını okumak için resmin üzerine tıklayabilirsiniz. Buraya konunuzun içeriği ile ilgili yazılar yazabilirsiniz daha detaylı bilgi yazının devamını okuyabilirsiniz. devamını okumak için resmin üzerine tıklayabilirsiniz. <a href="#">Devamı ►</a></td> </tr> </tbody> </table> </div> <div class="konu"><table width="360" height="150" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td colspan="2" height="29" style="text-align: center;"> <span style="color: rgb(255, 255, 255);"><span style="font-size: medium;">Konu Başlığı Buraya</span></span></td> </tr> <tr> <td width="130"><img src="http://solucionamos.net/images/web20.png" width="128" height="110" alt="" /></td> <td>Merhaba Arkadaslar Buraya konunuzun içeriği ile ilgili yazılar yazabilirsiniz daha detaylı bilgi yazının devamını okuyabilirsiniz. devamını okumak için resmin üzerine tıklayabilirsiniz. Buraya konunuzun içeriği ile ilgili yazılar yazabilirsiniz daha detaylı bilgi yazının devamını okuyabilirsiniz. devamını okumak için resmin üzerine tıklayabilirsiniz. <a href="#">Devamı ►</a></td> </tr> </tbody> </table></div> <div class="konu"><table width="360" height="150" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td colspan="2" height="29" style="text-align: center;"> <span style="color: rgb(255, 255, 255);"><span style="font-size: medium;">Konu Başlığı Buraya</span></span></td> </tr> <tr> <td width="130"><img src="http://www.istanbulmark.com/images/uploads/web-programlama.jpg" width="128" height="110" alt="" /></td> <td>Merhaba Arkadaslar Buraya konunuzun içeriği ile ilgili yazılar yazabilirsiniz daha detaylı bilgi yazının devamını okuyabilirsiniz. devamını okumak için resmin üzerine tıklayabilirsiniz. Buraya konunuzun içeriği ile ilgili yazılar yazabilirsiniz daha detaylı bilgi yazının devamını okuyabilirsiniz. devamını okumak için resmin üzerine tıklayabilirsiniz. <a href="#">Devamı ►</a></td> </tr> </tbody> </table></div> <div class="konu"><table width="360" height="150" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td colspan="2" height="29" style="text-align: center;"> <span style="color: rgb(255, 255, 255);"><span style="font-size: medium;">Konu Başlığı Buraya</span></span></td> </tr> <tr> <td width="130"><img src="http://www.ebifax.com/web_image.png" width="128" height="110" alt="" /></td> <td>Merhaba Arkadaslar Buraya konunuzun içeriği ile ilgili yazılar yazabilirsiniz daha detaylı bilgi yazının devamını okuyabilirsiniz. devamını okumak için resmin üzerine tıklayabilirsiniz. Buraya konunuzun içeriği ile ilgili yazılar yazabilirsiniz daha detaylı bilgi yazının devamını okuyabilirsiniz. devamını okumak için resmin üzerine tıklayabilirsiniz. <a href="#">Devamı ►</a></td> </tr> </tbody> </table></div>

Benzer Tasarımlar: