9 de out. de 2014

Códigos dos gadgets


Yoo~

Bom, aqui estão os códigos dos gadgets do lay ^^, abaixo encontramos as regras:

Não diga que você fez esse layout.
• Não faça plágio.
• Não use-o como base.
• Não retire os créditos.
• Não diga que você fez esse lay e alguém pegou ele (isso seria ingênuo demais).

Bem, agora, clique nos ++ ao lado <<< para ver os códigos dos gadgets, ikuso!



✿ Welcome ✿
<div id="comida">
<center>
<a href="#" title="Welcome to NOMEDOBLOG"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqKM7FdumYXMiupm569YC9kf_F05811p5y0ZhG3Y_zmftCklxUzbu1M-NDzPyR_MraHSyZVMh6gN7Itcwuu8724ZVLtvAUQqJ7kcA74U1rc4eKPYYWSYFvik60DRLu9iN801jc8CAvKJs/s1600/Modelos+2+-+2.png" /></a>
</center>
<div></div>
Welcome to blog <b>NOMEDOBLOG</b> criado em <b>DATADECRIAÇÃODOBLOG</b> ESCREVAOQQUISERLALALALALALALALALALALLALALALAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA.
<div></div>
                                           
<a href="LINK"><elite>Page</elite></a>
<a href="LINK"><elite>Page</elite></a>
<a href="LINK"><elite>Page</elite></a>
<a href="LINK"><elite>Page</elite></a>
<a href="LINK"><elite>Page</elite></a>
<a href="LINK"><elite>Page</elite></a></div>

-------------

✿ Friends ✿

<div id="comida">
<center>
<a href="#" title="Friends of NOMEDOBLOG"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWdl_9_uYvXjHqhui4bYVjlntUMK9yi3wuVJiIpaKI1splR6Dwj_oKkJ3mP2-DndPSU2n0Zr5K_SNFya9FZVcDuGBGwTQZEHifVWzk6hrY7Tbzt9fxChhy502GI4u03xA5udNPGZqF25o/s1600/Modelo+1+-+8.png" /></a>
</center>
</div>
<style>
@font-face { font-family: "wish"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
#afiliados5{
background-color: #fff5f7;
width: 23px;
height: 10px;
font-family: wish;
font-size: 8px;
float: left;
padding: 2px 0 6px 0;
text-align: center;
margin-left: 5px;
margin-bottom: 4px;
color: #f8c0cd;
line-height: 13px;
border: 1px solid #fcd7e0;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
return: false;
}
</style>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<a href="#"  title="Vaga" id="afiliados5">VG</a>
<div></div>
<center><b>Afiliações abertas</b></center>

---------------

✿ Arquivo do Blog ✿

Lista simples
Mostrar título das postagens
Mensal
Janeiro

--------------------

✿ Tags ✿

<center>
<a href="LINK DA TAG"><tags>NOME DA TAG</tags></a>
<a href="LINK DA TAG"><tags>NOME DA TAG</tags></a>
<div></div>
<a href="LINK DA TAG"><tags>NOME DA TAG</tags></a>
<a href="LINK DA TAG"><tags>NOME DA TAG</tags></a>
<div></div>
<a href="LINK DA TAG"><tags>NOME DA TAG</tags></a>
<a href="LINK DA TAG"><tags>NOME DA TAG</tags></a>
<div></div>
<a href="LINK DA TAG"><tags>NOME DA TAG</tags></a>
<a href="LINK DA TAG"><tags>NOME DA TAG</tags></a>
<div></div>
<a href="LINK DA TAG"><tags>NOME DA TAG</tags></a>
<a href="LINK DA TAG"><tags>NOME DA TAG</tags></a>
<div></div>
<a href="LINK DA TAG"><tags>NOME DA TAG</tags></a>
<a href="LINK DA TAG"><tags>NOME DA TAG</tags></a>
<div></div>
<a href="LINK DA TAG"><tags>NOME DA TAG</tags></a>
<a href="LINK DA TAG"><tags>NOME DA TAG</tags></a></center>

---------------------

✿ Sayonara, Créditos ✿

<div id="comida">
<center>
<a href="#" title="Bye bye"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnd0SHsIFQS4IoGGT1igvVT0MalF_opjpEr_5basq6HSiJuFBxmckFRKBcaniohqAypM2Wc7GByaiq_eXQAbwG6sfZQwOo5DLyZzt0S56fGhawownkmckWXNjzd-BMyFoX0pIdHd8c9og/s1600/Modelo+1+-+3.png" /></a>
</center>
</div>
Está indo embora? Mas já? Antes faça tatatatatata escreva o que quiser aqui Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium.
<div></div>
<div style='image-align:center;margin-left:8px;margin-top:px;margin-bottom:px;'>
<a href="http://www.havingcherry.com/"><c2>✿</c2></a>
<a href="http://www.them-reverse.com/"><c2>✿</c2></a>
<a href="http://hearttutoriais.blogspot.com.br/"><c2>✿</c2></a>
<a href="http://www.kawaii-world.net/"><c2>✿</c2></a>
<a href="http://www.garota-no-mundohtml.net/"><c2>✿</c2></a>
<a href="http://www.just-likethat.com/"><c2>✿</c2></a>
<a href="http://onedithings.blogspot.com.br/"><c2>✿</c2></a>
<a href="http://cherry-liah.blogspot.com.br/"><c2>✿</c2></a>
<a href="http://adolescentenerd.blogspot.com.br/"><c2>✿</c2></a>
<a href="http://www.bunnycrazy.net/"><c2>✿</c2></a>
<a href="http://pqngarota.blogspot.com.br/"><c2>✿</c2></a>
<a href="http://estilofabuloso.blogspot.com.br/"><c2>✿</c2></a>
<a href="http://chacomanjos.blogspot.com.br/"><c2>✿</c2></a>
</div>
<div></div>
<center>Layout free por <i>Lu-chan</i> do blog Apenas uma Otome. Não plagie, não se inspire.</center>

------------------------

✿ Contato ✿

<div id="comida">
<center>
<a href="#" title="Contato"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmA8kvzlTcE7Ee69Tx0o3iLdkfdFK1jOvViVoTaRBzE06LDz-ROTufkvT3EISzEGU5oikCakWJ-jVOaz9TSGZPnKgx64W-k39WfWZ_5hajxTgTf8bBlChO6h_qDY-UsKD5uoYruNjHofI/s1600/Modelos+2+-+9.png" /></a>
</center>
<div></div>
Olá, aqui estarão os contatos para a dona <i>SEU NOME</i> e a sub-dona <i>NOME DA SUB-DONA</i>, para você Lorem Inpsium Lorem Inpsium Lorem Inpsium ESCREVA O QUE QUISER NESTE ESPAÇO Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium.
<div></div>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWjfHFJG5ZzkQiS-4M9kl5f-FEyTnu6xm-BpKyaOP7czE0BD_7mSuXpFGrwO6B9y9ezoRm2RHLeXdIsk36NQkD8EMbBp55Uv7vLqS_omiRALMW96-ijXgw1ZTGjTBiblKXkHwPml9BI107/s1600/Flor.png" /></center>
<center><b> NOME DA DONA </b></center>
<center><a href="LINK"target="blank" title="Facebook"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU_ugYRL4nRyPh9kWZuA45ZZIcHut6X-cwUn6o_-efq25WWueuvQGH81SlerZ3TvyMHlHVZipViG_MpJ_QXPzk_ZACkURIQOHoSBIdGc9ujl7BCN64VBCqr9rTUzPIotnZkgYhOYVFtMY/s1600/re32.png" height="35px" width="35px" class="social2" /></a>
<a href="LINK"target="blank" title="Blogger"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbTlrQtAARsZtORrVFhFFNj8oOg3JYdu-eGQeXrC4al1rX4I7OwL2_brzwHvlda8As61iyDstOrMAS093BjbMsIrDuPK5u1dLG0kpmGv-Fuq3Z329SNgh1eGFcTrgk7A8NV2UEfMkAXAE/s1600/re17.png" height="35px" width="35px" class="social2" /></a>
<a href="LINK"target="blank" title="Google"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAt9dDBc46ITondjs-OMXPl0kA6tGtYTap1X3tTCifn1iqcq8bMWLsaKUBfmi1cfv1awxTP4IBcizsIahcKyQff5ay72CLq2uoixiswcRa5gcc2WzkR20YqTL4TQEFBB2JkCYy3NHNmtE/s1600/re27.png" height="35px" width="35px" class="social2" /></a>
<a href="LINK"target="blank" title="E-mail"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe74NKtb29CcMgkWqV6oMC5hmQ4fNCkrBU6xWel0jRCSqh9cRKCGf69WeLEJhroiNj_4ixWuFeJiEzPUk0v2KvxvBcR8Iagr9Znk7pdzvwABmKnkle70i-voxKDA6wsJErTE4m4I5LjEs/s1600/re15.png" height="35px" width="35px" class="social2" /></a></center>
<center><b> NOME DA SUB-DONA </b></center>
<center><a href="LINK"target="blank" title="Facebook"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU_ugYRL4nRyPh9kWZuA45ZZIcHut6X-cwUn6o_-efq25WWueuvQGH81SlerZ3TvyMHlHVZipViG_MpJ_QXPzk_ZACkURIQOHoSBIdGc9ujl7BCN64VBCqr9rTUzPIotnZkgYhOYVFtMY/s1600/re32.png" height="35px" width="35px" class="social2" /></a>
<a href="LINK"target="blank" title="Blogger"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbTlrQtAARsZtORrVFhFFNj8oOg3JYdu-eGQeXrC4al1rX4I7OwL2_brzwHvlda8As61iyDstOrMAS093BjbMsIrDuPK5u1dLG0kpmGv-Fuq3Z329SNgh1eGFcTrgk7A8NV2UEfMkAXAE/s1600/re17.png" height="35px" width="35px" class="social2" /></a>
<a href="LINK"target="blank" title="Google"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAt9dDBc46ITondjs-OMXPl0kA6tGtYTap1X3tTCifn1iqcq8bMWLsaKUBfmi1cfv1awxTP4IBcizsIahcKyQff5ay72CLq2uoixiswcRa5gcc2WzkR20YqTL4TQEFBB2JkCYy3NHNmtE/s1600/re27.png" height="35px" width="35px" class="social2" /></a>
<a href="LINK"target="blank" title="E-mail"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe74NKtb29CcMgkWqV6oMC5hmQ4fNCkrBU6xWel0jRCSqh9cRKCGf69WeLEJhroiNj_4ixWuFeJiEzPUk0v2KvxvBcR8Iagr9Znk7pdzvwABmKnkle70i-voxKDA6wsJErTE4m4I5LjEs/s1600/re15.png" height="35px" width="35px" class="social2" /></a></center></div>

---------------------

✿ Autoras ✿

<a href="http://blog-apenas-uma-otome.blogspot.com.br/p/ola-parece-que-quer-saber-sobre-mim-nao.html" title="Lu-chan (Dona)"><img class="opacidade2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIooKbdmRRJdGRjCMdl_z3ZLUnh4d-HY-LTTvaNdWDRcNwDS16bqXglkWI7-6fSmkm0h3aaA4mg7Kbm-GG4IOMeO1X4pDo3wj-8RuzIyARApHU7r0tKd0uFoskGunUTIkabzO66cEPr1zP/s1600/m.png" height="50" width="50" /></a>
<a href="#" target="blank" title="Vaga reservada"><img class="opacidade2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDbFWBYGCcXfSnF7N9TW9y7GentN3DhQPD6LT3O2qUcene4MPxZ8vVOnIcfrK78f88uukym5yayAOsrMrS5PKGb_BHvDD0it977qJfXrmMjN58vrTwEJSUkxFp-YvyThzX8rBpFTOCEo5G/s1600/op.png" height="50" width="50" /></a>
<a href="#" title="Vaga ainda será aberta"><img class="opacidade2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh12pY3GKC93egHOdwDlX7HTySILefNeamYHedTpi9y-eSYla_b1sb0OPIy41XyOPinPfee1sah7d8nCPGizGj2SU_stKd6myK3J3v7eTD_q0GVXkxYw7lta5dsA24VtgsIws6fdp_agLPZ/s1600/tt.png" height="50" width="50" /></a>
<a href="#" title="Vaga ainda será aberta"><img class="opacidade2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiRdSv4vgGGFqPtzypweRlzOlcWFuvdze8G-16HOIh6lHN3uJtqoKD6WiOVvb8_974E0awdq1m0YAlQ4R1sGZt7iU3bQfzT-_1LWs88M0h_YxhWzcA3V8FFeGCF2m1o8d0HPi9BAKO832x/s1600/eye5.png" height="50" width="50" /></a>
<a href="#" title="Vaga ainda será aberta"><img class="opacidade2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZsXNXxbFGffYFDJ1ZokVu3abOeSq0hrsNOmFgH_nGKVVnt3G97Qmg3MOZbLaiBo13TJpB_lRL-UmwUFA4y_4Nrf8-avT2wW3xNt9NLJp8oD3oeC2XsQaoTCQz8eU_wyQWaP5yH958zEZs/s1600/sd.png" height="50" width="50" /></a>

------------------

✿ Follow ✿

Aprenda a fazer um aqui: Apenas uma Otome - Personalizar os Seguidores + Botões

-------------------

✿ Extras ✿

<div id="comida">
<center>
<a href="#" title="Extras u-u"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV8s4P3bxidAZkVZ1ufhviAUCifCwj6vDWcTF5Lb83llTTB-U2BngAtzNORlKXXAEtiuHKv7NyZc8Kmr-6FO5z2ysEdL1uXNODEoiX-WXQDIUg_sRSeSVMfaK5ouEa0P3io_pWSKWiedg/s1600/Modelo+1+-+5.png" /></a>
</center></div>
Olá, aqui estarão os extras do blog, como campanhas, sei lá oq e vc escreve o que quiser aqui okay? Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium Lorem Inpsium.
<div class="divspoiler">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiipY_Q_VOpNfnn8z4tXjcNCt5W8Gsusoj7sw0XKmEyKZi_2U3DFi3AYk6DyQ3qSD5yLdn9M6rWhHGlDsxKHcU6lLnyUd8YO5xEKck_7TueW0J3v7Ja3rAwgWloXF949g2I2sGKBhqj7i0/s1600/leia+o+gadget.png" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />
</div><div><div class="spoiler" style="display: none;">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWjfHFJG5ZzkQiS-4M9kl5f-FEyTnu6xm-BpKyaOP7czE0BD_7mSuXpFGrwO6B9y9ezoRm2RHLeXdIsk36NQkD8EMbBp55Uv7vLqS_omiRALMW96-ijXgw1ZTGjTBiblKXkHwPml9BI107/s1600/Flor.png" /></center>
<div></div>
<div></div>
<div></div>
<center><b> Link-me do blog </b></center>
<div></div>
<div></div>
Coloque seu link-me aqui
<div></div>
<div></div>
<div></div>
<center><b> Moradia </b></center>
<div></div>
<div></div>
<div></div>
Isso é opcional ç3ç.
<div></div>
<div></div>
<div></div>
<center><b> Parcerias </b></center>
<div></div>
<div></div>
<div></div>
Ponha os selos dos blogs que você faz parceria aqui.
<div></div>
<div></div>
<div></div>
<center><b> Campanhas </b></center>
<div></div>
<div></div>
<div></div>
Coloque os selos e buttons das campanhas que você apoia/participa/criou aqui.
</div></div>

-------------------

Barrinha do topo (fica abaixo do gadget do cabeçalho)

<div style="background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfVziGNNybys_5V0fc5K-d2dv-lkDvnh8snINHteL9X_ycC-Ndj8mUCjpVAMi1mV651o7H-rChfXOoTvdU51fbJ5I_60951gD2URQySM-t3Zjrb2pEt4is51dFvaWmlKYEkgNO0g8tNb49/s1600/w16.png');background-repeat:repeat-x;top:0;left:0;width:100%;height:50px;z-index:100;position:fixed;"></div>

------------------

HTM/JavaScripts que ficam no rodapé (apenas coloque)

<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 before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizd3jL8f73Qud5fhh33ee_FzlCAWdR48VZ4SW5DFmXSgc96MRPJtSsNRcBY9DvwwwkEn_BD6Qgg-IuZGHhHeFKPD67jtKPvRPPkiKFa_2-hjSX9K_ncOkj2i0XLQWxwFaliTJx_xvvAK8/s1600/gif30.gif"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should 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.setting.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() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.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.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Ir ao topo do Blog'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an 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>

--

<style type="text/css">
HTML,BODY{cursor: url("http://media.tumblr.com/tumblr_m2ulhi2WEu1qfamg6.gif"), url("http://media.tumblr.com/tumblr_m2ulhi2WEu1qfamg6.gif"), auto;} A:hover{cursor: url("http://media.tumblr.com/tumblr_m2umq6MJdh1qfamg6.gif"), url("http://media.tumblr.com/tumblr_m2umq6MJdh1qfamg6.gif"), auto;}
</style>

--

<script type='text/javascript'>
// <![CDATA[
var colour="#B8CFE9";
var sparkles=50;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
  var i, rats, rlef, rdow;
  for (var i=0; i<sparkles; i++) {
    var rats=createDiv(3, 3);
    rats.style.visibility="hidden";
    document.body.appendChild(tiny[i]=rats);
    starv[i]=0;
    tinyv[i]=0;
    var rats=createDiv(5, 5);
    rats.style.backgroundColor="transparent";
    rats.style.visibility="hidden";
    var rlef=createDiv(1, 5);
    var rdow=createDiv(5, 1);
    rats.appendChild(rlef);
    rats.appendChild(rdow);
    rlef.style.top="2px";
    rlef.style.left="0px";
    rdow.style.top="0px";
    rdow.style.left="2px";
    document.body.appendChild(star[i]=rats);
  }
  set_width();
  sparkle();
}}
function sparkle() {
  var c;
  if (x!=ox || y!=oy) {
    ox=x;
    oy=y;
    for (c=0; c<sparkles; c++) if (!starv[c]) {
      star[c].style.left=(starx[c]=x)+"px";
      star[c].style.top=(stary[c]=y)+"px";
      star[c].style.clip="rect(0px, 5px, 5px, 0px)";
      star[c].style.visibility="visible";
      starv[c]=50;
      break;
    }
  }
  for (c=0; c<sparkles; c++) {
    if (starv[c]) update_star(c);
    if (tinyv[c]) update_tiny(c);
  }
  setTimeout("sparkle()", 40);
}
function update_star(i) {
  if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  if (starv[i]) {
    stary[i]+=1+Math.random()*3;
    if (stary[i]<shigh+sdown) {
      star[i].style.top=stary[i]+"px";
      starx[i]+=(i%5-2)/5;
      star[i].style.left=starx[i]+"px";
    }
    else {
      star[i].style.visibility="hidden";
      starv[i]=0;
      return;
    }
  }
  else {
    tinyv[i]=50;
    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
    tiny[i].style.width="2px";
    tiny[i].style.height="2px";
    star[i].style.visibility="hidden";
    tiny[i].style.visibility="visible"
  }
}
function update_tiny(i) {
  if (--tinyv[i]==25) {
    tiny[i].style.width="1px";
    tiny[i].style.height="1px";
  }
  if (tinyv[i]) {
    tinyy[i]+=1+Math.random()*3;
    if (tinyy[i]<shigh+sdown) {
      tiny[i].style.top=tinyy[i]+"px";
      tinyx[i]+=(i%5-2)/5;
      tiny[i].style.left=tinyx[i]+"px";
    }
    else {
      tiny[i].style.visibility="hidden";
      tinyv[i]=0;
      return;
    }
  }
  else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
  set_scroll();
  y=(e)?e.pageY:event.y+sdown;
  x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
  if (typeof(self.pageYOffset)=="number") {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
  }
  else if (document.body.scrollTop || document.body.scrollLeft) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
  }
  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
    sdown=document.documentElement.scrollTop;
  }
  else {
    sdown=0;
    sleft=0;
  }
}
window.onresize=set_width;
function set_width() {
  if (typeof(self.innerWidth)=="number") {
    swide=self.innerWidth;
    shigh=self.innerHeight;
  }
  else if (document.documentElement && document.documentElement.clientWidth) {
    swide=document.documentElement.clientWidth;
    shigh=document.documentElement.clientHeight;
  }
  else if (document.body.clientWidth) {
    swide=document.body.clientWidth;
    shigh=document.body.clientHeight;
  }
}
function createDiv(height, width) {
  var div=document.createElement("div");
  div.style.position="absolute";
  div.style.height=height+"px";
  div.style.width=width+"px";
  div.style.overflow="hidden";
  div.style.backgroundColor=colour;
  return (div);
}
// ]]>
</script>

----------------------

Bom gente, foi isso, link para download abaixo:

Nenhum comentário:

Postar um comentário