Tumgik
surprise-html-blog · 10 years
Photo
Tumblr media
Donwload
Se usar dê like!
Nunca repasse ou reblog!!
/Gaby
2 notes · View notes
surprise-html-blog · 10 years
Text
LINK COLORIDO
Cole este código depois de <head>
Código (xx)
Se for útil like
/Suuh
0 notes
surprise-html-blog · 10 years
Text
ESTRELAS CAINDO DO CURSOR
Código
Tabela de cores
Em ” Customize/personalizar” e cole o código que você copiou acima antes de </body> . Só modifique a " COR DA ESTRELA"  para a cor que você deseja..  
Se for útil like
/suh
0 notes
surprise-html-blog · 10 years
Text
Usando caixinha de codigo
È bem simples na verdade:
Abra o html do post que você está fazendo
Coloque <pre> e automaticamente o <pre> vai fechar , ou seja , ficar assim: <pre></pre>
Coloque oque você quer na caixinha entre </pre> e </pre>
Ex: <pre> Eu amo o surprise-html </pre>
Resultado:
Eu amo o surprise-html
Se for util de like
/Gaby
0 notes
surprise-html-blog · 10 years
Photo
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
Todas achadas no Google por doce-vingativa
Se for útil like
/Suuh
0 notes
surprise-html-blog · 10 years
Photo
Tumblr media
Pack png Potter
Donwload
Se for util dê like
Creditos
/Gaby
0 notes
surprise-html-blog · 10 years
Text
Linhas hover #1
Previews
Efeito 1
css:
.linha{border-bottom:1px solid #eee ;line-height:20px;color:#88896d;font-size:9px;font-family:pf arma five;letter-spacing:1px;padding:2px;} .linha:hover{margin-left:;-webkit-transition-duration: .90s;border-bottom:0px #eee;background-color:#ff90a1; color:#fff;-webkit-transition: all 0.5s ease-in-out;box-shadow: inset 0px -12px #ff4d67, inset 0px 15px #ff7084;}
Onde quer que apareça:
<div class="linha"><a href="">Esse é o efeito</a></div> <div class="linha"><a href="">pode ser com link ou sem</a></div> <div class="linha"><a href="">Se usar credite</a></div> <div class="linha"><a href="">Não vale plagiar</a></div> <div class="linha"><a href="">Nem roubar , ouviu?</a></div>
Efeito 2
css:
.linha2{border-bottom:1px solid #eee ;line-height:20px;color:#88896d;font-size:9px;font-family:pf arma five;letter-spacing:1px;padding:2px;} .linha2:hover{margin-left:;-webkit-transition-duration: .90s;border-bottom:0px #eee;background-color:#ff90a1; color:#fff;-webkit-transition: all 0.5s ease-in-out;box-shadow: inset -60px 0px #ff4d67, inset 0px 15px #ff7084;}
Onde quer que apareça:
<div class="linha2"><a href="">Esse é o efeito</a></div> <div class="linha2"><a href="">pode ser com link ou sem</a></div> <div class="linha2"><a href="">Se usar credite</a></div> <div class="linha2"><a href="">Não vale plagiar</a></div> <div class="linha2"><a href="">Nem roubar , ouviu?</a></div>
Efeito 3
css:
.linha3{border-bottom:1px solid #eee ;line-height:20px;color:#88896d;font-size:9px;font-family:pf arma five;letter-spacing:1px;padding:2px;} .linha3:hover{margin-left:;-webkit-transition-duration: .90s;border-bottom:0px #eee;background-color:#ff90a1; color:#fff;-webkit-transition: all 0.5s ease-in-out;box-shadow: inset 300px 0px #ff4d67, inset -70px 0px #ff7084;}
Onde quer que apareça:
<div class="linha3"><a href="">Esse é o efeito</a></div> <div class="linha3"><a href="">pode ser com link ou sem</a></div> <div class="linha3"><a href="">Se usar credite</a></div> <div class="linha3"><a href="">Não vale plagiar</a></div> <div class="linha3"><a href="">Nem roubar , ouviu?</a></div>
Se for uti de like! /Gaby
0 notes
surprise-html-blog · 10 years
Text
Foto da dash no theme
Cole isso onde quer que apareça:
<img src="{favicon}">
Simples n é?
Se foi util de like
/Gaby
0 notes
surprise-html-blog · 10 years
Text
Usando cursores
Cole isso antes de </style>
body, a, a:hover {cursor: url(URLDOCURSOR), default !important;}
Substitua URLDOCURSOR pelo link da imagem do cursor
/Gaby
0 notes
surprise-html-blog · 10 years
Text
Pássaros voando no theme
Cole este código depois de <body>
Código (AQUI)
Se usar dê like!
Feito por: doce-vingativa
/Suuh
0 notes
surprise-html-blog · 10 years
Text
Se for útil like
Todos achados por: doce-vingativa
/Suuh
0 notes
surprise-html-blog · 10 years
Text
Download ~ cursor pandinha<3 
Download ~ cursor bigodinho
Download ~ Avril lavigne
Feito por doce-vingativa
Se for útil like
/Suuh
2 notes · View notes
surprise-html-blog · 10 years
Text
Estilo de quote #2
Preview
Cole isso na sua css:
/*Quote por conservos*/ .sourceqt{text-align:left;line-height:25px;font-weight:;font-size:10px;font-family:arial black;} /*Fim de código*/
Substitua a tag dos quotes por:
{block:Quote} <div class="quote">{Quote}</div> {block:Source} <div class="sourceqt">– {Source}</div>
Se usar dê like /Gaby
1 note · View note
surprise-html-blog · 10 years
Text
Estilo de quote #1
Preview
Cole isso na sua css:
/*Quote por conservos*/ .quote img{width:14px;} aspas{font-size:15px;color:#CORDASASPAS;} /*Fim de código*/
Substitua oque está dentro de {block:quote} e {/block:quote} por:
<!---Quote por : conservos ---> <div class="quote"><aspas>❝</aspas>{Quote}</div> <!--- Fim de código--->
Se usar dê like /Gaby
0 notes
surprise-html-blog · 10 years
Text
Estilo de notes hover #2
Preview
Cole isso na sua css:
/*Notes por conservos*/ .notes {margin-top:-10px; opacity:0; font-size:11px; text-align:center; color:{color:text};border-top:1px dashed {color:text}; -webkit-transition: all 0.8s ease-in-out; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s;  margin-bottom:0px;  } .SUADIV:hover .notes {-webkit-transition: all 0.8s ease-in-out; -moz-transition-duration:0.8s; opacity:1; font-size:11px; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s; margin-top:-10px;} /*Fim de código*/
E isso antes de {/block:posts}
<!---Notes por : conservos ---> {block:IndexPage}<div class="notes"><a href="{Permalink}">{TimeAgo} . <a href="{Permalink}" {block:NoteCount}{/block:NoteCount} </a> {NoteCount}</a><a href="{ReblogUrl}" target="_blank">. compartilhe</a> </div>{/block:IndexPage} <!--- Fim de código--->
Se usar dê like /Gaby
0 notes
surprise-html-blog · 10 years
Text
Estilo de notes hover #1
Preview
Cole isso na sua css:
/*Notes por conservos*/ .notes {font-family: 'Armata', sans-serif;font-size:9px;color:#CORDOCARAÇAO;width:auto; height:;margin-top:-10px; z-index:100px; opacity:0; -webkit-transition: 1s linear; -moz-transition: 3s linear; -o-transition: 1s linear; -ms-transition: 1s linear; transition: 1s linear;margin-bottom:-8px;-webkit-transition-duration: .5s;-webkit-animation: flash 0.5s;-moz-animation: flash 0.5s;-ms-animation: flash 0.1s;padding: -3px -5px -3px -5px; display: inline-block;text-transform:lowercase;} .SUADIV:hover .notes {opacity:1;margin-left:1px;-moz-transition: all 0.1s ease-out; -webkit-transition: all 0.8s ease-out; -o-transition: all 0.1s ease-out; -ms-transition: all 0.8s ease-out; transition: all 0.1s ease-out; margin-right: 1px;-webkit-transition-duration: .5s;-webkit-transform: rotate(360deg);} .notes a{color:#CORDOLINK; /*Fim de código*/}
E isso antes de {/block:posts}
<!---Notes por : conservos ---> <div class="notes"><a href="{Permalink}">{NoteCountWithLabel}</a> ♥ <a href="{ReblogURL}" target="_blank">reblogar</div> <!--- Fim de código--->
Se usar dê like /Gaby
0 notes
surprise-html-blog · 10 years
Text
Efeito outline
Previews
Efeito 1
css:
.bibs{width:100px;border:2px solid #eee;margin-left:200px;margin-top:300px;} .bibs:hover{outline: 1px dashed #eee; -webkit-transition-duration: .80s;opacity:0.7; outline-offset: -8px;}
Depois de body:
<img class="bibs"src="https://64.media.tumblr.com/e40750added17a00f9e6a5ffa2be1266/tumblr_mf33bsuQfP1r6z5vjo1_250.png">
Efeito 2
css:
.bibs2{width:100px;border:2px solid #eee;margin-left:2px;margin-top:300px;} .bibs2:hover{outline: 1px solid #eee; -webkit-transition-duration: .80s;opacity:0.7; outline-offset: -60px;}
Depois de body:
<img class="bibs2"src="https://64.media.tumblr.com/e40750added17a00f9e6a5ffa2be1266/tumblr_mf33bsuQfP1r6z5vjo1_250.png">
Efeito 3
css:
.bibs3{width:100px;border:2px solid #eee;margin-left:2px;margin-top:300px;} .bibs3:hover{outline: 10px solid #eee; -webkit-transition-duration: .80s;opacity:0.7; outline-offset: -10px;}
Depois de body:
<img class="bibs3"src="https://64.media.tumblr.com/e40750added17a00f9e6a5ffa2be1266/tumblr_mf33bsuQfP1r6z5vjo1_250.png">
Efeito 4
css:
.bibs4{width:100px;border:2px solid #eee;margin-left:2px;margin-top:300px;} .bibs4:hover{outline: 3px solid #eee; -webkit-transition-duration: .80s;opacity:0.7; outline-offset: -7px;}
Depois de body:
<img class="bibs4"src="https://64.media.tumblr.com/e40750added17a00f9e6a5ffa2be1266/tumblr_mf33bsuQfP1r6z5vjo1_250.png">
Se foi util de like
/Gaby
0 notes