× İletişim Formu jQuery Eklentisi ile Kayan Yazı Oluşturma Arlina Design 9/07/2017 Etiketler : Blogger CSS3 Blogger HTML5 Blogger jQuery Blogger Widget Arlina Design <!DOCTYPE html> <html> <head> <title>jQuery Eklentisi ile Kayan Yazı Oluşturma</title> <style type='text/css'> /*<![CDATA[*/ @import url('https://fonts.googleapis.com/css?family=Encode+Sans+Condensed'); body {font-family: 'Encode Sans Condensed', sans-serif;margin:0 auto 0 auto;padding:20px} #awning {background:#fff;padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:2px 2px 3px rgba(0,0,0,.05);-o-box-shadow:2px 2px 3px rgba(0,0,0,.05);-ms-box-shadow:2px 2px 3px rgba(0,0,0,.05);box-shadow:2px 2px 3px rgba(0,0,0,.05);} .awning {width:100%;overflow: hidden;background:#fff} .ver {height:50px;width:100%;} /*]]>*/ </style> </head> <body> Sola (Left) (varsayılan):<br/><br/> <div id="awning"> <div class="awning" data-pauseOnHover="true" data-duration='10000'>Blogger Eklentileri özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog. Daha iyi bloglar için faydalı bilgilerin yanı sıra blog sitelerine katkıda bulunmak temel amacımızdır. Teşekkürler.</div></div> <br/> Sağa (Right):<br/><br/> <div id="awning"> <div class="awning" data-direction='right' data-pauseOnHover="true" data-duration='10000'>Blogger Eklentileri özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog. Daha iyi bloglar için faydalı bilgilerin yanı sıra blog sitelerine katkıda bulunmak temel amacımızdır. Teşekkürler.</div></div> <br/> Yukarı (Up):<br/><br/> <div id="awning"> <div class="awning ver" data-direction='up' data-duration='1500' data-pauseOnHover="true">Blogger Eklentileri özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog. <br/><br/> Daha iyi bloglar için faydalı bilgilerin yanı sıra blog sitelerine katkıda bulunmak temel amacımızdır. Teşekkürler.</div></div> <br/> Aşağı (Down):<br/><br/> <div id="awning"> <div class="awning ver" data-direction='down' data-pauseOnHover="true" data-duration='1500'>Blogger Eklentileri özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog. <br/><br/> Daha iyi bloglar için faydalı bilgilerin yanı sıra blog sitelerine katkıda bulunmak temel amacımızdır. Teşekkürler.</div></div> <br/> <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script> <script src='https://rawgit.com/jquerycods/jquery/master/awning.js'></script> </body> </html> YENİ YAYIN ÖNCEKİ YAYIN "jQuery Eklentisi ile Kayan Yazı Oluşturma" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
jQuery Eklentisi ile Kayan Yazı Oluşturma Arlina Design 9/07/2017 Etiketler : Blogger CSS3 Blogger HTML5 Blogger jQuery Blogger Widget Arlina Design <!DOCTYPE html> <html> <head> <title>jQuery Eklentisi ile Kayan Yazı Oluşturma</title> <style type='text/css'> /*<![CDATA[*/ @import url('https://fonts.googleapis.com/css?family=Encode+Sans+Condensed'); body {font-family: 'Encode Sans Condensed', sans-serif;margin:0 auto 0 auto;padding:20px} #awning {background:#fff;padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:2px 2px 3px rgba(0,0,0,.05);-o-box-shadow:2px 2px 3px rgba(0,0,0,.05);-ms-box-shadow:2px 2px 3px rgba(0,0,0,.05);box-shadow:2px 2px 3px rgba(0,0,0,.05);} .awning {width:100%;overflow: hidden;background:#fff} .ver {height:50px;width:100%;} /*]]>*/ </style> </head> <body> Sola (Left) (varsayılan):<br/><br/> <div id="awning"> <div class="awning" data-pauseOnHover="true" data-duration='10000'>Blogger Eklentileri özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog. Daha iyi bloglar için faydalı bilgilerin yanı sıra blog sitelerine katkıda bulunmak temel amacımızdır. Teşekkürler.</div></div> <br/> Sağa (Right):<br/><br/> <div id="awning"> <div class="awning" data-direction='right' data-pauseOnHover="true" data-duration='10000'>Blogger Eklentileri özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog. Daha iyi bloglar için faydalı bilgilerin yanı sıra blog sitelerine katkıda bulunmak temel amacımızdır. Teşekkürler.</div></div> <br/> Yukarı (Up):<br/><br/> <div id="awning"> <div class="awning ver" data-direction='up' data-duration='1500' data-pauseOnHover="true">Blogger Eklentileri özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog. <br/><br/> Daha iyi bloglar için faydalı bilgilerin yanı sıra blog sitelerine katkıda bulunmak temel amacımızdır. Teşekkürler.</div></div> <br/> Aşağı (Down):<br/><br/> <div id="awning"> <div class="awning ver" data-direction='down' data-pauseOnHover="true" data-duration='1500'>Blogger Eklentileri özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog. <br/><br/> Daha iyi bloglar için faydalı bilgilerin yanı sıra blog sitelerine katkıda bulunmak temel amacımızdır. Teşekkürler.</div></div> <br/> <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script> <script src='https://rawgit.com/jquerycods/jquery/master/awning.js'></script> </body> </html>
Yorum Gönder