loading...
فور لاور|4loverr
آخرین ارسال های انجمن
عنوان پاسخ بازدید توسط
سلام 0 51 nazanin
nazanin بازدید : 89 پنجشنبه 18 دی 1393 نظرات (0)

 

 

<TEXTAREA><!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title><-BlogAndPostTitle-></title>

<style>

body{

font-family:Tahoma;

font-size:8pt;

padding:0px;

margin:0px;

color:#996600;

background-image:url('http://up-is.ir/s11/1392202522541.png');

}

a,a:visited{

color:#000000;

text-decoration: none;

}

img{

border:none;

max-width:410px;

}

#page{

width:760px;

}

#uwrapper{

margin:20px auto;

padding:0px;

width:500px;

height:450px;

background:url('http://up-is.ir/s11/1392203492881.jpg') top center no-repeat;

border:solid 5px #996600;

border-radius:0px 300px 300px 300px;

box-shadow:0px 7px 5px #996600;

-ms-transition:all 0.5s ease;

-moz-transition:all 0.5s ease;

-o-transition:all 0.5s ease;

-webkit-transition:all 0.5s ease;

transition:all 0.5s ease;

}

#uwrapper:hover{

border-radius:300px 300px 0px 300px;

}

 

#header div{

color:#000000;

font-family:Tahoma;

font-size:21pt;

font-weight:bold;

text-align:center;

padding-top:50px;

}

#header div p{

margin-top:5px;

margin-bottom:0px;

color:#000000;

font-family:Tahoma;

font-size: 9pt;

font-weight:normal;

text-align:center;

direction:rtl;

}

#headerb{

height:0px;

}

#content{

padding:0px 7px;

}

#main{

float:right;

background:#FFFFFF;

border: 3px solid #996600;

border-radius:40px;

}

#main2{

height:60px;

 }

#post{

padding:0px;

text-align:right;

}

#posttitle{

height:44px;

text-align:right;

font-size:9pt;

direction:rtl;

padding-top:10px;

padding-right:30px;

}

#posttitle a, #posttitle a:visited {

color:#996600;

}

#postbody{

text-align: justify;

padding:0px 10px 5px 3px;

font-size:9pt;

color:#000000;

width:480px;

line-height:1.5em;

direction:rtl;

overflow:hidden;

}

#postbody p{

margin-top:10px;

margin-bottom:0px;

}

#postdesc{

padding:15px 22px 0px 7px;

color:#000000;

direction:rtl;

}

#space{

height:20px;

}

#sidebar{

float:left;

width:180px;

padding-top:10px;

color:#000000;

line-height:1.5em;

text-align:right;

background:#ffffff;

border: 3px solid #996600;

border-radius:40px;

margin:0px 0px 10px 0px;

}

#sidebar p{

font-family:Tahoma;

font-size:15px;

font-weight:bold;

color:#996600;

padding:0px;

margin:5px 0px 0px 0px;

}

#sidebar a{

text-decoration:none;

border:none;

text-align:center;

font-family:Tahoma;

font-size:11px;

color:#000000;

text-shadow:0px 2px 2px #999999;

padding:5px 0px 0px 0px;

transition:all 1s ease 0.3s;

}

 

#mmenu{

width:170px;

line-height: 1.5em;

text-align:center;

direction:rtl;

}

#sidebar ul{

font-size:8pt;

list-style-type: none;

margin: 0px;

padding:0px 5px 20px 5px;

}

#sidebar li {

font-size:8pt;

padding-right:5px;

padding-bottom:0px;

line-height:1.5em;

direction:rtl;

}

#photo{

width:170px;

padding-top:5px;

padding-bottom:2px;

text-align:center;

}

#about{

width:170px;

text-align: center;

font-size:8pt;

padding:10px 7px 20px 7px;

color:#000000;

direction:rtl;

}

</style>

<script lang ="javascript">

function GetBC(lngPostid)

{

intTimeZone=<-BlogTimeZone->;

strBlogId="<-BlogId->";

intCount=-1;

strResult="";

try {

for (i=0;i<BlogComments.length;i+=2)

{

if (BlogComments[i]==lngPostid)

intCount=BlogComments[i+1] ;

}

}  catch( e) {

}

if ( intCount==-1)  strResult=" Ɔσммɛитƨ ";

if ( intCount==0)  strResult=" Ɔσммɛит ";

if ( intCount==1)  strResult=" Ɔσммɛит ";

if ( intCount>1)  strResult=intCount + " Ɔσммɛитƨ " ;

strUrl="/comments/?blogid=" +strBlogId + "&postid=" + lngPostid + "&timezone=" + intTimeZone ;

strResult ="<a href=\"javascript:void(0)\" onclick=\"javascript:window.open('" + strUrl + "','blogfa_comments','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px')\" >" +  strResult + " </a>" ;

document.write ( strResult ) ;

}

function OpenLD()

{

window.open('/links','blogfa_ld','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px');

return true;

}

</script>

</head>

<body>

<div id='uwrapper' data-scrollreveal="enter from the top over 1.5s"></div>

<div align='center'>

<div id='page'>

<div id='content'>

<div id='main'>

<center>

<p style='color:#000000;font-family:tahoma;font-size:10pt'><b><-BlogTitle-></b></p>

<p style="color:#996600;font-family:Tahoma;font-size:8pt"><-BlogDescription-></p>

</center>

<BLOGFA>

<div id='post'>

<div id='posttitle' data-scrollreveal="enter bottom over 1s and move 300px after 0.3s"><a href="<-PostLink->"><b><-PostTitle-></b></a></div>

<div id='postbody' data-scrollreveal="enter right after 0.5s"><-PostContent-><BlogPostTagsBlock><br>tags:<BlogPostTags separator=", "><a href="<-TagLink->"><-TagName-></a></BlogPostTags></BlogPostTagsBlock><BlogExtendedPost><br><a href="<-PostLink->" style="font-size:15px;"> ƈօռȶɨռʊɛ </a></BlogExtendedPost></div>

<div id='postdesc' data-scrollreveal="enter right after 0.5s"> <-PostDate->  |  <-PostTime->  |  <-PostAuthor->  |  <BlogComment> <span dir="rtl" ><script type="text/javascript">GetBC(<-PostId->);</script></span></BlogComment></div>

<div id='space'></div>

<center data-scrollreveal="enter bottom over 1s and move 300px after 0.3s">

<img src="http://up-is.ir/s11/1392201997451.png" style="width:200px;height:23px;border:none;"/>

</center>

</div>

</BLOGFA>

<center data-scrollreveal="enter bottom over 1s and move 300px after 0.3s">

<a href="http://www.shikthem.blogfa.com" target='_blank'>Shik Them</a>

</center>

</div>

<div id='sidebar'>  

<center>

<BlogProfile>

<center data-scrollreveal="enter bottom over 1s and move 300px after 0.3s">

<BlogPhoto><div id='photo'><center><img src="<-BlogPhotoLink->"></center></div></BlogPhoto>

</center>

<div id='about'><-BlogAbout-></div>

</BlogProfile>

<p data-scrollreveal="enter left">✘мɛиʋ✘</p><br>

<div id='mmenu'>

<ul data-scrollreveal="enter left">

<li>

<a href="<-BlogUrl->">нσмє</a> ✘ <a href="MAITO:<-BlogEmail->">ємαιℓ</a> ✘ <a href="<-BlogProfileLink->">ρяσƒιℓє</a><br></BlogProfileLinkBlock>

</li>

<li>

<a target="_blank" href="http://www.shikthem.blogfa.com"></a>

</li>

</ul>

</div>

<BlogAuthorsBlock>

<p data-scrollreveal="enter left">✘ᗩuтнσяƨ✘</p>

<br>

<div id=mmenu>

<ul data-scrollreveal="enter left">

<BlogAuthors><li><a target="_blank" href="<-AuthorLink->" ><-AuthorName-></a></li></BlogAuthors>

</ul>

</div>

</BlogAuthorsBlock>

<BlogLinkDumpBlock>

<p data-scrollreveal="enter left">✘Ɖayℓi✘</p>

<br>

<a target="_blank" href="http://www.shikthem.blogfa.com/" data-scrollreveal="enter left">Shik Them</a>

<div id=mmenu>

<ul>

<BlogLinkDump>

<li data-scrollreveal="enter left"><a target="_blank" href="<-LinkUrl->" title="<-LinkDescription->"><-LinkTitle-></a></li>

</BlogLinkDump>

<li data-scrollreveal="enter left"><a href="javascript:void(0)" onclick ="OpenLD();"></a></li>

</ul>

</div>

</BlogLinkDumpBlock>

<p data-scrollreveal="enter left">✘ᗩяcнιʌɛƨ✘</p>

<br>

<div id=mmenu>

<ul>

<BlogArchive><li data-scrollreveal="enter left"><a href="<-ArchiveLink->"><-ArchiveTitle-></a></li></BlogArchive>

</ul>

</div>

<BlogCategoriesBlock>

<p data-scrollreveal="enter left">✘Cαтɛɢσяιɛƨ✘</p>

<br>

<div id=mmenu>

<ul>

<BlogCategories><li data-scrollreveal="enter left"><a href="<-CategoryLink->"><-CategoryName-></a></li></BlogCategories>

</ul>

</div>

</BlogCategoriesBlock>

<p data-scrollreveal="enter left">✘ƒяιɛиƉƨ✘</p>

<br>

<a target="_blank" href="http://www.shikthem.blogfa.com/" data-scrollreveal="enter left">Shik Them</a>

<div id=mmenu>

<ul>

<BlogLinks><li><a target="_blank" href="<-LinkUrl->" data-scrollreveal="enter left"><-LinkTitle-></a></li></BlogLinks>

</ul>

</div>

<p data-scrollreveal="enter bottom over 1s and move 100px"><script src="http://up-is.ir/up93/p2/14090461438091.js" type="text/javascript" language="javascript"></script>

<div id=mmenu data-scrollreveal="enter bottom over 1s and move 100px">

<-BlogCustomHtml->

</div>

</center>

<br/>

</div></div></div></div>

<script type="text/javascript">

/*=============================================================================

www.shikthem.blogfa.com

طراح شیک تم

=============================================================================*/

 

;(function (window) {

 

  'use strict';

 

  var docElem = window.document.documentElement;

 

  function getViewportH () {

    var client = docElem['clientHeight'],

      inner = window['innerHeight'];

 

    return (client < inner) ? inner : client;

  }

 

  function getOffset (el) {

    var offsetTop = 0,

        offsetLeft = 0;

 

    do {

      if (!isNaN(el.offsetTop)) {

        offsetTop += el.offsetTop;

      }

      if (!isNaN(el.offsetLeft)) {

        offsetLeft += el.offsetLeft;

      }

    } while (el = el.offsetParent)

 

    return {

      top: offsetTop,

      left: offsetLeft

    }

  }

 

  function isElementInViewport (el, h) {

    var scrolled = window.pageYOffset,

        viewed = scrolled + getViewportH(),

        elH = el.offsetHeight,

        elTop = getOffset(el).top,

        elBottom = elTop + elH,

        h = h || 0;

 

    return (elTop + elH * h) <= viewed && (elBottom) >= scrolled;

  }

 

  function extend (a, b) {

    for (var key in b) {

      if (b.hasOwnProperty(key)) {

        a[key] = b[key];

      }

    }

    return a;

  }

 

 

  function scrollReveal(options) {

      this.options = extend(this.defaults, options);

      this._init();

  }

 

 

 

  scrollReveal.prototype = {

    defaults: {

      axis: 'y',

      distance: '25px',

      duration: '0.66s',

      delay: '0s',

 

  //  if 0, the element is considered in the viewport as soon as it enters

  //  if 1, the element is considered in the viewport when it's fully visible

      viewportFactor: 0.33

    },

 

    

 

    _init: function () {

 

      var self = this;

 

      this.elems = Array.prototype.slice.call(docElem.querySelectorAll('[data-scrollReveal]'));

      this.scrolled = false;

 

  //  Initialize all scrollreveals, triggering all

  //  reveals on visible elements.

      this.elems.forEach(function (el, i) {

        self.animate(el);

      });

 

      var scrollHandler = function () {

        if (!self.scrolled) {

          self.scrolled = true;

          setTimeout(function () {

            self._scrollPage();

          }, 60);

        }

      };

 

      var resizeHandler = function () {

        function delayed() {

          self._scrollPage();

          self.resizeTimeout = null;

        }

        if (self.resizeTimeout) {

          clearTimeout(self.resizeTimeout);

        }

        self.resizeTimeout = setTimeout(delayed, 200);

      };

 

      window.addEventListener('scroll', scrollHandler, false);

      window.addEventListener('resize', resizeHandler, false);

    },

 

    

    _scrollPage: function () {

        var self = this;

 

        this.elems.forEach(function (el, i) {

            if (isElementInViewport(el, self.options.viewportFactor)) {

                self.animate(el);

            }

        });

        this.scrolled = false;

    },

 

 

 

 

 

    parseLanguage: function (el) {

 

  //  Splits on a sequence of one or more commas or spaces.

      var words = el.getAttribute('data-scrollreveal').split(/[, ]+/),

          enterFrom,

          parsed = {};

 

      function filter (words) {

        var ret = [],

 

            blacklist = [

              "from",

              "the",

              "and",

              "then",

              "but"

            ];

 

        words.forEach(function (word, i) {

          if (blacklist.indexOf(word) > -1) {

            return;

          }

          ret.push(word);

        });

 

        return ret;

      }

 

      words = filter(words);

 

      words.forEach(function (word, i) {

 

        switch (word) {

          case "enter":

            enterFrom = words[i + 1];

 

            if (enterFrom == "top" || enterFrom == "bottom") {

              parsed.axis = "y";

            }

 

            if (enterFrom == "left" || enterFrom == "right") {

              parsed.axis = "x";

            }

 

            return;

 

          case "after":

            parsed.delay = words[i + 1];

            return;

 

          case "wait":

            parsed.delay = words[i + 1];

            return;

 

          case "move":

            parsed.distance = words[i + 1];

            return;

 

          case "over":

            parsed.duration = words[i + 1];

            return;

 

          case "trigger":

            parsed.eventName = words[i + 1];

            return;

 

          default:

        //  Unrecognizable words; do nothing.

            return;

        }

      });

 

  //  After all values are parsed, let’s make sure our our

  //  pixel distance is negative for top and left entrances.

  //

  //  ie. "move 25px from top" starts at 'top: -25px' in CSS.

 

      if (enterFrom == "top" || enterFrom == "left") {

 

        if (!typeof parsed.distance == "undefined") {

          parsed.distance = "-" + parsed.distance;

        }

 

        else {

          parsed.distance = "-" + this.options.distance;

        }

 

      }

 

      return parsed;

    },

 

    

 

 

    genCSS: function (el) {

      var parsed = this.parseLanguage(el);

 

      var dist   = parsed.distance || this.options.distance,

          dur    = parsed.duration || this.options.duration,

          delay  = parsed.delay    || this.options.delay,

          axis   = parsed.axis     || this.options.axis;

 

      var transition = "-webkit-transition: all " + dur + " ease " + delay + ";" +

                          "-moz-transition: all " + dur + " ease " + delay + ";" +

                            "-o-transition: all " + dur + " ease " + delay + ";" +

                               "transition: all " + dur + " ease " + delay + ";";

 

      var initial = "-webkit-transform: translate" + axis + "(" + dist + ");" +

                       "-moz-transform: translate" + axis + "(" + dist + ");" +

                            "transform: translate" + axis + "(" + dist + ");" +

                              "opacity: 0;";

 

      var target = "-webkit-transform: translate" + axis + "(0);" +

                      "-moz-transform: translate" + axis + "(0);" +

                           "transform: translate" + axis + "(0);" +

                             "opacity: 1;";

      return {

        transition: transition,

        initial: initial,

        target: target,

        totalDuration: ((parseFloat(dur) + parseFloat(delay)) * 1000)

      };

    },

 

    

 

 

    animate: function (el) {

      var css = this.genCSS(el);

 

      if (!el.getAttribute('data-sr-init')) {

        el.setAttribute('style', css.initial);

        el.setAttribute('data-sr-init', true);

      }

 

      if (el.getAttribute('data-sr-complete')) {

        return;

      }

 

      if (isElementInViewport(el, this.options.viewportFactor)) {

        el.setAttribute('style', css.target + css.transition);

 

        setTimeout(function () {

          el.removeAttribute('style');

          el.setAttribute('data-sr-complete', true);

        }, css.totalDuration);

      }

 

    }

  }; // end scrollReveal.prototype

 

  document.addEventListener("DOMContentLoaded", function (evt) {

    window.scrollReveal = new scrollReveal();

  });

 

})(window);

 

 

</script>

</body>

</html>

 

 

 

 

 

 

 

 

</TEXTAREA>

ارسال نظر برای این مطلب

کد امنیتی رفرش
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • آرشیو
    نظرسنجی
    شما کدام خواننده را بیشتر دوس دارید؟
    آمار سایت
  • کل مطالب : 7
  • کل نظرات : 3
  • افراد آنلاین : 1
  • تعداد اعضا : 2
  • آی پی امروز : 4
  • آی پی دیروز : 8
  • بازدید امروز : 7
  • باردید دیروز : 19
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 33
  • بازدید ماه : 88
  • بازدید سال : 585
  • بازدید کلی : 2,470