Dodajte Ovaj Super Efekat - Mix Blogging

Notifikasi

“We become extremely vulnerable to the ones that love us, we believe in what they say, we believe in their faith held next to us. It’s law of attraction to become who your surrounded by, so instead of focusing of changing another, find some one suitable to your soul.” ― Nikki Rowe

|

Home › CSS3 › Dodajte Ovaj Super Efekat

Dodajte Ovaj Super Efekat

Posted by : TheCode-X

Sunday, 15 December 2013

- Add Comment

Ovo je feedburner ali na jedan veoma primamljiv način koji je teško ne primetiti. Prvo što veoma lepo izgleda, drugo, veoma je koristan. Evo vam demo, u gornjem desnom uglu se nalazi nešto nalik na papir koji se odlepio e tu vi prevucite miša i kliknite na feedburner ( a ima šta i da se vidi na njemu, to je od jednog mog starog bloga) i dalje nastavite ovako

Live Demo

Potražite ovaj kod </head> i dodajte sledeći odmah iznad njega

<style type='text/css'>img { behavior: url(iepngfix.htc) } #pageflip { position: absolute; right: 0; top: 0; float: right; } #pageflip img { width: 50px; height: 52px; z-index: 99; position: absolute; right: 0; top: 0; -ms-interpolation-mode: bicubic; } #pageflip .back-img { width: 50px; height: 50px; overflow: hidden; position: absolute; right: 0; top: 0;z-index:98; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhofERvz046dSn0OCZAbH6ni0VzOB-7FEUyYKyH3fCa-0vQB26LbIK_HDGsdWmDJLfyDY8IhJhm3s3WFg25ObznfhI6HOQHS7AJskEY_PBhvkAc8d4_Q6wxsALmxexBaxsjneFlG0-WXdxt/s1600/mini_rss.png) no-repeat right top #fff; } </style><a href='http://realcombiz.com'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFLiNyXc2cJzum__ufnp2id5h4pGLmfnrQndEIH_DL5jLMi38Bi50_dCdJiqg7ZcdqPzCCzOhGvsCTZixFLe-9z-wOu6w_pAfbqlpXDjzXQihzTYxWKVYRnKTwA35zKD00hdITO-uq1B4/s1600/1x1juice.png'/></a><script type='text/javascript'>$(document).ready(function(){ //Page Flip on hover $("#pageflip").hover(function() { $("#pageflip img , .back-img").stop()     .animate({     width: '307px',     height: '319px'     }, 500);     } , function() {     $("#pageflip img").stop()     .animate({     width: '50px',     height: '52px'     }, 220); $(".back-img").stop()     .animate({     width: '50px',     height: '50px'     }, 200); }); }); </script>

Ako nemate jQuery plugin, dodajte ovaj kod odmah posle <head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>

Sad nadjite ovaj kod <body> i odmah posle njega dodajte sledeći kod sa vašom feedburner adresom.
<div id='pageflip'>
<a href=' http://feeds.feedburner.com/VAŠA-URL-ZA-FEEDBN '><img alt='#' src='http://2.bp.blogspot.com/_1fRuBdlSpLw/TJcc3k62mWI/
AAAAAAAAAps/uSj6nCe_CB4/s1600/page_flip.png'/></a>
<div class='back-img'/>
</div>

Mix-R

Mix-R

"Myths, legends and stories are the signposts previous generations have left us so we don’t have to figure out our own personal journey in solitude!"

Disqus CommentsLoadHide