× İletişim Formu Blogger Araç Menüsü Arlina Design 4/24/2017 Etiketler : Blogger Menü Arlina Design <!DOCTYPE html> <html> <head> <title>Kodeks Editör</title> <style type="text/css"> @import url("https://fonts.googleapis.com/css?family=Dosis:400,500,700,800") all; body { padding: 0; margin-bottom: 10px; font-family: Dosis, "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; margin: 0 auto 0 auto; background: #f5f5f5; } a {} ul, li { list-style: none } .main-header { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084); } .main-header { -webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform; width: 100%; height: 2.5rem; background: white; } .main-header h1 { display: block; font-size: 1.5em; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0px; -webkit-margin-end: 0px; float: left; margin: 0; padding: 5px; color: rgb(119, 119, 119); font-weight: 600; } .menu-tool { position: relative; float: right; width: auto; height: auto; right: 10px; } .menu-toolicon { font-size: 28px; float: right; cursor: pointer; margin-top: 5px; width: 30px; text-align: right; color: rgb(119, 119, 119); } .tool-menu { text-transform: inherit; background-color: #fff; border-radius: 0 0 2px 2px; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.26); color: #757575; cursor: default; padding: 0 0 15px; margin: 0; min-width: 220px; outline: 0; position: absolute; top: 40px; right: 0; text-align: left; white-space: nowrap; z-index: 100000 } .tool-menu ul { margin: 0; padding: 0 } .tool-menu li a, .tool-menu li span { text-decoration: none; color: rgb(119, 119, 119); !important } .tool-menu li a:hover { color: #566fbf!important } .tool-menu li { padding: 10px 10px 5px } .tool-menu li:first-child { padding: 10px!important; margin-bottom: 5px; font-weight: 600; border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-top: 1px solid rgba(0, 0, 0, 0.12) } .makesticking2 .openmenu { display: inline-block!important } .openmenu { height: 48px; display: none!important } .openmenu .fa { font-size: 28px!important; } .openmenu a { vertical-align: -7px!important; } .makesticking2+.open-menu { position: fixed; top: 52px; width: 100%; z-index: 100000; animation-duration: 1s; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } </style> </head> <body> <header class="main-header"> <h1>BLOGGER ARAÇ MENÜSÜ</h1> <div class="menu-tool"> <div class="menu-toolicon" onclick="openToolmenu()"><i aria-hidden="true" class="fa fa-ellipsis-v"></i> </div> <div class="tool-menu slideInUp" id="tool-menu" style="display: none;"> <ul> <li><span>Araç Menüsü</span> </li> <li><a href="http://bloggereklentileri.blogspot.com/p/blogger.html" title="..."><i aria-hidden="true" class="fa fa-adjust fa-fw"></i> Renk kodu</a> </li> <li><a href="http://bloggereklentileri.blogspot.com/p/function-convertvar-ele1-document.html" title="..."><i aria-hidden="true" class="fa fa-code fa-fw"></i> HTML editör</a> </li> <li><a href="#" title="..."><i aria-hidden="true" class="fa fa-paint-brush fa-fw"></i> Photoshop</a> </li> <li><a href="#" title="..."><i aria-hidden="true" class="fa fa-eye fa-fw"></i> Vitrin</a> </li> <li><a href="http://bloggereklentileri.blogspot.com/p/blog-page_19.html" target="_blank" title="..."><i aria-hidden="true" class="fa fa-code fa-fw"></i> CSS sıkıştırma</a> </li> <li><a href="#" rel="nofollow" target="_blank" title="..."><i aria-hidden="true" class="fa fa-code fa-fw"></i> HTML format</a> </li> <li><a href="#" rel="nofollow" target="_blank" title="..."><i aria-hidden="true" class="fa fa-code fa-fw"></i> CSS format</a> </li> <li><a href="http://bloggereklentileri.blogspot.com/p/google-drive-indime-download-linki.html" target="_blank" title="..."><i aria-hidden="true" class="fa fa-code fa-fw"></i> Google drive link</a> </li> </ul> </div> </div> </header> <script type='text/javascript'> //<![CDATA[ function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function() { i.media = n || "all" }) } loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css"); //]]> </script> <script type='text/javascript'> //<![CDATA[ function openToolmenu() { document.getElementById("tool-menu").style.display = "block"; }; var boxArray = ["tool-menu"]; window.addEventListener("mouseup", function(e) { for (var r = 0; r < boxArray.length; r++) { var o = document.getElementById(boxArray[r]); e.target != o && e.target.parentNode != o && (o.style.display = "none") } }); function openMenuheader() { document.getElementById("menu-open").classList.toggle("open-menu"); }; //]]> </script> </body> </html> YENİ YAYIN ÖNCEKİ YAYIN "Blogger Araç Menüsü" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
Blogger Araç Menüsü Arlina Design 4/24/2017 Etiketler : Blogger Menü Arlina Design <!DOCTYPE html> <html> <head> <title>Kodeks Editör</title> <style type="text/css"> @import url("https://fonts.googleapis.com/css?family=Dosis:400,500,700,800") all; body { padding: 0; margin-bottom: 10px; font-family: Dosis, "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; margin: 0 auto 0 auto; background: #f5f5f5; } a {} ul, li { list-style: none } .main-header { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084); } .main-header { -webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform; width: 100%; height: 2.5rem; background: white; } .main-header h1 { display: block; font-size: 1.5em; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0px; -webkit-margin-end: 0px; float: left; margin: 0; padding: 5px; color: rgb(119, 119, 119); font-weight: 600; } .menu-tool { position: relative; float: right; width: auto; height: auto; right: 10px; } .menu-toolicon { font-size: 28px; float: right; cursor: pointer; margin-top: 5px; width: 30px; text-align: right; color: rgb(119, 119, 119); } .tool-menu { text-transform: inherit; background-color: #fff; border-radius: 0 0 2px 2px; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.26); color: #757575; cursor: default; padding: 0 0 15px; margin: 0; min-width: 220px; outline: 0; position: absolute; top: 40px; right: 0; text-align: left; white-space: nowrap; z-index: 100000 } .tool-menu ul { margin: 0; padding: 0 } .tool-menu li a, .tool-menu li span { text-decoration: none; color: rgb(119, 119, 119); !important } .tool-menu li a:hover { color: #566fbf!important } .tool-menu li { padding: 10px 10px 5px } .tool-menu li:first-child { padding: 10px!important; margin-bottom: 5px; font-weight: 600; border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-top: 1px solid rgba(0, 0, 0, 0.12) } .makesticking2 .openmenu { display: inline-block!important } .openmenu { height: 48px; display: none!important } .openmenu .fa { font-size: 28px!important; } .openmenu a { vertical-align: -7px!important; } .makesticking2+.open-menu { position: fixed; top: 52px; width: 100%; z-index: 100000; animation-duration: 1s; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } </style> </head> <body> <header class="main-header"> <h1>BLOGGER ARAÇ MENÜSÜ</h1> <div class="menu-tool"> <div class="menu-toolicon" onclick="openToolmenu()"><i aria-hidden="true" class="fa fa-ellipsis-v"></i> </div> <div class="tool-menu slideInUp" id="tool-menu" style="display: none;"> <ul> <li><span>Araç Menüsü</span> </li> <li><a href="http://bloggereklentileri.blogspot.com/p/blogger.html" title="..."><i aria-hidden="true" class="fa fa-adjust fa-fw"></i> Renk kodu</a> </li> <li><a href="http://bloggereklentileri.blogspot.com/p/function-convertvar-ele1-document.html" title="..."><i aria-hidden="true" class="fa fa-code fa-fw"></i> HTML editör</a> </li> <li><a href="#" title="..."><i aria-hidden="true" class="fa fa-paint-brush fa-fw"></i> Photoshop</a> </li> <li><a href="#" title="..."><i aria-hidden="true" class="fa fa-eye fa-fw"></i> Vitrin</a> </li> <li><a href="http://bloggereklentileri.blogspot.com/p/blog-page_19.html" target="_blank" title="..."><i aria-hidden="true" class="fa fa-code fa-fw"></i> CSS sıkıştırma</a> </li> <li><a href="#" rel="nofollow" target="_blank" title="..."><i aria-hidden="true" class="fa fa-code fa-fw"></i> HTML format</a> </li> <li><a href="#" rel="nofollow" target="_blank" title="..."><i aria-hidden="true" class="fa fa-code fa-fw"></i> CSS format</a> </li> <li><a href="http://bloggereklentileri.blogspot.com/p/google-drive-indime-download-linki.html" target="_blank" title="..."><i aria-hidden="true" class="fa fa-code fa-fw"></i> Google drive link</a> </li> </ul> </div> </div> </header> <script type='text/javascript'> //<![CDATA[ function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function() { i.media = n || "all" }) } loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css"); //]]> </script> <script type='text/javascript'> //<![CDATA[ function openToolmenu() { document.getElementById("tool-menu").style.display = "block"; }; var boxArray = ["tool-menu"]; window.addEventListener("mouseup", function(e) { for (var r = 0; r < boxArray.length; r++) { var o = document.getElementById(boxArray[r]); e.target != o && e.target.parentNode != o && (o.style.display = "none") } }); function openMenuheader() { document.getElementById("menu-open").classList.toggle("open-menu"); }; //]]> </script> </body> </html>
Yorum Gönder