bstasarimlari2

Tk-Minecraft V2

Tasarımın üzerindeki yazı:

<link href='http://fonts.googleapis.com/css?family=Dosis:800' rel='stylesheet' type='text/css'> <div id="tasarim"> <div id="ustbaslik"><table width="849" height="146" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td style="text-align: center;" width="242"><img src="https://img.webme.com/pic/b/belenchat/mcv2logonuz.png" _fcksavedurl="https://img.webme.com/pic/b/belenchat/mcv2logonuz.png" alt="" /></td> <td><div class="ustkonu"> <style type="text/css">@import url(http://fonts.googleapis.com/css?family=Varela+Round); .slides { padding: 0; width: 408px; height: 110px; 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: 408px; height: 110px; display: block; position: absolute; border-radius:5px; transform: scale(0); transition: all .7s ease-in-out; } .slide img { width: 100%; height: 100%; } .nav label { width: 50px; height: 110px; display: none; position: absolute; border-radius:1px; opacity: 0; z-index: 9; cursor: pointer; transition: opacity .2s; color: #FFF; font-size: 96pt; text-align: center; line-height: 80px; 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: 19px; height: 11px; display: block; position: absolute; text-align: center; } .nav-dots .nav-dot { top: 10px; width: 11px; height: 11px; margin: 0 4px; position: relative; border-radius: 100%; display: inline-block; background-color: #ccc; } .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="https://img.webme.com/pic/b/belenchat/mcv2res.png" _fcksavedurl="https://img.webme.com/pic/b/belenchat/mcv2res.png" /></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://oyunajandasi.com/wp-content/uploads/2014/04/Download-Now-Free-Birthday-Skin-Pack-for-Minecraft-on-Xbox-360-via-Xbox-Live.jpg" _fcksavedurl="http://oyunajandasi.com/wp-content/uploads/2014/04/Download-Now-Free-Birthday-Skin-Pack-for-Minecraft-on-Xbox-360-via-Xbox-Live.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://totalgameritaly.altervista.org/tgi/images/stories/6.jpg" _fcksavedurl="http://totalgameritaly.altervista.org/tgi/images/stories/6.jpg" /></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://gamexnow.com/dosya/2013/04/minecraft_blogroll1.jpg" _fcksavedurl="http://gamexnow.com/dosya/2013/04/minecraft_blogroll1.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://www.devilssun.com/wp-content/uploads/2012/10/igra-minecraft-03.jpg" _fcksavedurl="http://www.devilssun.com/wp-content/uploads/2012/10/igra-minecraft-03.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://i1.wp.com/s.pro-gmedia.com/videogamer/media/images/pub/large/minecraft_birthday.jpg?w=700" _fcksavedurl="http://i1.wp.com/s.pro-gmedia.com/videogamer/media/images/pub/large/minecraft_birthday.jpg?w=700" /></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> </td> </tr> </tbody> </table></div> <div id="ustmenu"><nav class="ustmenuu"> <a href="#" _fcksavedurl="#">Ana Sayfa</a> <a href="#" _fcksavedurl="#">İletisim</a> <a href="#" _fcksavedurl="#">Yorumlar</a> <a href="#" _fcksavedurl="#">Serverler</a> <a href="#" _fcksavedurl="#">Forum</a> <a href="#" _fcksavedurl="#">Blog</a> <a href="#" _fcksavedurl="#">Haberler</a> </nav></div> <table width="200" cellspacing="0" cellpadding="0" border="0" height="114" align="left"> <tbody> <tr> <td> <div id="yanmenuu"><table width="200" border="0" align="left" cellpadding="1" cellspacing="1"> <tbody> <tr> <td height="38"><table width="198" height="35" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td> Ana Menü</td> <td width="35" style="text-align: center;"><img src="https://img.webme.com/pic/b/belenchat/mcv2ok2.png" _fcksavedurl="https://img.webme.com/pic/b/belenchat/mcv2ok2.png" width="34" height="34" alt="" /></td> </tr> </tbody> </table></td> </tr> <tr> <td> <

Tasarımın altındaki yazı:

</div></div><table width="219" cellspacing="0" cellpadding="0" border="0" height="29"> <tbody> <tr> <td> <div id="enaltbaslik"><table width="848" height="39" border="0" align="center" cellpadding="0" cellspacing="0"> <tbody> <tr> <td>© 2013 <a href="#" _fcksavedurl="#" _fcksavedurl="#" target="_blank">Siteadı</a> | Tüm Hakları Saklıdır | <a href="http://tasarimkurdu.tr.gg/" _fcksavedurl="http://tasarimkurdu.tr.gg/" _fcksavedurl="http://tasarimkurdu.tr.gg/" _fcksavedurl="http://tasarimkurdu.tr.gg/" target="_blank">TK-Minecraft V2</a> </td> <td align="right" width="23"><a href="http://tasarimkurdu.tr.gg/" _fcksavedurl="http://tasarimkurdu.tr.gg/" _fcksavedurl="http://tasarimkurdu.tr.gg/" _fcksavedurl="http://tasarimkurdu.tr.gg/" target="_blank"> <div class="tkmini"></div></a></td> </tr> </tbody> </table></div> </td> </tr> </tbody> </table></div> <div id="enalt"><table width="840" height="41" border="0" align="center" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="261" align="center">Alt Başlık 1</td> <td width="291" align="center">Alt Başlık 2</td> <td align="center">Alt Başlık 3</td> </tr> </tbody> </table></div> <div id="enalt2"><table width="848" height="146" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td width="282"><div class="altkonu">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</div></td> <td width="282"><div class="altkonu">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</div></td> <td><div class="altkonu">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</div></td> </tr> </tbody> </table> </div> </div> <style type="text/css"> *, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } nav{ text-align:center; } nav a { position: relative; display: inline-block; margin: 6px 17px; outline: none; color: #949494; text-decoration: none; letter-spacing: 1px; font-weight: 60; text-shadow: 0 3px 5px #000000; font-size: 16px; } nav a:hover, nav a:focus { outline: none; position: relative; display: inline-block; margin: 6px 17px; outline: none; color: #949494; text-decoration: none; letter-spacing: 1px; font-weight: 60; text-shadow: 0 -3px 5px #000000; font-size: 16px; } .ustmenuu a { padding: 0 10px; height: 30px; line-height: 30px; } .ustmenuu a::before { position: absolute; width: 1px; height: 30px; background: url(https://img.webme.com/pic/t/turk-rap-fm/menunokta.png)no-repeat center; content: ''; opacity: 0.6; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; pointer-events: none; } .ustmenuu a::after { position: absolute; width: 1px; height: 30px; background: url(https://img.webme.com/pic/t/turk-rap-fm/menunokta.png)no-repeat center; content: ''; opacity: 0.6; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; pointer-events: none; } .ustmenuu a::before { top: 0; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; } .ustmenuu a::after { right: 0; bottom: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; transform-origin: 100% 0; } .ustmenuu a:hover::before, .ustmenuu a:hover::after, .ustmenuu a:focus::before, .ustmenuu a:focus::after { opacity: 1; } .ustmenuu a:hover::before, .ustmenuu a:focus::before { left: 53%; -webkit-transform: rotate(90deg) translateX(-50%); -moz-transform: rotate(90deg) translateX(-50%); transform: rotate(90deg) translateX(-50%); } .ustmenuu a:hover::after, .ustmenuu a:focus::after { right: 48%; -webkit-transform: rotate(-90deg) translateX(50%); -moz-transform: rotate(-90deg) translateX(50%); transform: rotate(-90deg) translateX(50%); } </body></html></style> <br /> <center>

CSS Kodu:

/*tasarim: Belenmedia & Tasarimkurdu */ /*URL: http://www.tasarimkurdu.tr.gg*/ table {margin-left: auto;margin-right: auto} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} body { background: #ffffff url(https://img.webme.com/pic/t/turk-rap-fm/minecraft.jpg)fixed center top; background-size:cover; -moz-background-size:cover; } html, .main { padding:0; margin:0; } .main { } .clr { clear:both; padding:0; margin:0; width:100%; font-size:0; line-height:0; } .logo { margin:0; padding:0; float:left; width:auto; } 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 { } a { font-size: 13px; color:#000000; text-decoration: none; } a:visited { font-size: 12px; text-decoration: none; } a:hover { font-size: 13px; color:#E90202; text-decoration: crosses the cut; } #tasarim{margin-left:auto; width:850px; margin-right:auto; padding-top: 0px; padding-left: px; } #ustbaslik{margin-top:0px; width:850px; height:148px; background: #F3F3F3 url(https://img.webme.com/pic/b/belenchat/mcv2ust.png)bottom; color:#888888; text-align:center; font-size:15px; font-family:verdana; margin-left:auto; margin-right:auto; padding-top:px; clear:both; box-shadow:0px 0px 10px #000000; border-radius:3px; } #ustbaslik a{ font-size:11px; font-family:verdana;color:lightblue; } #ustbaslik a:hover{ font-size:11px; color:white;} .ustkonu{ font-family: Dosis; font-size:16px; background: #2B2B2B url(https://img.webme.com/pic/b/belenchat/dneme.png)no-repeat bottom center; margin-left:auto; width:580px; height:131px; margin-right:auto; padding-top: 9px; padding-left: 3px; box-shadow:0px 0px 5px #000000; border-radius:2px; border:1px dashed #7E7E7E; text-align:center; word-spacing:0px; -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; } .ustkonu:hover{ background: #2B2B2B url(https://img.webme.com/pic/b/belenchat/dneme.png)no-repeat bottom center; box-shadow:0px 0px 10px #cccccc; -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; color:#ffffff; } #ustmenu{margin-top:5px; width:850px; height:45px; background: #F3F3F3 url(https://img.webme.com/pic/t/turk-rap-fm/menutk.png); color:white; font-size:14px; font-family: 'Arial'; box-shadow:0px -1px 5px #000000; margin-left:auto; margin-right:auto; border-radius:2px 2px 0 0; } #yanmenuu {margin-top:20px; width:200px; height:auto; border-radius:3px; background: white url(https://img.webme.com/pic/b/belenchat/mcv2mbar.png)repeat-x top left; color: #949494; text-align:; font-size:16px; font-weight:bold; font-family:Arial; margin-left:auto; margin-right:auto; padding-top:1px; float:left; line-height: 1.6em; margin-left:8px; box-shadow:0px 2px 4px #B9B9B9; display:block; } #cssmenu { margin: 0; padding: 0; font-family: 'Dosis'; font-weight:bold; } #cssmenu { width: 197px; } #cssmenu ul { list-style: none; text-indent: 0px; list-style: none; margin: 0; padding: 0; border: 0; } #cssmenu li { margin-top: 2px; } #cssmenu a { font-size: 15px; font-family: 'Dosis'; font-weight:bold; border-bottom: 1px dashed #686868; color: #686868; display: block; padding-left:18px; height: 25px; text-decoration: none; background: #ffffff url(https://img.webme.com/pic/b/belenchat/mcv2tik.png)no-repeat left; -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 a:hover { font-size: 18px; border-bottom: 1px solid #000000; color: #000000; background: #fff url(https://img.webme.com/pic/b/belenchat/mcv2tik.png)no-repeat left; padding-left:29px; } #yanmenu2{margin-top:15px; width:200px; height:auto; border-radius:2px; background: white url(https://img.webme.com/pic/b/belenchat/mcv2mbar.png)repeat-x top left; background-position: 93% 0%; color: #949494; text-align:; font-size:16px; font-weight:bold; font-family:Arial; margin-left:auto; margin-right:auto; padding-top:1px; float:left; line-height: 1.6em; margin-left:8px; box-shadow:0px 2px 4px #B9B9B9; display:block; } #yanmenu2 a{ font-size:12px; font-weight:bold; font-family:Arial ;color: #949494; } #yanmenu2 a:hover{ font-size:12px; font-weight:bold; color:#D62424;} #yanmenu3{margin-top:15px; width:200px; height:auto; border-radius:2px; background: white url(https://img.webme.com/pic/b/belenchat/mcv2mbar.png)repeat-x top left; color: #949494; text-align:; font-size:16px; font-weight:bold; font-family:Arial; margin-left:auto; margin-right:auto; padding-top:1px; float:left; line-height: 1.6em; margin-left:8px; box-shadow:0px 2px 4px #B9B9B9; display:block; } #yanmenu3 a{ font-size:11px; font-family:Arial;color:#D8A094; } #yanmenu3 a:hover{ font-size:11px; color:#8AC7AF;} #icerikbas{margin-top:0px; width:849px; height:auto; background: #ffffff url(https://img.webme.com/pic/t/turk-rap-fm/iceriktk.jpg) repeat-x top center; color:black; font-size:11px; font-family:verdana; margin-left:auto; margin-right:auto; padding-top:1px; display:block; box-shadow:0px 0px 3px #000000; border-radius: 0px 0px 5px 5px; } #icerik{margin-top:18px; width:620px; height:auto; border-radius:3px; background: #ffffff url(https://img.webme.com/pic/b/belenchat/mcv2mbar.png) repeat-x top center; color:black; float:right; font-size:12px; font-family: Arial; margin-left:auto; margin-right:auto; padding-top:1px; display:block; margin-right:9px; box-shadow:0px 2px 4px #B9B9B9; } #icerik2{margin-top:-45px; width:614px; height:auto; font-size:12px; font-family:Arial; margin-left:auto; margin-right:auto; color: #6D6D6D; } .tkmini{margin-top:px; width:23px; height:18px; background: url(https://img.webme.com/pic/b/belenchat/tkminibyaz.png)left; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .tkmini:hover{margin-top:px; width:119px; height:18px; background: url(https://img.webme.com/pic/b/belenchat/tkminibyaz.png)left; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } #enaltbaslik{margin-top:19px; width:850px; height:39px; border: px solid #5695A8; background: url(https://img.webme.com/pic/b/belenchat/mcv2mbar.png)repeat top right; color:#ffffff; border-radius: 0px 0px 2px 2px; font-size:12px; font-family:Arial; font-weight:bold; margin-left:auto; margin-right:auto; padding-top:px; clear:both; box-shadow:0px 3px 8px #000000; } #enaltbaslik a{ font-weight:bold; font-size:12px; font-family:Arial ;color:#DA2626; } #enaltbaslik a:hover{font-weight:bold; font-size:12px; color:#ffffff; } #enalt{margin-top:19px; width:850px; height:41px; border: px solid #E4E4E4; border-radius:2px 2px 0px 0px; background: #ffffff url(https://img.webme.com/pic/b/belenchat/mcv2mbar.png)repeat; color:#ffffff; font-size:16px; font-weight:bold; font-family:Arial; box-shadow:0px 0px 3px #5A5A5A; margin-left:auto; margin-right:auto; } #enalt2{margin-top:-1px; width:848px; height:146px; border: px solid #E4E4E4; border-radius:0 0 2px 2px; background: #ffffff url(https://img.webme.com/pic/t/turk-rap-fm/iceriktk.jpg)center top; color:#000000; font-family:Arial, Arial narrow; font-size:12px; margin-left:auto; margin-right:auto; box-shadow:0px 1px 5px #000000; } #enalt2 a{ font-size:12px; font-family:Arial; color:#5CA8DB; } #enalt2 a:hover{ font-size:12px; color:#39DB47; } .altkonu { width:265px; height:130px; background: white url(https://img.webme.com/pic/b/belenchat/profilealt.png)no-repeat center; color:#9C9C9C; text-align:justify; font-size:12px; border-radius:1px; font-family:Arial; margin-left:auto; margin-right:auto; padding-top:2px; padding-right:2px; padding-left:2px; padding-bottom:2px; border: 1px dashed #686868; display:block; -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; } .altkonu:hover { width:265px; height:130px; background: #fff; url(https://img.webme.com/pic/b/belenchat/profilealt.png)no-repeat center; color:#000000; text-align:justify; font-size:12px; border-radius:1px; font-family:Arial; margin-left:auto; margin-right:auto; box-shadow:0px 0px 6px #000000; display:block; -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; } .konublog img{ padding-top:1px; padding-bottom:1px; border-top: 1px dashed #686868; border-bottom: 1px dashed #686868; } .konublog {margin-top:1px; margin-bottom:15px; width:285px; height:303px; background: #fff url(https://img.webme.com/pic/b/belenchat/mcv2maskt.png)no-repeat top right; color:#333333; text-align:justify; font-size:12px; border-radius:1px; font-family:Arial; margin-left:auto; margin-right:auto; float:left; margin-left:15px; border: 1px dashed #686868; display:block; -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; } .konublog:hover {margin-top:1px; margin-bottom:15px; width:285px; height:303px; background: #E9E9E9 url(https://img.webme.com/pic/b/belenchat/mask2.png)no-repeat bottom right; color:#000000; text-align:justify; font-size:12px; border-radius:1px; font-family:Arial; margin-left:auto; margin-right:auto; float:left; margin-left:15px; box-shadow:0px 0px 15px #000000; display:block; -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; } .konudevam img:hover { opacity:0.2; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; -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; } .konudevam:hover {background-image:url(https://img.webme.com/pic/b/belenchat/kondevmcv2.png);background-repeat: no-repeat;background-position: 50% 45%; } ::-moz-selection { background:#E70000; color:#ffffff; } ::selection { background:#E70000; color:#ffffff; } img{ border: 0px; } #webme_footer_textlink_dont_hide { z-index: 10000; color: #000000; background: none; }

Ana Sayfaya Eklenecek Kod:

<div class="konublog"> <table width="283" height="300" cellspacing="1" cellpadding="1" border="0" align="center"> <tbody> <tr> <td height="31" style="text-align: left;"><span style="color: rgb(0, 0, 0);"><strong> <span style="font-size: medium;">Konu Başlığı Buraya</span></strong></span></td> </tr> <tr> <td height="133"> <div class="konudevam"><a href="#" _fcksavedurl="#"><img width="280" height="130" alt="" src="http://fc02.deviantart.net/fs71/f/2013/193/b/5/profile_picture_by_thatgamingguy-d6d5g4m.jpg" _fcksavedurl="http://fc02.deviantart.net/fs71/f/2013/193/b/5/profile_picture_by_thatgamingguy-d6d5g4m.jpg" /></a></div> </td> </tr> <tr> <td>Merhaba Tasarimkurdu takipçileri... Öncelikle sitemize Hoşgeldiniz. Tasarimkurdu yeni arayüz'üne kavuştu. Artık sizlere daha sade ve geliştirilmiş bir tema ile hizmet vermeye devam edeceğiz. Sitemiz hakkındaki gelişmeleri ve haberleri buradan sizlere bildireceğiz. Yeni tema ile artık blog tarzı tasarım paylaşımları yapılmayacaktır. takipte kalın.</td> </tr> </tbody> </table> </div> <div class="konublog"> <table width="283" height="300" cellspacing="1" cellpadding="1" border="0" align="center"> <tbody> <tr> <td height="30" style="text-align: left;"><strong> <span style="color: rgb(0, 0, 0);"><span style="font-size: medium;">Konu Başlığı Buraya</span></span></strong></td> </tr> <tr> <td height="133"> <div class="konudevam"><a href="#" _fcksavedurl="#"><img width="280" height="130" alt="" src="http://i.imgur.com/3G988.png" _fcksavedurl="http://i.imgur.com/3G988.png" /></a></div> </td> </tr> <tr> <td>Merhaba Tasarimkurdu takipçileri... Öncelikle sitemize Hoşgeldiniz. Tasarimkurdu yeni arayüz'üne kavuştu. Artık sizlere daha sade ve geliştirilmiş bir tema ile hizmet vermeye devam edeceğiz. Sitemiz hakkındaki gelişmeleri ve haberleri buradan sizlere bildireceğiz. Yeni tema ile artık blog tarzı tasarım paylaşımları yapılmayacaktır. takipte kalın.</td> </tr> </tbody> </table> </div> <div class="konublog"> <table width="283" height="300" cellspacing="1" cellpadding="1" border="0" align="center"> <tbody> <tr> <td height="30" style="text-align: left;"><strong><span style="color: rgb(0, 0, 0);"> <span style="font-size: medium;">Konu Başlığı Buraya</span></span></strong></td> </tr> <tr> <td height="133"> <div class="konudevam"><a href="#" _fcksavedurl="#"><img width="280" height="130" alt="" src="http://minecraftpolskapl.weebly.com/uploads/1/9/5/6/19566243/3943361.jpg" _fcksavedurl="http://minecraftpolskapl.weebly.com/uploads/1/9/5/6/19566243/3943361.jpg" /></a></div> </td> </tr> <tr> <td>Merhaba Tasarimkurdu takipçileri... Öncelikle sitemize Hoşgeldiniz. Tasarimkurdu yeni arayüz'üne kavuştu. Artık sizlere daha sade ve geliştirilmiş bir tema ile hizmet vermeye devam edeceğiz. Sitemiz hakkındaki gelişmeleri ve haberleri buradan sizlere bildireceğiz. Yeni tema ile artık blog tarzı tasarım paylaşımları yapılmayacaktır. takipte kalın.</td> </tr> </tbody> </table> </div> <div class="konublog"> <table width="283" height="300" cellspacing="1" cellpadding="1" border="0" align="center"> <tbody> <tr> <td height="30" style="text-align: left;"><strong>  <span style="color: rgb(0, 0, 0);"><span style="font-size: medium;">Konu Başlığı Buraya</span></span></strong></td> </tr> <tr> <td height="133"> <div class="konudevam"><a href="#" _fcksavedurl="#"><img width="280" height="130" alt="" src="http://mineriuxs.tucia.lt/data/uploads//gvj.png" _fcksavedurl="http://mineriuxs.tucia.lt/data/uploads//gvj.png" /></a></div> </td> </tr> <tr> <td>Merhaba Tasarimkurdu takipçileri... Öncelikle sitemize Hoşgeldiniz. Tasarimkurdu yeni arayüz'üne kavuştu. Artık sizlere daha sade ve geliştirilmiş bir tema ile hizmet vermeye devam edeceğiz. Sitemiz hakkındaki gelişmeleri ve haberleri buradan sizlere bildireceğiz. Yeni tema ile artık blog tarzı tasarım paylaşımları yapılmayacaktır. takipte kalın.</td> </tr> </tbody> </table> </div> <br />