links

Home > All posts

Code 3

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: #999999;"><div id='loader'></span><br />
<div>
<span style="background-color: #999999;">
<div class='preload-juggle'></span></div>
<div>
<span style="background-color: #999999;">
  <div class='ball'></div></span></div>
<div>
<span style="background-color: #999999;">
  <div class='ball'></div></span></div>
<div>
<span style="background-color: #999999;">
  <div class='ball'></div></span></div>
<div>
<span style="background-color: #999999;">
</div></span></div>
<div>
<span style="background-color: #999999;">
</div></span></div>
<div>
<span style="background-color: #999999;">
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'/></span></div>
<div>
<span style="background-color: #999999;">
    <script type='text/javascript'></span></div>
<div>
<span style="background-color: #999999;">
        $(window).load(function () {</span></div>
<div>
<span style="background-color: #999999;">
            setTimeout(function () {</span></div>
<div>
<span style="background-color: #999999;">
                $(&quot;.preload-juggle&quot;).fadeOut(&quot;slow&quot;);</span></div>
<div>
<span style="background-color: #999999;">
                setTimeout(function () {</span></div>
<div>
<span style="background-color: #999999;">
                    $(&quot;#loader&quot;).fadeOut(&quot;slow&quot;)</span></div>
<div>
<span style="background-color: #999999;">
                }, 1000)</span></div>
<div>
<span style="background-color: #999999;">
            }, 1000)</span></div>
<div>
<span style="background-color: #999999;">
        });</span></div>
<div>
<span style="background-color: #999999;">
    </script></span></div>
<div>
<span style="background-color: #999999;">
<style></span></div>
<div>
<span style="background-color: #999999;">
#loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: #16A085;z-index: 1000}</span></div>
<div>
<span style="background-color: #999999;">
.preload-juggle {width: 300px;height: 300px;position: absolute;top: 50%;margin-top: -150px;left: 50%;margin-left: -150px;}</span></div>
<div>
<span style="background-color: #999999;">
.preload-juggle div {position: absolute;width: 21px;height: 
21px;border-radius: 10.5px;background: #1BBC9B;margin-top: 
150px;margin-left: 150px;animation: juggle 2.1s linear infinite;}</span></div>
<div>
<span style="background-color: #999999;">
.preload-juggle div:nth-child(1) {animation-delay: -0.7s;}</span></div>
<div>
<span style="background-color: #999999;">
.preload-juggle div:nth-child(2) {animation-delay: -1.4s;}</span></div>
<div>
<span style="background-color: #999999;">
@keyframes juggle {</span></div>
<div>
<span style="background-color: #999999;">
0% {transform: translateX(0px) translateY(0px);}</span></div>
<div>
<span style="background-color: #999999;">
12.5% {transform: translateX(25px) translateY(-55px) scale(1.1);background: #36D7B7;}</span></div>
<div>
<span style="background-color: #999999;">
25% {transform: translateX(50px) translateY(0px);animation-timing-function: ease-out;  }</span></div>
<div>
<span style="background-color: #999999;">
37.5% {transform: translateX(25px) translateY(55px);}</span></div>
<div>
<span style="background-color: #999999;">
50% {transform: translateX(0px) translateY(0px);}</span></div>
<div>
<span style="background-color: #999999;">
62.5% {transform: translateX(-25px) translateY(-55px) scale(1.1);animation-timing-function: ease-in; }</span></div>
<div>
<span style="background-color: #999999;">
 75% {transform: translateX(-50px) translateY(0px);animation-timing-function: ease-out;}</span></div>
<div>
<span style="background-color: #999999;">
87.5% {transform: translateX(-25px) translateY(55px); }</span></div>
<div>
<span style="background-color: #999999;">
100% {transform: translateX(0px) translateY(0px);}</span></div>
<div>
<span style="background-color: #999999;">
}</span></div>
<div>
<span style="background-color: #999999;">
</style></span></div>
<br /></div>

<div id='loader'> <div class='preload-juggle'> <div class='ball'></div> <di...

Code 2

title{0%{opacity:0;right:130px}48%{opacity:0;right:130px}52%{opacity:1;right:30px}70%{opacity:1;right:30px}100%{opacity:0;right:30px}}@-moz-keyframes

title{0%{opacity:0;right:130px}48%{opacity:0;right:130px}52%{opacity:1;right:30px}70%{opacity:1;right:30px}100%{opacity:0;right:30px}}@-webkit-keyframes

fade{0%{opacity:1}100%{opacity:0}}@-moz-keyframes 
fade{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes 
bg{0%{background-color:#306f99}50%{background-color:#19470f}90%{background-color:#734a10}}@-moz-keyframes

bg{0%{background-color:#306f99}50%{background-color:#19470f}90%{background-color:#734a10}}@-webkit-keyframes

blink{0%{opacity:0}5%{opacity:1}10%{opacity:0}15%{opacity:1}20%{opacity:0}25%{opacity:1}30%{opacity:0}35%{opacity:1}40%{opacity:0;right:-21px}45%{opacity:1;right:80px}50%{opacity:0;right:-21px}51%{right:-21px}55%{opacity:1}60%{opacity:0}65%{opacity:1}70%{opacity:0}75%{opacity:1}80%{opacity:0}85%{opacity:1}90%{opacity:0;right:-21px}95%{opacity:1;right:80px}96%{right:-21px}100%{opacity:0;right:-21px}}@-moz-keyframes

30px 30px 0;background:#306f99;-moz-animation:bg 1.5s linear 
infinite;-webkit-animation:bg 1.5s linear infinite;animation:bg 1.5s 
linear infinite;-moz-box-shadow:inset 0 0 45px 30px 
black;-webkit-box-shadow:inset 0 0 45px 30px black;box-shadow:inset 0 0 
45px 30px 
black}.loading{position:relative;text-align:right;text-shadow:0 0 
6px#bce4ff;height:20px;width:150px;margin:0 auto}.loading 
span{display:block;text-transform:uppercase;position:absolute;right:30px;height:20px;width:400px;line-height:20px}.loading

span:after{content:"";display:block;position:absolute;top:-2px;right:-21px;height:20px;width:16px;background:#eaf7ff;-moz-box-shadow:0

0 15px#bce4ff;-webkit-box-shadow:0 0 15px#bce4ff;box-shadow:0 0 
15px#bce4ff;-moz-animation:blink 3.4s infinite;-webkit-animation:blink 
3.4s infinite;animation:blink 3.4s infinite}.loading 
span.title{-moz-animation:title 3.4s linear 
infinite;-webkit-animation:title 3.4s linear infinite;animation:title 
3.4s linear infinite}.loading span.text{-moz-animation:title 3.4s linear
 1.7s infinite;-webkit-animation:title 3.4s linear 1.7s 
infinite;animation:title 3.4s linear 1.7s 
infinite;opacity:0}</style></span></div>
</div>

<div id='loader'> <div class="wrap"> <div class="bg"> <div class="loading...

Code 1

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: #999999;"><div id="loader"></span><br />
<div>
<span style="background-color: #999999;">
        <div class="spinner"></span></div>
<div>
<span style="background-color: #999999;">
            <div class="spinner-inner"></div></span></div>
<div>
<span style="background-color: #999999;">
        </div></span></div>
<div>
<span style="background-color: #999999;">
    </div></span></div>
<div>
<span style="background-color: #999999;">
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'/></span></div>
<div>
<span style="background-color: #999999;">
    <script type="text/javascript"></span></div>
<div>
<span style="background-color: #999999;">
        $(window).load(function () {</span></div>
<div>
<span style="background-color: #999999;">
            setTimeout(function () {</span></div>
<div>
<span style="background-color: #999999;">
                $(".spinner").fadeOut("slow");</span></div>
<div>
<span style="background-color: #999999;">
                setTimeout(function () {</span></div>
<div>
<span style="background-color: #999999;">
                    $("#loader").fadeOut("slow")</span></div>
<div>
<span style="background-color: #999999;">
                }, 1000)</span></div>
<div>
<span style="background-color: #999999;">
            }, 1000)</span></div>
<div>
<span style="background-color: #999999;">
        });</span></div>
<div>
<span style="background-color: #999999;">
    </script></span></div>
<div>
<span style="background-color: #999999;">
<style>#loader{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,10,10,1);z-index:1000}.spinner{position:fixed;width:100%;top:70%;height:30px;text-align:center;font-size:10px}.spinner,.spinner-inner{position:absolute;top:0;bottom:0;right:0;left:0;border:9px

solid white;border-color:transparent 
white;margin:auto}.spinner{width:85px;height:85px;-webkit-animation:spin
 2.2s linear 0s infinite normal;-moz-animation:spin 2.2s linear 0s 
infinite normal;animation:spin 2.2s linear 0s infinite 
normal}.spinner-inner{width:40px;height:40px;-webkit-animation:spinback 
1.2s linear 0s infinite normal;-moz-animation:spinback 1.2s linear 0s 
infinite normal;animation:spinback 1.2s linear 0s infinite 
normal}@-webkit-keyframes 
spin{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes

spin{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@keyframes

spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes

spinback{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(-360deg)}}@-moz-keyframes

spinback{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(-360deg)}}@keyframes

spinback{from{transform:rotate(0)}to{transform:rotate(-360deg)}}</style></span></div>
<br /></div>

<div id="loader"> <div class="spinner"> <div class="spinner-inner"...

Thesis Social Media Subscription

<div dir="ltr" style="text-align: left;" trbidi="on">
<ul style="text-align: left;">
<li><b><div class="btnt-chronicl-social"></b></li>
<li><b><ul></b></li>
<li><b><li><a class="rss" href="<span style="background-color: #999999;">http://feeds.feedburner.com/easkme</span>">Subscribe to the RSS Feed</a></li></b></li>
<li><b><li><a class="twitter" href="<span style="background-color: #999999;">https://twitter.com/vhowtodo</span>">Follow me on Twitter</a></li></b></li>
<li><b><li><a class="facebook" href="<span style="background-color: #999999;">https://www.facebook.com/easkme</span>">Find me on Facebook</a></li></b></li>
<li><b><li><a class="google" href="<span style="background-color: #999999;">https://plus.google.com/+sonamathews/about</span>">Join me on Google+</a></li></b></li>
<li><b><li><a class="linkedin" href="<span style="background-color: #999999;">http://in.linkedin.com/in/sonamathews</span>">Connect with me on LinkedIn</a></li></b></li>
<li><b><li><a class="youtube" href="<span style="background-color: #999999;">https://www.youtube.com/channel/UCOcdlixm8qNWjD1-hUPOCGg</span>">Watch me on YouTube</a></li></b></li>
<li><b></ul></b></li>
<li><b></div></b></li>
<li><b><style type='text/css'></b></li>
<li><b>/*<![CDATA[*/</b></li>
<li><b>.btnt-chronicl-social {  width: 320px;  margin: -10px;  }</b></li>
<li><b>.btnt-chronicl-social ul {  margin: 0;  padding: 0;  }</b></li>
<li><b>.btnt-chronicl-social ul li {  list-style:none;   padding: 0; text-transform: none; }</b></li>
<li><b>.btnt-chronicl-social ul li a {   color: #fff;   display:block;  }</b></li>
<li><b>.btnt-chronicl-social ul li a:hover {  color: #c9c9c9;  background-color: #333;   }</b></li>
<li><b>.btnt-chronicl-social ul li .rss { background: 
url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png")
 no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 
17.5px 45px; }</b></li>
<li><b>.btnt-chronicl-social ul li .twitter { background: 
url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png")
 no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 
17.5px 45px;}</b></li>
<li><b>.btnt-chronicl-social ul li .facebook { background: 
url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png")
 no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 
17.5px 45px; }</b></li>
<li><b>.btnt-chronicl-social ul li .google { background: 
url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png")
 no-repeat scroll 10px center #D44937; background-size: 20px; padding: 
17.5px 45px; }</b></li>
<li><b>.btnt-chronicl-social ul li .linkedin { background: 
url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png")
 no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 
17.5px 45px; }</b></li>
<li><b>.btnt-chronicl-social ul li .youtube { background: 
url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Youtube-1.png")
 no-repeat scroll 10px center #C6312B; background-size: 20px;  padding: 
17.5px 45px; }</b></li>
<li><b>/*]]>*/</b></li>
<li><b></style></b></li>
</ul>
</div>

<div class="btnt-chronicl-social"> <ul> <li><a class="rss" href=" http://feeds.feedburner....

pinglist

<div dir="ltr" style="text-align: left;" trbidi="on">
1: http://blogsearch.google.com/ping/RPC2<br /><br /> 6: http://api.my.yahoo.com/RPC2<br /><br /> 7: http://api.my.yahoo.com/rss/ping<br /><br /> 8: http://bblog.com/ping.php<br /><br /> 9: http://blog.goo.ne.jp/XMLRPC<br /><br /> 10: http://blogdb.jp/xmlrpc<br /><br /> 11: http://blogmatcher.com/u.php<br /><br /> 12: http://bulkfeeds.net/rpc<br /><br /> 13: http://coreblog.org/ping/<br /><br /> 14: http://mod-pubsub.org/kn_apps/blogchatt<br /><br /> 15: http://www.lasermemory.com/lsrpc/<br /><br /> 16: http://ping.amagle.com/<br /><br /> 17: http://ping.bitacoras.com<br /><br /> 18: http://ping.blo.gs/<br /><br /> 19: http://ping.bloggers.jp/rpc/<br /><br /> 20: http://ping.cocolog-nifty.com/xmlrpc<br /><br /> 21: http://ping.blogmura.jp/rpc/<br /><br /> 23: http://ping.feedburner.com<br /><br /> 24: http://ping.myblog.jp<br /><br /> 25: http://ping.rootblog.com/rpc.php<br /><br /> 28: http://ping.weblogs.se/<br /><br /> 29: http://pingoat.com/goat/RPC2<br /><br /> 30: http://rcs.datashed.net/RPC2/<br /><br /> 31: http://rpc.blogbuzzmachine.com/RPC2<br /><br /> 33: http://rpc.icerocket.com:10080/<br /><br /> 34: http://rpc.newsgator.com/<br /><br /> 35: http://rpc.pingomatic.com<br /><br /> 36: http://rpc.technorati.com/rpc/ping<br /><br /> 37: http://rpc.weblogs.com/RPC2<br /><br /> 38: http://topicexchange.com/RPC2<br /><br /> 39: http://trackback.bakeinu.jp/bakeping.php<br /><br /> 40: http://www.a2b.cc/setloc/bp.a2b<br /><br /> 43: http://www.blogoole.com/ping/<br /><br /> 44: http://www.blogoon.net/ping/<br /><br /> 45: http://www.blogpeople.net/servlet/weblogUpdates<br /><br /> 46: http://www.blogroots.com/tb_populi.blog?id=1<br /><br /> 49: http://www.blogstreet.com/xrbin/xmlrpc.cgi<br /><br /> 50: http://www.mod-pubsub.org/kn_apps/blogchatter/ping.php<br /><br /> 53: http://www.popdex.com/addsite.php<br /><br /> 54: http://www.snipsnap.org/RPC2<br /><br /> 55: http://www.weblogues.com/RPC/<br /><br /> 56: http://xmlrpc.blogg.de<br /><br /> 57: http://xping.pubsub.com/ping/</div>

1: http://blogsearch.google.com/ping/RPC2 6: http://api.my.yahoo.com/RPC2 7: http://api.my.yahoo.com/rss/ping 8: http://bblog.com/ping.p...

most commented

<div dir="ltr" style="text-align: left;" trbidi="on">
    <style><br />
<br />
    /* ######### Most Commented Widget by eAskme ##########*/<br />
    .commentbubble {<br />
    background: #292D30;<br />
    width: 49px;<br />
    float: left;<br />
    margin: 2px 20px 35px 0px;<br />
    font-weight: bold;<br />
    font-size: 1.3em;<br />
    text-align: right;<br />
    font-family: georgia,Helvetica;<br />
    padding: 0px 0px 5px 0px;<br />
    text-align: right;<br />
    color: #FFF;<br />
    text-shadow: 4px 1px #202022;<br />
    position: relative;<br />
    top: 5px;<br />
<br />
    }<br />
    .commentbubble:after {<br />
    content: ' ';<br />
    position: absolute;<br />
    width: 0;<br />
    height: 0;<br />
    right: 0px;<br />
    top: 100%;<br />
    border-width: 5px 8px;<br />
    border-style: solid;<br />
    border-color: #292D30 #292D30 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);<br />
    top: 34px;<br />
    right: 6px;<br />
    }<br />
<br />
    </style><br />
<br />
<br />
    <script type="text/javascript"><br />
    function getYpipePP(feed) {<br />
    document.write('<ul style="list-style:none; ">');<br />
    var i;<br />
    for (i = 0; i < feed.count ; i++)<br />
    {<br />
    var href = "'" + feed.value.items[i].link + "'";<br />
    var pTitle = feed.value.items[i].title;<br />
    var pComment = + feed.value.items[i].commentcount;<br />
    var pList = '<li style="clear:both; padding:10px 0px 30px 0px!important; border-bottom: 1px dashed #dedede; line-height:2em; "> <div class="commentbubble">' +pComment +  "&#160;&#160;</div>" +  "<a href="+ href + '" target="_blank">' + pTitle ;<br />
    document.write(pList);<br />
    //to remove comment count delete this line<br />
    document.write('</a></li>');<br />
    }<br />
    document.write('</ul>');<br />
    }<br />
    </script><br />
    <script src="http://pipes.yahoo.com/pipes/pipe.run?<br />
     YourBlogUrl=http://www.easkme.com<br />
    &ShowHowMany=10<br />
    &_id=390e906036f48772b2ed4b5d837af4cd<br />
    &_callback=getYpipePP<br />
    &_render=json"<br />
    type="text/javascript"></script><br />
    /* ######### Most Commented Widget by eAskme ##########*/</div>

fancy ribbon

<div dir="ltr" style="text-align: left;" trbidi="on">
    /*####### FANCY RIBBON BACKGROUNDS BY http://www.eAskme.com #######*/<br /><br />    #HTML13 h2<br />    {<br />    position: relative;<br />    padding: 10px 0px 15px !important;<br />    margin: 0px 0px 10px 27px !important;<br />    color: #ffffff;<br />    background-color: #282C2F;<br />    box-shadow: 0px 2px 4px rgb(136, 136, 136);<br />    border-top: 3px solid #000000;<br />    background-image: none !important;<br />    height: auto !important;<br />    width: 338px;<br />    }<br /><br /><br />    #HTML13 h2:before<br />    {<br />        content: ' ';<br />        position: absolute;<br />        width: 30px;<br />        height: 0;<br />        left: -30px;<br />        top: 16px;<br />        border-width: 20px 10px;<br />        border-style: solid;<br />        border-color: #282C2F #282C2F #282C2F transparent;<br />         <br />    }<br /><br />     <br /><br />    #HTML13 h2:after<br />    {<br />        content: ' ';<br />        position: absolute;<br />        width: 30px;<br />        height: 0;<br />        right: -30px;<br />        top: 16px;<br />        border-width: 20px 10px;<br />        border-style: solid;<br />        border-color: #282C2F transparent #282C2F #282C2F;<br />    }<br /><br />     <br /><br /><br />    #HTML13 h2 span:before<br />    {<br />        content: ' ';<br />        position: absolute;<br />        width: 0;<br />        height: 0;<br />        left: 0px;<br />        top: 100%;<br />        border-width: 5px 10px;<br />        border-style: solid;<br />        border-color: #353A3D #353A3D transparent transparent;<br />            z-index:99999;<br />    }<br /><br /><br />    #HTML13 h2 span:after<br />    {<br />        content: ' ';<br />        position: absolute;<br />        width: 0;<br />        height: 0;<br />        right: 0px;<br />        top: 100%;<br />        border-width: 5px 10px;<br />        border-style: solid;<br />        border-color: #353A3D transparent transparent #353A3D;<br />            z-index:99999;<br />    }<br />    /*####### FANCY RIBBON BACKGROUNDS BY http://www.eAskme.com #######*/</div>

/*####### FANCY RIBBON BACKGROUNDS BY http://www.eAskme.com #######*/ #HTML13 h2 { position: relative; padding: 10px 0p...

Popular Posts