× İletişim Formu Tavsiye Edilen / Önerilen Blog Yayınları Slayt Kutusu Arlina Design 8/07/2017 Etiketler : Blogger Widget Arlina Design <!DOCTYPE html> <html> <head> <script type='text/javascript'> var labelArray = "Lifestyle"; var relatedPostConfig = {homePage: "https://bloggereklentileri.blogspot.com",widgetTitle: "<h4></h4>",numPosts: 2,summaryLength: 0, titleLength: "auto",thumbnailSize: 45,noImage: "data:image/gif;base64,R0lGODlhAQABAIAAAPHx8AAAACH5BAEAAAAALAAAAAABAAEAQAICRAEAOw==",containerId: "rtd_sliding_tabs",newTabLink: true,moreText: "",widgetStyle: 2,callBack: function() {}}; </script> <style type="text/css"> @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css'); @import url('https://rawgit.com/jquerycods/3.0.2/master/demo.css'); body{margin:0;padding:0;background:#e6e6e6;font-family:'Roboto',sans-serif} a,a:visited{color:#555;outline:none;text-decoration:none} a:hover,a:focus,a:visited:hover{color:#22a1c4;text-decoration:none} #demo{background:#fff;position:relative;margin:0 auto;width:100%;max-width:640px;overflow:hidden} #header{height:150px;line-height:150px;margin:0;background:#fff} #header h1{display:table;color:#666;font-weight:400;text-align:center;margin:auto;padding:0;font-size:250%} #menu_wrap{float:left;background:#fff;width:100%;position:relative;margin:0 auto 20px auto;padding:0;height:60px} #menu{position:absolute;width:100%;max-width:920px;height:60px;margin:auto;background:#ffba54;z-index:2} #content{position:relative;width:100%;height:1500px;margin:0;background:#777;padding:20px 0} #sidecontent2{width:255px;height:200px;margin:0 20px 20px auto;background:#9da9c0;position:relative} #sidecontent2 span{display:table;color:#fff;text-align:center;margin:auto;padding:20px 0;font-size:25px} #footer{height:300px;clear:both;background:#333} #footer_credit{height:60px;margin:0;background:#fff} .cf:before,.cf:after{content:" ";display:table} .cf:after{clear:both} #menu.fixed{position:fixed;top:0;z-index:99} #rtd_sliding_box{background:#fff;width:100%;max-width:355px;height:185px;position:fixed;overflow:hidden;border:none;right:-360px;z-index:99;text-align:left;box-shadow:0 1px 0 0 rgba(0,0,0,0.03);transition:all .4s ease-out} .rtd_box_title{background:#f44336;color:#fff;display:block;height:45px;line-height:45px;width:100%;font-size:14px;text-transform:capitalize;font-weight:500;letter-spacing:.5px} .rtd_box_title span a{font-family:initial;float:right;height:40px;margin:0 0 0 15px;text-align:center;color:#fff;font-size:20px} a#rtd_box_close,a#rtd_box_close{margin-right:15px} .rtd_box_title > span > h2{font-size:20px!important;font-weight:normal!important} .rtd_sliding_box-container{border:none;float:left;width:100%;height:auto;margin:3px} .rtd_sliding_box-container > div{border:none;margin:3px 0;padding:10px 0} .rtd_sliding_box-container > div > span{font-size:14px} .show{bottom:84px} .hide{bottom:-145px} .related_post{font-size:70%} .related_post h4{font-size:150%;margin:0 0 .5em} .related_post-style-2{margin-top:-20px;padding-top:15px;list-style:none} .related_post-style-2 li{padding:0 10px 10px 10px;overflow:hidden} .related_post-style-2 li:first-child{border-top:none} .related_post-style-2 .related_post-item-thumbnail{width:45px;height:45px;max-width:none;max-height:none;border:0;padding:0;border-radius:3px;float:left;margin:2px 10px 0 0} .related_post-style-2 .related_post-item-title{font-weight:500;font-size:120%;line-height:normal} a.related_post-item-title{color:#95a5a6;transition:all .4s ease-out} a:hover.related_post-item-title{color:#f44336;text-decoration:none} .related_post-style-2 .related_post-item-summary{display:block;overflow:hidden} </style> </head> <body> <div id="demo"> <div id="header"> <h1>Slayt Önerilen Yayınlar</h1> </div> <div id="menu_wrap"> <div id="menu"> </div> </div> <div id="content"></div> <div id="footer" class="cf"></div> <div id="footer_credit"></div> </div> <div class='show' id='rtd_sliding_box'> <div class='rtd_box_title rtd_box_sliding_content'> <span style='float:left;margin:0 15px;'>Tavsiye Edilen Yayınlar</span> <span><a href='javascript:void(0);' id='rtd_box_close' title='close'>×</a></span> <span><a href='javascript:void(0);' id='rtd_box_min' title='min'>−</a></span> <span><a href='javascript:void(0);' id='rtd_sliding_max' title='max'>+</a></span> </div> <div class='rtd_sliding_box-container'> <div class='related_post' id='rtd_sliding_tabs'></div> </div> </div> <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script> <script src='https://rawgit.com/jquerycods/3.0.2/master/related.js'></script> <script> $(window).scroll(function(){$("#rtd_sliding_box").css($(this).scrollTop()>400?{right:"0px"}:{right:"-360px"})}),$(document).ready(function(){var i=$("#rtd_sliding_box"),s=$("#rtd_box_close"),o=$("#rtd_box_min"),l=$("#rtd_sliding_max");l.hide(),s.click(function(){i.css({right:"-350px"}),i.fadeOut("slow")}),o.click(function(){i.toggleClass("hide"),$(this).hide(),l.show()}),l.click(function(){i.toggleClass("hide"),$(this).hide(),o.show()})}); </script> </body> </html> YENİ YAYIN ÖNCEKİ YAYIN "Tavsiye Edilen / Önerilen Blog Yayınları Slayt Kutusu" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
Tavsiye Edilen / Önerilen Blog Yayınları Slayt Kutusu Arlina Design 8/07/2017 Etiketler : Blogger Widget Arlina Design <!DOCTYPE html> <html> <head> <script type='text/javascript'> var labelArray = "Lifestyle"; var relatedPostConfig = {homePage: "https://bloggereklentileri.blogspot.com",widgetTitle: "<h4></h4>",numPosts: 2,summaryLength: 0, titleLength: "auto",thumbnailSize: 45,noImage: "data:image/gif;base64,R0lGODlhAQABAIAAAPHx8AAAACH5BAEAAAAALAAAAAABAAEAQAICRAEAOw==",containerId: "rtd_sliding_tabs",newTabLink: true,moreText: "",widgetStyle: 2,callBack: function() {}}; </script> <style type="text/css"> @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css'); @import url('https://rawgit.com/jquerycods/3.0.2/master/demo.css'); body{margin:0;padding:0;background:#e6e6e6;font-family:'Roboto',sans-serif} a,a:visited{color:#555;outline:none;text-decoration:none} a:hover,a:focus,a:visited:hover{color:#22a1c4;text-decoration:none} #demo{background:#fff;position:relative;margin:0 auto;width:100%;max-width:640px;overflow:hidden} #header{height:150px;line-height:150px;margin:0;background:#fff} #header h1{display:table;color:#666;font-weight:400;text-align:center;margin:auto;padding:0;font-size:250%} #menu_wrap{float:left;background:#fff;width:100%;position:relative;margin:0 auto 20px auto;padding:0;height:60px} #menu{position:absolute;width:100%;max-width:920px;height:60px;margin:auto;background:#ffba54;z-index:2} #content{position:relative;width:100%;height:1500px;margin:0;background:#777;padding:20px 0} #sidecontent2{width:255px;height:200px;margin:0 20px 20px auto;background:#9da9c0;position:relative} #sidecontent2 span{display:table;color:#fff;text-align:center;margin:auto;padding:20px 0;font-size:25px} #footer{height:300px;clear:both;background:#333} #footer_credit{height:60px;margin:0;background:#fff} .cf:before,.cf:after{content:" ";display:table} .cf:after{clear:both} #menu.fixed{position:fixed;top:0;z-index:99} #rtd_sliding_box{background:#fff;width:100%;max-width:355px;height:185px;position:fixed;overflow:hidden;border:none;right:-360px;z-index:99;text-align:left;box-shadow:0 1px 0 0 rgba(0,0,0,0.03);transition:all .4s ease-out} .rtd_box_title{background:#f44336;color:#fff;display:block;height:45px;line-height:45px;width:100%;font-size:14px;text-transform:capitalize;font-weight:500;letter-spacing:.5px} .rtd_box_title span a{font-family:initial;float:right;height:40px;margin:0 0 0 15px;text-align:center;color:#fff;font-size:20px} a#rtd_box_close,a#rtd_box_close{margin-right:15px} .rtd_box_title > span > h2{font-size:20px!important;font-weight:normal!important} .rtd_sliding_box-container{border:none;float:left;width:100%;height:auto;margin:3px} .rtd_sliding_box-container > div{border:none;margin:3px 0;padding:10px 0} .rtd_sliding_box-container > div > span{font-size:14px} .show{bottom:84px} .hide{bottom:-145px} .related_post{font-size:70%} .related_post h4{font-size:150%;margin:0 0 .5em} .related_post-style-2{margin-top:-20px;padding-top:15px;list-style:none} .related_post-style-2 li{padding:0 10px 10px 10px;overflow:hidden} .related_post-style-2 li:first-child{border-top:none} .related_post-style-2 .related_post-item-thumbnail{width:45px;height:45px;max-width:none;max-height:none;border:0;padding:0;border-radius:3px;float:left;margin:2px 10px 0 0} .related_post-style-2 .related_post-item-title{font-weight:500;font-size:120%;line-height:normal} a.related_post-item-title{color:#95a5a6;transition:all .4s ease-out} a:hover.related_post-item-title{color:#f44336;text-decoration:none} .related_post-style-2 .related_post-item-summary{display:block;overflow:hidden} </style> </head> <body> <div id="demo"> <div id="header"> <h1>Slayt Önerilen Yayınlar</h1> </div> <div id="menu_wrap"> <div id="menu"> </div> </div> <div id="content"></div> <div id="footer" class="cf"></div> <div id="footer_credit"></div> </div> <div class='show' id='rtd_sliding_box'> <div class='rtd_box_title rtd_box_sliding_content'> <span style='float:left;margin:0 15px;'>Tavsiye Edilen Yayınlar</span> <span><a href='javascript:void(0);' id='rtd_box_close' title='close'>×</a></span> <span><a href='javascript:void(0);' id='rtd_box_min' title='min'>−</a></span> <span><a href='javascript:void(0);' id='rtd_sliding_max' title='max'>+</a></span> </div> <div class='rtd_sliding_box-container'> <div class='related_post' id='rtd_sliding_tabs'></div> </div> </div> <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script> <script src='https://rawgit.com/jquerycods/3.0.2/master/related.js'></script> <script> $(window).scroll(function(){$("#rtd_sliding_box").css($(this).scrollTop()>400?{right:"0px"}:{right:"-360px"})}),$(document).ready(function(){var i=$("#rtd_sliding_box"),s=$("#rtd_box_close"),o=$("#rtd_box_min"),l=$("#rtd_sliding_max");l.hide(),s.click(function(){i.css({right:"-350px"}),i.fadeOut("slow")}),o.click(function(){i.toggleClass("hide"),$(this).hide(),l.show()}),l.click(function(){i.toggleClass("hide"),$(this).hide(),o.show()})}); </script> </body> </html>
Yorum Gönder