Vamo Ti: Dicas

[CSS]: Criar efeito "Onclick" com Css

SuYaNw 1 Blogger, Css, Dicas, Html 02:03

<div align="center">
<img border="0" height="200" src="http://www.paroquiasjb.org/images/pagina/20110617151351/icone_email.jpg" width="200" /> </div>
Eu estava fuçando na internet e achei uma dica/função em css muito legal!<br />
este estilo cria um efeito de "OnClick", ou seja,<br />
quando a pessoa clica no
link que está utilizando a classe, dará o efeito.<br />
<br />
<style>
exemplo:focus 
{
 outline:2px solid #c30;
 color:#00f !important; 
 background:transparent !important;
 text-decoration:underline;
 }
exemplo:active
{
 outline:2px solid #c30;
 color:#00f !important; 
 background:transparent !important;
 text-decoration:underline;
 }
</style>
Exemplo:<br />
<br />
<a href="#"><exemplo>Clique Aqui</exemplo></a><br /><br /><br /><br />
<br />
<br />
<br />
<span style="font-size: large;"><b>Como Utilizar ?</b></span><br />
Adicione o código abaixo no css do seu blog,<br />
caso seja blogspot, adicione antes do <style><br />
<code>
<span style="font-family: monospace;"></span><br />
<span style="font-family: monospace;"><span class="Apple-tab-span" style="white-space: pre;"> </span>a:focus</span><br />
<span style="font-family: monospace;"><span class="Apple-tab-span" style="white-space: pre;"> </span>{</span><br />
<span style="font-family: monospace;"><span class="Apple-tab-span" style="white-space: pre;">  </span>text-decoration:underline;</span><br />
<span style="font-family: monospace;"><span class="Apple-tab-span" style="white-space: pre;">  </span>outline:2px solid #c30;</span><br />
<span style="font-family: monospace;"><span class="Apple-tab-span" style="white-space: pre;">  </span>color:#00f !important; </span><br />
<span style="font-family: monospace;"><span class="Apple-tab-span" style="white-space: pre;">  </span>background:transparent !important;</span><br />
<span style="font-family: monospace;"><span class="Apple-tab-span" style="white-space: pre;">  </span></span><br />
<span style="font-family: monospace;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span><br />
<span style="font-family: monospace;">a:active </span><br />
<span style="font-family: monospace;"><span class="Apple-tab-span" style="white-space: pre;"> </span>{</span><br />
<span style="font-family: monospace;"><span class="Apple-tab-span" style="white-space: pre;">  </span>text-decoration:underline;</span><br />
<span style="font-family: monospace;"><span class="Apple-tab-span" style="white-space: pre;">  </span>outline:2px solid #c30;</span><br />
<span style="font-family: monospace;"><span class="Apple-tab-span" style="white-space: pre;">  </span>color:#00f !important; </span><br />
<span style="font-family: monospace;"><span class="Apple-tab-span" style="white-space: pre;">  </span>background:transparent !important;</span><br />
<span style="font-family: monospace;"><span class="Apple-tab-span" style="white-space: pre;">  </span></span><br />
<span style="font-family: monospace;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span><br />
</code>

E é pronto, está instalado em seu blog! <br />
dúvidas ?, comente!<br />
abraços, até a próxima.

[CSS]: Criar efeito "Onclick" com Css

Eu estava fuçando na internet e achei uma dica/função em css muito legal! este estilo cria um efeito de "OnClick", ou seja, q...

Mais informações »

[Dica]: Como burlar os protetores de link

SuYaNw 0 Blogger, Dicas, Tutoriais 01:27

<div class="separator" style="clear: both; text-align: center;">
<a href="http://devoretech.files.wordpress.com/2012/02/link-e1328190775630.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="120" src="http://devoretech.files.wordpress.com/2012/02/link-e1328190775630.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Eu vendo em vários sites de download que eles colocam protetores de link para poder</div>
<div class="separator" style="clear: both; text-align: left;">
ganhar dinheiro e tudo mais, eu não tenho nada contra, mais acho muito chato, cadastrar</div>
<div class="separator" style="clear: both; text-align: left;">
o celular e etc...</div>
<div class="separator" style="clear: both; text-align: left;">
Nesta postagem eu ensinarei como burlar estes protetores de links.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><b>Link Invertido ou Codificado</b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Invertido:</b></div>
<div class="separator" style="clear: both; text-align: left;">
- Para  burlar este protetor de link, é só você copiar a parte do url que queira converter.</div>
<div class="separator" style="clear: both; text-align: left;">
exemplo: www.algumprotetordelink.com/link=<b>moc.topsgolb.oicadwnayus//:ptth</b></div>
<div class="separator" style="clear: both; text-align: left;">
para converter para normal este link, basta você acessar a minha página que eu </div>
<div class="separator" style="clear: both; text-align: left;">
desenvolvi (<a href="http://suyann.6te.net/Blog/linkin.php" target="_blank">clique aqui</a>).</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Codificado:</b></div>
<div class="separator" style="clear: both; text-align: left;">
- Para decodificar este tipo de link basta você copiar o código que se encontra no link,</div>
<div class="separator" style="clear: both; text-align: left;">
normalmente são em hexadecimal, ou seja, tem as letras de <b>A </b>á <b>F</b> e números de <b>0 </b>á <b>9</b>.</div>
<div class="separator" style="clear: both; text-align: left;">
caso tenha letras maiores que <b> F </b>ele está codificado com base64.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
     *<b>Hexadecimal:</b></div>
<div class="separator" style="clear: both; text-align: left;">
     Para decodificar em hexadecimal, acesse <a href="http://encodertool.com/hexadecimal">esta</a> página</div>
<div class="separator" style="clear: both; text-align: left;">
     no título <i>ENTER AN Hexadecimal CONTENT TO DECODE </i>coloque a string/frase</div>
<div class="separator" style="clear: both; text-align: left;">
     que sejas converter, depois clique em <i>DECODE</i>  e seu link aparecerá na caixa abaixo.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
     *<b>Base64</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b>      </b>Para decodificar em Base64, acesse <a href="http://www.opinionatedgeek.com/dotnet/tools/base64decode/">esta </a>página, coloque o link que está codificado</div>
<div class="separator" style="clear: both; text-align: left;">
      na caixa e depois clique em <i>DECODE, </i>seu link estará decodificado e pronto para </div>
<div class="separator" style="clear: both; text-align: left;">
     download.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="font-size: large;">Modo Manual</span></b></div>
<div class="separator" style="clear: both; text-align: left;">
- Este modo  você precisa saber o básico sobre programação,</div>
<div class="separator" style="clear: both; text-align: left;">
vá no protetor de link, aperte <i>CTRL+U</i> caso não acontecer nada vá em</div>
<div class="separator" style="clear: both; text-align: left;">
ferramentas e <i>Exibir Código fonte</i> após isto, localize algo parecido assim:</div>
<div class="separator" style="clear: both; text-align: left;">
<code>var segundos = 60; // O Número pode ser diferente</code>
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
Na maioria dos casos, a variável ou o nome "segundos", são outros nomes.<br />
Vou mandar os mais  encontrados:<br />
<code>
var segundos = 60; <br />
var wft = 60;  <br />
var seconds = 60;  <br />
var w = 60;  <br />
var tempo = 60; </code><br />
Pode conter mais, depende do criador do protetor de link.<br />
Após encontrar algum desses links,<br />
digite aonde se escreve <i>www </i>a seguinte função:<br />
<code>javascript: segundos = 0;</code><br />
<b style="color: red;">*Aviso:</b> Aonde está escrito <i>segundos </i>, pode ser diferente, verifique a tabela acima<br />
<br />
Após você ter digitado, aperte enter,<br />
a função que você digitou, engana o servidor, e lá<br />
fica anotado que seu ip registrou o celular, mais na verdade<br />
não foi registrado. e pronto!<br />
<br />
<b><span style="font-size: large;">Se não funcionar...</span></b><br />
Eu encontrei alguns sites que fazem este trabalho "Sujo" para você,<br />
<br />
<b>Links:</b><br />
<a href="http://desprotetor.com/">http://desprotetor.com/</a>
<br />
<a href="http://www.desprotetor.org/">http://www.desprotetor.org/</a>
<br />
<a href="http://guerapa.com/">http://guerapa.com/</a><br />
<a href="http://antiprotetor.in/">http://antiprotetor.in/</a>
<br />
<br />
Abraços, até a próxima!.

[Dica]: Como burlar os protetores de link

Eu vendo em vários sites de download que eles colocam protetores de link para poder ganhar dinheiro e tudo mais, eu não tenho nada ...

Mais informações »

[BLOGGER]: Verificar se o usuário está na página inicial

SuYaNw 0 Blogger, Dicas, Html, Tutoriais, Xml 02:06

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBTnZ4A-DShSTNlIN8efC5bQIhjfwwlYogP4UUWnw_lw6Jt3hasVNVcr3fDYqR1i3lXoC920I3qBFTyPvLm4QuDDatq7EBBI9exxUksmaancgS8GhII638mkZFVjNi80AvlLypi8urBfQ5/s1600/1326366640_icontexto-inside-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBTnZ4A-DShSTNlIN8efC5bQIhjfwwlYogP4UUWnw_lw6Jt3hasVNVcr3fDYqR1i3lXoC920I3qBFTyPvLm4QuDDatq7EBBI9exxUksmaancgS8GhII638mkZFVjNi80AvlLypi8urBfQ5/s1600/1326366640_icontexto-inside-blogger.png" /></a></div><br />
O blogger com xml nos dá milhares de possibildades,<br />
uma delas é verificar se é página inicial para executar<br />
uma ação, esta função é muito prática de usar..<br />
<br />
<b>Vamos ver um exemplo ?</b><br />
<code> <b:if cond="data:blog.homepageUrl == data:blog.url"><br />
Você está na página inicial.<br />
<b:else><br />
Você não está na página inicial.<br />
</b:else></b:if><br />
</code><br />
Explicação:<br />
caso sim ele ele returna<br />
<code><b:if cond="data:blog.homepageUrl == data:blog.url"></code><br />
Compara se ele está na página inicial, caso sim ele manda a mensagem:<br />
"Você está na página incicial".<br />
<br />
e a função,<br />
<code><b:else></code><br />
verifica se ele não esta na página inicial, caso não esteja<br />
mandará a mensagem: "Você não está na página incial".<br />
<br />
agora a função<br />
<code></b:else></b:if></code><br />
Encerramos a <b>condicinal</b>, terminamos o código.<br />
<div>bom, por hoje é só isto,  mais tarde posto mais sobre o assunto, abraços.</div>

[BLOGGER]: Verificar se o usuário está na página inicial

O blogger com xml nos dá milhares de possibildades, uma delas é verificar se é página inicial para executar uma ação, esta função é muito...

Mais informações »

[Dica]: Como encurtar URL

SuYaNw 0 Blogger, Dicas, Html 13:30

<div class="separator" style="clear: both; text-align: center;"><a href="http://www.mestreseo.com.br/wp-content/uploads/2009/06/url1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.mestreseo.com.br/wp-content/uploads/2009/06/url1.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;">Hoje irei falar sobre os encurtadores de link, </div><div class="separator" style="clear: both; text-align: left;">existem muitos encurtadores de link's,  muitas vezes usamos só para </div><div class="separator" style="clear: both; text-align: left;">esconder o link, outras usamos porque o link é muito grande(óbvio) xD</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;">vou citar os mais conhecidos:</div><div class="separator" style="clear: both; text-align: left;"><a href="http://bitw.in/">Bitw</a></div><div class="separator" style="clear: both; text-align: left;"><a href="http://migre.me/">Migre.me</a></div><div class="separator" style="clear: both; text-align: left;"><a href="http://link.zip.net/">Link.zip</a></div><div class="separator" style="clear: both; text-align: left;"><a href="http://www.vai.la/">Vai.la</a></div><div class="separator" style="clear: both; text-align: left;"><a href="http://www.dot.tk/pt/index.html?lang=pt">Dot.tk</a></div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;">Para usá-los é muito fácil,  logo que você entra no site, você irá ver uma box(caixa),</div><div class="separator" style="clear: both; text-align: left;">nesta box(caixa) você coloca o url original(aquele que você deseja diminuir o tamanho).</div><div class="separator" style="clear: both; text-align: left;">depois clique em encurtar, após você ter apertado o botão encurtar, aparecerá uma </div><div class="separator" style="clear: both; text-align: left;">caixa com o url encurtado, ai é só copiar e pronto!, você já tem seu url encurtado. </div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;">Dúvidas, deixe um comentário abaixo =)</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><br />
</div>

[Dica]: Como encurtar URL

Hoje irei falar sobre os encurtadores de link, existem muitos encurtadores de link's, muitas vezes usamos só para esconder o link, ...

Mais informações »