<script language="javascript">
var text='SUAFRASE';
var delay=40;
var Xoff=20;
var Yoff=0;
var txtw=14;
var beghtml='<font color="CORDAFONTE"><b>';
var endhtml='</b></font>';
ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';
for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer left="0" top="-100" width="'+txtw+'" name="txt'+i+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);
function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}
function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}
function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}
function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}
function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}
function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}
window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>sexta-feira, 23 de agosto de 2013
Letras Seguindo o Cursor do Mouse no Tumblr
quarta-feira, 24 de julho de 2013
Como conseguir seguidores no seu Tumblr
Bloquear Botão Direito do Mouse no Tumblr
- var mensagem="DIGITE A MENSAGEM AQUI | SOPARAGAROTTOS";
- function clickIE() {if (document.all) {(mensagem);return false;}}
- function clickNS(e) {if
- (document.layers||(document.getElementById&&!document.all)) {
- if (e.which==2||e.which==3) {alert(mensagem);return false;}}}
- if (document.layers)
- {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
- else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
- document.oncontextmenu=new Function("return false")
Mensagem Antes de Sair do Tumblr
var areYouReallySure = false;var internalLink = false;function areYouSure() {if (!areYouReallySure && !internalLink) {areYouReallySure = true;location.href=”http://go.netflowtrax.com/SHPM?aff_sub=VC&aff_sub2=&aff_sub3=&aff_sub4=exit”return “ESCREVA SUA MENSAGEM AQUI “;}}window.onbeforeunload = areYouSure;
sexta-feira, 19 de abril de 2013
Como fazer Backgrounds
GIF 3D TUTORIAL
Colocando barra de rolagem infinita no Tumblr
Lembrando que nem todos os themes aceitam o link. Caso não de certo, reponha as "aspas" ;)
Colocando neve caindo no tumblr
- Vai no seu customize e vai no edit html, o mesmo passo como se fosse botar um theme, agora aperte ctrl+f e procure por caso seu ctrl+f não esteja funcionando de ctrl+r.
- Logo abaixo cole isso:
Depois salve e pronto vai ficar direitinho.
Como fazer um Theme para Tumblr
SEU TUMBLR
body{background: color: #ffffff; fixed; color: #000000; font: 11px 'verdana';} a:link,a:active,a:visited { color: #000000; text-decoration: none; -webkit-transition-duration: .50s;} a:hover { color: #1c1c1c;} b, strong {color: #000000; text-decoration: none; cursor: help;} s {color: #000000;cursor: help;} i {color: #000000; text-decoration: none;cursor: help;} u, underline {color: #000000; text-decoration: none; border-bottom: 1px dashed #000000;cursor: help;} O body do style, é o foco do css. Por que? Por que nele vem a personalização do fundo do tema e da fonte de toda a página. Se você preferir um background de imagen, ao invés de background: color #ffffff; você deve colocar background: url (‘urldoteubg’);
Bom, depois de entender o background, vamos aos links. O link é o ‘a’ do style. Por isso que sempre que você for colocar um link e algum lugar no html, vai ser link por que é o link do style. Bom, isso você não precisa entender mais vamos a personalização. No terceiro ‘color’ do código, onde há #000000 na personalização dos links, você substitui pela cor do seu link geral do theme, e em a: hover { color: #1c1c1c} é a cor no hover, ou seja, quando passa o mouse.
Depois nos outros #000000 é a personalização do negrito (b) riscado (s) itálico (i) e sublinhado (u) a única coisa que você pode mudar é a cor, e o cursor se souber. Prontinho? Então vamos aos títulos. Parte2;
h1 {color: #000000; font-family: 'Carrois Gothic'; font-size:18px; line-height:30px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;} h2 {color: #000000; font-family: 'Courier New', tahoma; font-size:35px; line-height:25px; font-weight: normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;} font-family: 'Carrois Gothic', sans-serif; O h1 vai servir de personalização para o quote, para os links, para os tittles e etc. Sempre que você quiser usar é só colocar o que você quer aqui
ok? Mude as cores e se quiser mude as fontes, que vem depois de font-family:, Mais nada além disso. Pronto? Agora vamos as caixas. Parte3;
.side {background: #fff; color: 000; margin-bottom: 25px; padding: 5px; width: 200px; top: 80px; left: 50px; text-align: justify; position: fixed;} .posts {background: #ffffff;color: 000; margin-top: 25px; padding: 5px; -webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;} Em .side vem o layout da sidebar, a cor a posição, a margem… Mude apenas o #fff ok? Em .posts vem o estilo da caixa dos posts, mude apenas o background #ffffff ok? Bom, daí já existe um tema, agora falta apenas os blocks de posts, fotos, quotes, etc. Mais como eu sou linda e meiga, coloquei um menu no tema pra ele não ficar tão feio. É esse aqui:
.menu{text-align: center; text-decoration: none;} .menu a{text-transform:uppercase!important; padding: 5px 5px 5px 5px; display: inline-block; background:#1c1c1c; margin-top: 5px; font-size: 8px; color: #ffffff; font-family: 'tahoma'; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; font-weight: bold;} .menu a:hover{background: #4f4f4f; color: #ffffff;} blockquote {font-size: 11px; font-family: 'tahoma'; color: #000000; background: #ffffff; }
E de brinde ainda veio um blockquote personalizado haha. Bom, vamos entender. o #1c1c1c é o background do menu, os #ffffff é a cor da fonte, e o#4f4f4f é a cor do background ao passar o mouse. Dúvidas? Nenhuma né? Caso tenha vá na ask. Agora a personalização do style acabou, vamos ao <body> Lá, você colocará isso. Não esquece de fechar todas as divs e no final do tema é necessário o e o

