Scribd Logo
Carica

Benvenuto in Scribd!

  • Blog Skins 367221

    Caricato da

    Abdul Raheym Ahmad
    4 visualizzazioni7 pagine
    Fade() will fade the image in or out based on the starting and ending opacity settings. The speed of the fade is determined by the variable milli (total time of the fade in milliseconds).

    Descrizione originale:

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formati disponibili

    TXT, PDF, TXT o leggi online da Scribd

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento
    Fade() will fade the image in or out based on the starting and ending opacity settings. The speed of the fade is determined by the variable milli (total time of the fade in milliseconds).

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Scarica in formato TXT, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    4 visualizzazioni7 pagine

    Blog Skins 367221

    Caricato da

    Abdul Raheym Ahmad
    Fade() will fade the image in or out based on the starting and ending opacity settings. The speed of the fade is determined by the variable milli (total time of the fade in milliseconds).

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Scarica in formato TXT, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    di 7

    <html> <head> <script language="javascript" type="text/javascript"> /* toggle() checks to see if the images has already been faded or not

    and sends the appropriate variables to opacity(); */ function toggle(el,milli) { // Get the opacity style parameter from the image var currOpacity = document.getElementById(el).style.opacity; if(currOpacity != 0) { // if not faded fade(el, milli, 100, 0); } else { // else the images is already faded fade(el, milli, 0, 100); } } /* changeOpacity() uses three different opacity settings to achieve a cross-browser opacity changing function. This function can also be used to directly change the opacity of an element. */ function changeOpacity(el,opacity) { var image = document.getElementById(el); // For Mozilla image.style.MozOpacity = (opacity / 100); // For IE image.style.filter = "alpha(opacity=" + opacity + ")"; // For others image.style.opacity = (opacity / 100); } /* fade() will fade the image in or out based on the starting and ending opacity settings. The speed of the fade is determined by the variable milli (total time of the fade in milliseconds)*/ function fade(el,milli,start,end) { var fadeTime = Math.round(milli/100); var i = 0; // Fade Timer // Fade in if(start < end) { for(j = start; j <= end; j++) { // define the expression to be called in setTimeout() var expr = "changeOpacity('" + el + "'," + j + ")"; var timeout = i * fadeTime; // setTimeout will call 'expr' after 'timeout' milliseconds setTimeout(expr,timeout); i++; } } // Fade out else if(start > end) { for(j = start; j >= end; j--) { var expr = "changeOpacity('" + el + "'," + j + ")"; var timeout = i * fadeTime; setTimeout(expr,timeout); i++; } } } </script> <div class="hallo" onClick="javascript:toggle('wise', 3000); this.style.display= 'none'; document.getElementById('june').style.display=''"> <img src="http://3.bp.blogspot.com/-vM45CuU5f_A/TqYvEggUzoI/AAAAAAAABWc/_E77f-WF g7E/s1600/Untitled-1.png"

    style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/> </div> <div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;" > <div id="june" style="display : none;"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/ 1.3.2/jquery.min.js"></script> <script type='text/javascript' language='Javascript'> var scrolltotop={ //startline: Integer. Number of pixels from top of doc scrollbar is scrolled bef ore showing control //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll docu ment up when control is clicked on (1=top). setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 10 0]}, controlHTML: '<img src="http://2.bp.blogspot.com/-cZLfjv4qu3I/TqYtlHUaIAI/AAAAAA AABWU/mwuCTssL3Ls/s1600/Untitled-1.png"/>', //HTML for control, which is auto wr apped in DIV w/ ID="topcontrol" controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ cen ter of window corner anchorkeyword: '#top', //Enter href value of HTML anchors on the page that shoul d also act as "Scroll Up" links state: {isvisible:false, shouldvisible:false}, scrollup:function(){ if (!this.cssfixedsupport) //if control is positioned using JavaScript this.$control.css({opacity:0}) //hide control immediately after clicking it var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.set ting.scrollto) if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists dest=jQuery('#'+dest).offset().top else dest=0 this.$body.animate({scrollTop: dest}, this.setting.scrollduration); }, keepfixed:function(){ var $window=jQuery(window) var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - th is.controlattrs.offsetx var controly=$window.scrollTop() + $window.height() - this.$control.height() - t his.controlattrs.offsety this.$control.css({left:controlx+'px', top:controly+'px'}) }, togglecontrol:function(){ var scrolltop=jQuery(window).scrollTop() if (!this.cssfixedsupport) this.keepfixed() this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false if (this.state.shouldvisible && !this.state.isvisible){ this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0]) this.state.isvisible=true } else if (this.state.shouldvisible==false && this.state.isvisible){ this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1]) this.state.isvisible=false } },

    init:function(){ jQuery(document).ready(function($){ var mainobj=scrolltotop var iebrws=document.all mainobj.cssfixedsupport=!iebrws iebrws && document.compatMode=="CSS1Compat" & & window.XMLHttpRequest //not IE or IE7+ browsers in standards mode mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $( 'body')) : $('html,body') mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>') .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.con trolattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointe r'}) .attr({title:'Scroll Back to Top'}) .click(function(){mainobj.scrollup(); return false}) .appendTo('body') if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loo se check for IE6 and below, plus whether control contains any text mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require a n explicit width on a DIV containing text mainobj.togglecontrol() $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){ mainobj.scrollup() return false }) $(window).bind('scroll resize', function(e){ mainobj.togglecontrol() }) }) } } scrolltotop.init() </script> <center><img src="http://2.bp.blogspot.com/-6CeD_r_-vfA/TqYancgaE7I/AAAAAAAABVs/ FnLIytzxqQE/s1600/Untitled-1.png" /></center> <title>I Like You The Best</title> <style type="text/css"> #navbar-iframe {display: none;} body { background:url(http://i1097.photobucket.com/albums/g350/Mushi98/bgkayu.png); font-family: century gothic, tahoma, sans-serif; background-attachment:fixed; cursor: url(http://4.bp.blogspot.com/-qh1ppl0LYJw/TqYORgBrJdI/AAAAAAAABVM/ubheYe IWeQ8/s1600/04.png), auto; } ::-moz-selection { background:#FFFFFF; color:#C0C0C0; }

    ::selection { background:#FFFFFF; color:#C0C0C0;

    } a:link, a:visited { color:#FAAFBE; text-decoration:none; } a:hover { Cursor: crosshair; color: #736F6E; border-bottom:1px dashed #FAAFBE; } .content { background:#ffffff; color:#666666; font-size: 11px; padding:14px; width:600px; border-radius:10px; text-align:justify; } .bar { background: #ffffff; color: #666666; font-size: 11px; padding: 8px; width: 230px; border-radius: 10px; text-align: justify; } .main-title { color:#FAAFBE; font-size:14px; padding:3px; border-bottom:1px dashed #736F6E; } .sec-title { color: #736F6E; font-style:italic; font-size:10px; margin-bottom:2em; } ::-webkit-scrollbar { height:3px; width: 10px; background: #FFFFFF} ::-webkit-scrollbar-thumb { background-color: #FAAFBE; -moz-border-radius: 10px; border-radius: 10px; } blockquote { color:#000000; background:#FFFFFF; border:1px dashed #FAAFBE; padding:2px; border-radius:10px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }

    blockquote:hover { Cursor: crosshair; color:#000000; border:1px dotted #FAAFBE; padding:2px; -moz-border-radius: 25px 10px / 10px 25px; border-radius: 25px 10px / 10px 25px; } u { text-decoration:none; border-bottom:1px dashed #FAAFBE; } b { color: #FAAFBE; } a.cute { background: #FFFFFF; padding: 2px; letter-spacing: 2px; display: inline-block; width: 190px; color: #736F6E; border: 1px #FAAFBE dotted; } a.cute:hover { border: 1px #FFFFFF dotted; background : #FAAFBE; color: #FFFFFF; } .hallo { text-align:center; margin-top: 250px; } </style> <body oncontextmenu='return false;'><br> <div style="position:absolute; overflow-x:hidden; overflow-y:hidden; padding:2px ; left:0px; top:0px; width:99.7%; background: #ffffff; background-image:url(URL GAMBAR); opacity:0.7; color:#1c1c1c; font-size:11px; text-align:center;"> You've stumbled in my blog,so what to do ? <a href="http://www.blogger.com/home">Das hboard</a> <a href="http://www.blogger.com/follow-blog.g?blogID=tukardenganblo gidsendiri">+Follow</a></div> <table style="line-height: 17px;" width="900" border="0" align="center" cellspa cing="5"> <tbody><tr> <td valign="top" style="width:600px; padding:10px; border-radius:10px; backgroun d:#ffffff; font-size:11px;"> <div id="content"> <blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle ></div> <div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> <$BlogItemDateTime$> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentForm OnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div> <$blogitembody$></blogger><br> <center><OlderPosts><a href=<$OlderPosts$>Older Post</a> </OlderPosts> <NewerPos ts> <a href=<$NewerPosts$>Newer Post</a></NewerPosts></center></div> </div> </td> <td valign="top" width="230px"> <div class="bar">

    <div class="main-title">About</div> <br><center><img onmousedown="event.preventDefault ? event.preventDefault() : ev ent.returnValue = false" border="0" src="http://2.bp.blogspot.com/-qBS0LiN3yNo/T qYmkg4BORI/AAAAAAAABWE/3_XsX0VftJw/s1600/tumblr_lnqfpolgAe1qbg5hlo1_400_large.pn g " /></center> <center><a href="https://www.facebook.com/">Facebook</a> <a href="http://blogg er.com/">Twitter</a><br> Change facebook and twitter's link to your OWN link :D<br> Hi,i'm Alia,i'm the creators of this skin,do not remove the CREDITS ;D <-- chang e this to ur own words</div> <br> <div class="bar"> <div class="main-title">Scream here</div> <br><center><img onmousedown="event.preventDefault ? event.preventDefault() : ev ent.returnValue = false" border="0" src="http://2.bp.blogspot.com/-QrJCuOCPXx0/T qYmjgNWJCI/AAAAAAAABV8/YZJF5E_omH4/s1600/tumblr_lmasmvdrF01qa0xtco1_r2_400_large .png" /></center> <center>Put your shoutbox codes here ; width 200</div></center> <br> <div class="bar"> <div class="main-title">Navigation</div><br> <center><a class="cute" onClick="document.getElementById('content').innerHTML=do cument.getElementById('me').innerHTML" title="About">About</a> <a class="cute" onClick="document.getElementById('content').innerHTML=document.g etElementById('love').innerHTML" title="Linkies">Links</a> <a class="cute" onClick="document.getElementById('content').innerHTML=document.g etElementById('you').innerHTML" title="Posts">Entries</a> </div> <div id="me" style="display:none;"> <div class="main-title">The Webmaster</div><br> <center><img onmousedown="event.preventDefault ? event.preventDefault() : event. returnValue = false" border="0" src="http://2.bp.blogspot.com/-W2GyLP3cni4/TqY1v 5T8ufI/AAAAAAAABWs/6Ce-EFn9eo4/s1600/tumblr_ltkcddYxr01r0ypfoo1_500_large.jpg" / ></center><br> Write something about you here,sweetie :D </div> <div id="love" style="display:none;"> <div class="main-title">Affies&Linkies</div><br> <center><img onmousedown="event.preventDefault ? event.preventDefault() : event. returnValue = false" border="0" src="http://3.bp.blogspot.com/-ZqSK_AiWd6w/TqY1t W4es1I/AAAAAAAABWk/tG2qqneIBOY/s1600/tumblr_lnbnn7wt6Y1qgxnu2o1_500_large.jpg" / ></center><br> <a href="http://aliasimpson.blogspot.com/"/>Alia L.Joe's</a> <a href="blogger. com"/>Friends</a> <a href="blogger.com"/>Friends</a> <a href="blogger.com"/> Friends</a> <a href="blogger.com"/>Friends</a> <a href="blogger.com"/>Friend s</a> </div> <div id="you" style="display:none;"> <blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle ></div> <div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> <$BlogItemDateTime$> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentForm OnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div> <$blogitembody$></blogger><br> <center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPo sts> <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div> <br>

    <!---- DO NOT REMOVE THIS -----!> <div class="bar"> <div class="main-title">Credits</div> <br><center><img onmousedown="event.preventDefault ? event.preventDefault() : ev ent.returnValue = false" border="0" src="http://3.bp.blogspot.com/-692RxJn_FAI/T qYml3fzQ2I/AAAAAAAABWM/LjABoII66V8/s1600/tumblr_lrcbk3Okgg1r1f4epo1_400_large.pn g " /></center> Template by : <a href="http://aliasimpson.blogspot.com/">Alia L.Joe's</a><br> Tutorial : <a href="http://storysayeawakmereka.blogspot.com/">Jaja</a><br> Background : <a href="http://www.google.com.my/">Encik Google</a> </div> <br> <!---- DO NOT REMOVE THIS -----!>

    </td> <link href='http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic0 06demoji_383502decoojp.gif' rel='shortcut icon' type='image/x-icon'/> <link href='http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic0 06demoji_383502decoojp.gif' rel='icon' type='image/x-icon'/> </table></body></head></html>

    Potrebbero piacerti anche