[PHP]: Cookies, na prática(Básico)

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtu3S0redsUMQYyRq7UhQ8XlBT3UqiVlJz723W7mccX0zoOcWEBBKGMv_Y7F-HE-KLqvBaIcfQ3YTW6xH53u1hAkuOBsk30yms0DdIsEu7XbP6H11sVU4cNdb84rMM5hmIY1E37sCbpxs/s1600/Digital-Cookie.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="320" data-original-width="640" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtu3S0redsUMQYyRq7UhQ8XlBT3UqiVlJz723W7mccX0zoOcWEBBKGMv_Y7F-HE-KLqvBaIcfQ3YTW6xH53u1hAkuOBsk30yms0DdIsEu7XbP6H11sVU4cNdb84rMM5hmIY1E37sCbpxs/s320/Digital-Cookie.jpg" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div> <br /></div> Boas!<br /> Agora irei ensinar como mexer com cookies no PHP,<br /> é muito fácil, irei ensinar como utilizar e mostrarei um script final como exemplo.<br /> <br /> <b><span style="font-size: large;">Escrevendo cookies:</span></b><br /> Para escrever cookie  usamos a seguinte forma:<br /> <code> setCookie("Nome_do_cookie", VALOR, TEMP_PARA_EXPIRAR); </code><br /> <br /> Exemplo: <br /> <code>setCookie("Logado",  true, (time()+3600)*2);</code> <br /> <span style="font-family: monospace;"><br /></span> No exemplo acima, ele seta o Cookie para true, ou seja, verdadeiro, este cookie se<br /> expirará por 2 Horas.<br /> <br /> <br /> <br /> <span style="font-size: large;"><b>Lendo cookies:</b></span><br /> Para ler os cookies, usamos a seguinte formação:<br /> <code>$_COOKIE['NOME_COOKIE'];</code> <br /> <br /> Exemplo:(lendo o cookie do exemplo acima)<br /> <code>if($_COOKIE['Logado'] == true){<br />     echo "Logado";<br /> }</code><br /> <br /> <span style="font-size: large;"><b>Ainda não entendeu ?</b></span><br /> Caso você não entendeu nada sobre o assunto ainda,<br /> eu criei uma página de exemplo em php,  <b>funcionando</b>!<br /> e com <b>comentários </b>explicando o sistema.<br /> Para ver o código, <a href="http://pastebin.com/cbfwFgTj" target="_blank">clique aqui.</a><br /> <br /> <br /> Até a próxima.<br /> <br /> <br />

[PHP]: Cookies, na prática(Básico)

Boas! Agora irei ensinar como mexer com cookies no PHP, é muito fácil, irei ensinar como utilizar e mostrarei um script final como e...

Mais informações »

[CSS]: Criar efeito "Onclick" com Css

<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

<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

<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 »

[PHP]: Formulário & Função para criação caixa link-me

<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_rO1asbIH6w8/S8H6LApn5dI/AAAAAAAATHs/0meielUiAIM/linkme2%5B6%5D.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://4.bp.blogspot.com/_rO1asbIH6w8/S8H6LApn5dI/AAAAAAAATHs/0meielUiAIM/linkme2%5B6%5D.jpg" width="200" /></a></div><div class="separator" style="clear: both; text-align: left;">Eu vendo  em alguns sites(inclusive no meu) aquela caixinha que tem um código que</div><div class="separator" style="clear: both; text-align: left;">direciona para o site/blog desejado. nisso tudo eu resolvi criar a minha versão totalmente</div><div class="separator" style="clear: both; text-align: left;">em php/html.</div><div class="separator" style="clear: both; text-align: left;"><br /> </div><div class="separator" style="clear: both; text-align: left;"><b>Como Utilizar ?</b></div><div class="separator" style="clear: both; text-align: left;">É só hospedar em um servidor que rode arquivos php, ou no próprio easy php mesmo.</div><div class="separator" style="clear: both; text-align: left;">para utilizar a função é simples, vou mostrar um exemplo:</div><div class="separator" style="clear: both; text-align: left;"><br /> </div><div class="separator" style="clear: both; text-align: left;">Assim a imagem fica alinhada no centro:</div><div class="separator" style="clear: both; text-align: left;"><code>LinkMeBox("SuYaNw Dácio",  "<a href="http://suyanwdacio.blogspot.com/">suyanwdacio.blogspot.com</a>", "minhaimagem.com");</code></div><div class="separator" style="clear: both; text-align: left;"><br /> </div><div class="separator" style="clear: both; text-align: left;">Caso queria colocar a imagem sem nenhuma definição, use assim:</div><div class="separator" style="clear: both; text-align: left;"><code>LinkMeBox("SuYaNw Dácio",  "<a href="http://suyanwdacio.blogspot.com/">suyanwdacio.blogspot.com</a>", "minhaimagem.com", false);</code> </div><br /> <b>Download</b><br /> <a href="http://pastebin.com/Ms23hsgT">Pastebin</a><br /> <a href="http://suyann.6te.net/Blog/link-me.php">Preview</a>

[PHP]: Formulário & Função para criação caixa link-me

Eu vendo  em alguns sites(inclusive no meu) aquela caixinha que tem um código que direciona para o site/blog desejado. nisso tudo eu resolvi...

Mais informações »

[CSS]: Aprendendo CSS Aula #1

<div class="separator" style="clear: both; text-align: center;"> <a href="http://algoritmizando.com/wp-content/uploads/2011/03/css-dicas.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://algoritmizando.com/wp-content/uploads/2011/03/css-dicas.png" width="200" /></a></div> <br /> Olá, eu estou começando esta seção sobre lições de CSS,<br /> Primeiramente, explicarei os principais assuntos referente a linguagem,<br /> e também mostrarei alguns exemplos do mesmo. <br /> <br /> <br /> <b>Sumário:</b><br /> - <a href="#significa">Oque significa a tag CSS</a><br /> - <a href="#quando">Quando e como deve aplicar CSS</a><br /> - <a href="#testar">Como testo os códigos CSS</a><br /> - <a href="#manipular">Manipulação de unidades em CSS</a><br /> - <a href="#criar">Criando folhas de estilo em CSS</a><br /> <br /> <br /> <br /> <br /> <b>♦ <a name="significa"><font size='4'>Oque significa a tag "CSS" ?</font></a></b><br /> Há tag CSS, significa "<b style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px;">Cascading Style Sheets" </b><span style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px;">é uma linguagem de estilo,</span><br /> <span style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px;">ou seja, que dá estilo as coisas, ela é mais utilizada em</span><span style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px;"> páginas </span><a href="http://suyanwdacio.blogspot.com/search/label/Html" style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px;">HTML </a><span style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px;">, </span><a href="http://suyanwdacio.blogspot.com/search/label/Php" style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px;">PHP</a><span style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px;"> etc..</span><br /> <br /> <br /> <br /> <br /> <br /> <b>♦ <a name="quando"><font size='4'>Quando e Como devo aplicar "CSS" ?</font></a></b><br /> O Cascading Style Sheets ou CSS, deve ser usado quando você está  criando<br /> uma página e deseja criar um bom design, ele deve ser aplicado entre as seguintes tags:<br /> <code> <style><br /> /* seu código css */<br /></style> </code><br /> <br /> Caso você queira colocar algo em comentário, basta você colocar<b><span style="color: red;"> /*</span></b>  e para fechar <span style="color: red;">*/</span><br /> oque você colocar entre /*  e */ serão ignorados pelo servidor, assim você pode nomear<br /> partes de seu código para você poder entende-lo depois.<br /> <br /> <br /> <br /> <br /> <br /> <b>♦ </b><b><a name="testar"><font size='4'>Como testo códigos "CSS" ?</font></a></b><br /> Os códigos CSS podem ser testados em seu computador por uma página <a href="http://suyanwdacio.blogspot.com/search/label/Html">Html</a>.<br /> vou mostrar um exemplo de código muito fácil em CSS:<br /> <code> <html><br /> <head><title>Exemplo utilização CSS(Aula #1)</title></head><br /> <style><br /> body<br /> {<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>background-color: #000000;<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>color: #FFFFFF;<br /> }<br /> </style><br /> Olá, notem que a função "background-color: #000000" coloca a cor do background(fundo) na cor preta, <br /><br /> e a função "color: #FFFFFF" coloca o texto na cor branca.<br /> </html></code>Para visualizar o exemplo acima, basta você abrir o bloco de notas do seu computador<br /> e salvar com a extensão <i>.html</i>, e depois abra o mesmo.<br /> <br /> <br /> <br /> <br /> <br /> <b>♦ <a name="manipular"><font size='4'>Manipulação de unidades em CSS</font></a></b><br /> No CSS cada valor tem sua especificação, por exemplo pixels, pontuação,<br /> abaixo irei mostrar na tabela abaixo os mais usados:<br /> <br /> <table border="1%" cellspacing="1" style="border-collapse: collapse;"> <tbody> <tr><td style="background-color: lightblue;"><b>Unidade:</b></td><td style="background-color: lightblue;"><b>Descrição:</b></td></tr> <tr><td>%</td><td>Porcentagem</td></tr> <tr><td>in</td><td>Polegada</td></tr> <tr><td>cm</td><td>Centímetro</td></tr> <tr><td>mm</td><td>Milímetro</td></tr> <tr><td>em</td><td>Significa "Igual", exemplo:"font-size: 1em;", será interpretado, "o tamanho da fonte será o tamanho atual multiplicado por 1"</td></tr> <tr><td>mm</td><td>Milímetro</td></tr> <tr><td>ex</td><td>é a altura de uma fonte(a altura x é normalmente a metade do tamanho dela.</td></tr> <tr><td>pt</td><td>Ponto(um ponto é o mesmo que 1/172 polegadas).</td></tr> <tr><td>pc</td><td>Pica(um pc é o mesmo que 12 pontos)</td></tr> <tr><td>px</td><td>Pixel(Um ponto na tela do computador</td></tr> </tbody></table> <br /> A maioria dos dados desta tabela foi escrita por min, algumas foram retiradas do <a href="http://ww.w3schools.com/">W3Schools</a>.<br /> cada valor acima pode ser usado da seguinte maneira:<br /> <br /> <code> <html><br /> <head><title>Exemplo utilização CSS(Aula #1)</title></head><br /> <style><br /> body<br /> {<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>font-size: 10px; /* 10 pixels */<br /> }<br /> </style><br /> Aqui se coloca-se um texto para testarmos o nosso código.<br /> </html></code><br /> O código acima coloca todo o texto que está na página ficar em 10 pixels.<br /> notem-se que se utiliza assim:<br /> <br /> <code> <span class="Apple-tab-span" style="white-space: pre;"> </span>font-size:     10px;<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>   |<span class="Apple-tab-span" style="white-space: pre;"> </span>| |________|> Unidade, no caso pixels<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>   |<span class="Apple-tab-span" style="white-space: pre;"> </span>| <span class="Apple-tab-span" style="white-space: pre;"> </span><br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>   |<span class="Apple-tab-span" style="white-space: pre;"> </span>|__________|> Número/valor<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>   |___________________|> função que irá ser usada</code>Acima você irá conseguir entender melhor,<br /> lembrando que as unidades acima se aplicam somente em tamanho, largura, altura, posições.<br /> As unidades não se aplicam em cores!<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <b>♦ <a name="criar"><font size='4'>Criando folhas de estilo em CSS..</font></a></b><br /> Para criar funções em CSS, você pode  colocar:<br /> <code>.nome_da_sua_funcao<br />{<br />        // oque fazer<br />}</code> <br /> <br /> Para utiliza-las, é simples, basta:<br /> <code> <div class='nome_da_sua_funcao'><br /> Oi, este é um texto como exemplo.<br /></div> </code><br /> <br /> Vou mostrar um estilo que coloca o background da frase em rosa, muito legal: <br /> <br /> <br /> <code> <style><br /> .pinkground<br /> {<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>background: #FF0FFF;<br /> }<br /> </style><br /> <br /><br /> <div class="pinkground"><br /> Aqui se coloca-se um texto para testarmos o nosso código.</div></code> O código funcionaria desta maneira: <style> .pinkground { background: #FF0FFF; } </style> <br /> <div class="pinkground"> Aqui se coloca-se um texto para testarmos o nosso código.</div> <br /> e fica por hoje nossa primeira aula sobre css,<br /> por enquanto eu expliquei a lógica e ensino que é bem necessário<br /> para aprender. logo postarei a segunda aula, abraços.

[CSS]: Aprendendo CSS Aula #1

Olá, eu estou começando esta seção sobre lições de CSS, Primeiramente, explicarei os principais assuntos referente a linguagem, e també...

Mais informações »

[jQuery]: Efeito Fadein/FadeOut em texto

<div class="separator" style="clear: both; text-align: center;"> <a href="http://eufacoprogramas.com/wp-content/uploads/2011/08/1312319708_jquery.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://eufacoprogramas.com/wp-content/uploads/2011/08/1312319708_jquery.png" width="200" /></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: center;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> Comecei há aprender sobre jQuery, achei muito interessante as funções, </div> <div class="separator" style="clear: both; text-align: left;"> e com uma delas, consegui criar uma página com efeito fade(esmaecer).</div> <div class="separator" style="clear: both; text-align: left;"> esta página em si, só tem duas pequenas funções, que uma delas é "Aparecer"</div> <div class="separator" style="clear: both; text-align: left;"> e a outra "Desaparecer".</div> <div class="separator" style="clear: both; text-align: left;"> Ao o usuário clicar no link "Desaparecer", o texto que está na página desaparecerá.</div> <div class="separator" style="clear: both; text-align: left;"> agora caso ele clique em Aparecer, o texto da página irá aparecer.</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;"> <a href="http://suyann.6te.net/test/jquery.html">Preview</a></div> <div class="separator" style="clear: both; text-align: left;"> Nesta preview, eu tive que pegar o texto em latim da internet,</div> <div class="separator" style="clear: both; text-align: left;"> caso você queira colocar outro texto é só trocar o texto que o código</div> <div class="separator" style="clear: both; text-align: left;"> funcionará perfeitamente.</div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> <b>Download:</b></div> <div class="separator" style="clear: both; text-align: left;"> <a href="http://pastebin.com/JYYdGU2N">Suorce</a></div> <br />

[jQuery]: Efeito Fadein/FadeOut em texto

Comecei há aprender sobre jQuery, achei muito interessante as funções,  e com uma delas, consegui criar uma página com efeito fad...

Mais informações »

[Tutorial]: Como mudar o favicon do blogger

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcxcK9qnf2rA_PXwQrf4KEmLqJ2uX9T9-RMy2ARmLO5jdD0f7cBTZquAmINvLf5bmufktatElRz8hiy533x-hbkOhTGoDXw0Es800uje1AkIFdBD2hXUbFC7sfStuofJQ4DmTQAAALzQ8/s1600/blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcxcK9qnf2rA_PXwQrf4KEmLqJ2uX9T9-RMy2ARmLO5jdD0f7cBTZquAmINvLf5bmufktatElRz8hiy533x-hbkOhTGoDXw0Es800uje1AkIFdBD2hXUbFC7sfStuofJQ4DmTQAAALzQ8/s200/blogger.png" width="200" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <br /> Olá, hoje irei ensinar como mudar o fav icon do blogger,<br />  aquele ícone que antes do nome do blog, no meu blog está este aqui:<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhksAiHBhdAjjvOGwlN1y8Gt27Lz25ZPigEGRAhvMdI33iRS02k-jYlSYem3NWHI9Gud4SJsCg6ql4tJ_LLTD9fKyL5pYLi1mVkfqRoDQkcGFuSmXUB36Ncc3HWz195EFfShSgHRWFcF1w/s1600/icon.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhksAiHBhdAjjvOGwlN1y8Gt27Lz25ZPigEGRAhvMdI33iRS02k-jYlSYem3NWHI9Gud4SJsCg6ql4tJ_LLTD9fKyL5pYLi1mVkfqRoDQkcGFuSmXUB36Ncc3HWz195EFfShSgHRWFcF1w/s1600/icon.PNG" /></a></div> <br /> <br /> <br /> <br /> <br /> <br /> Para mudar o fav icon, vá em Design ~> Editar Html ~> e procure por <b></title></b><br /> coloque este código logo abaixo da tag </title><br /> <br /> <code><link href='url.ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/></code><br /> <br /> Aonde está escrito <i>url.ico </i>coloque o url do seu ícone, caso você não ache um bom ícone ainda,<br /> indicarei alguns ótimos sites de ícones:<br /> <br /> <a href="http://www.iconfinder.com/" target="_blank">Icon Finder</a><br /> <a href="http://www.iconarchive.com/" target="_blank">Icon Archive</a><br /> <a href="http://www.iconesbr.net/icone/sites" target="_blank">Icon Br</a><br /> <a href="http://www.freeiconsdownload.com/" target="_blank">Free Icon download</a><br /> <a href="http://www.iconspedia.com/" target="_blank">Icons Pédia</a><br /> <a href="http://commons.wikimedia.org/wiki/Crystal_Clear" target="_blank">Crystal Clear Icon Set</a><br /> <br /> Esses são alguns sites de  ótimos ícones,<br /> depois de ter feito isto, salve o modelo e pronto!<br /> está instalado seu novo ícone!<br /> <br /> Até a próxima!

[Tutorial]: Como mudar o favicon do blogger

Olá, hoje irei ensinar como mudar o fav icon do blogger,  aquele ícone que antes do nome do blog, no meu blog está este aqui: ...

Mais informações »

[Dica]: Como encurtar URL

<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 »

[Tutorial]: Como colocar o botão vermelho no orkut

<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWteKIirY2NH7ezL9MLWGZt72qnK3ihyphenhyphen5ojGSW5P1XfA8AI7MXERbCikBnkyxcRs2uBGFAS0BHjXpIdTPsGwtnLLD2yUKds8N_Yu0T9ASDkMm2QCMsxeQPKWJK33iNfFZKLOUbbTQ6a6g/s1600/botao.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWteKIirY2NH7ezL9MLWGZt72qnK3ihyphenhyphen5ojGSW5P1XfA8AI7MXERbCikBnkyxcRs2uBGFAS0BHjXpIdTPsGwtnLLD2yUKds8N_Yu0T9ASDkMm2QCMsxeQPKWJK33iNfFZKLOUbbTQ6a6g/s200/botao.jpg" width="192" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <br /> Saudações, eu vi em vários perfis como colocar o famoso botão vermelho,<br /> como muita gente não sabia como coloca-lo em seu perfil, eu irei ensinar,<br /> o botão vermelho do qual estou falando é este:<br /> <embed allownetworking="internal" allowscriptaccess="never" bgcolor="#FFFFFF" height="340" id="286072330" name="286072330" quality="autohigh" src="https://7310640220453687684-a-1802744773732722657-s-sites.googlegroups.com/site/inobziin/hospedar-arquivos/N%C3%A3oPressione-Bot%C3%A3oVermelho.swf?attachauth=ANoY7cq1ZQJtV3JiXQ57WjQhQjR1G8an0cTc-CGYi-u9N__SYO3IJYuDhFfCl9-AMqnLHab_Ezq5mhXVuuJsnTQCiMEEY3vAoxKOxig3Kr6zbReXsIMa5DWnur9CNJZpVrFjpA-L679E3EK7OaCilrBKWuLGhyB4zOIh8Hf85VvgRVJhpG3aMTd-mBxjWZuAvEtrtyGG1vHh_YnNdHIppbIoaXygBKafG5dV8VMkSAy4oRM4HR7ksy9O5PGghMktCVK9bvQXhAAV&attredirects=0" type="application/x-shockwave-flash" width="400" wmode="transparent"></embed> <br /> Para colocar em seu perfil é muito fácil, primeiramente, copie o código fonte:<br /> <code> <embed height="340" width="400" allowscriptaccess="never" allownetworking="internal" wmode="transparent" quality="autohigh" bgcolor="#FFFFFF" name="286072330" id="286072330" style="" src="https://7310640220453687684-a-1802744773732722657-s-sites.googlegroups.com/site/inobziin/hospedar-arquivos/N%C3%A3oPressione-Bot%C3%A3oVermelho.swf?attachauth=ANoY7cq1ZQJtV3JiXQ57WjQhQjR1G8an0cTc-CGYi-u9N__SYO3IJYuDhFfCl9-AMqnLHab_Ezq5mhXVuuJsnTQCiMEEY3vAoxKOxig3Kr6zbReXsIMa5DWnur9CNJZpVrFjpA-L679E3EK7OaCilrBKWuLGhyB4zOIh8Hf85VvgRVJhpG3aMTd-mBxjWZuAvEtrtyGG1vHh_YnNdHIppbIoaXygBKafG5dV8VMkSAy4oRM4HR7ksy9O5PGghMktCVK9bvQXhAAV&attredirects=0" type="application/x-shockwave-flash"> </code><br /> <br /> <br /> Copie o código acima, e depois vá em seu orkut -> editar perfil -> clique em HTML, como mostra<br /> a foto abaixo:<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqy-2iM92DXI_s2Xrw_mD-Rx4AAEKlSJ0IewJl0T_2uCn2SyjuEWGz9JHGCy2vNlRgijXb-cw0e4Xm60O2rDx5xo36l6fbfi_ZIAR82xqZ7W74mrUBj5s_r0PNNwX79H6AWKYlXDAa3cc/s1600/botaun.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqy-2iM92DXI_s2Xrw_mD-Rx4AAEKlSJ0IewJl0T_2uCn2SyjuEWGz9JHGCy2vNlRgijXb-cw0e4Xm60O2rDx5xo36l6fbfi_ZIAR82xqZ7W74mrUBj5s_r0PNNwX79H6AWKYlXDAa3cc/s320/botaun.PNG" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"> (Clique na imagem para ampliar)</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;"> Pronto, seu botão está instalado!</div> <div class="separator" style="clear: both; text-align: left;"> Muito simples, espero que tenham entendido, abs.</div> <br />

[Tutorial]: Como colocar o botão vermelho no orkut

Saudações, eu vi em vários perfis como colocar o famoso botão vermelho, como muita gente não sabia como coloca-lo em seu perfil, eu i...

Mais informações »

[Tutorial]: Como criar um formulário em html

<div style="text-align: center;"><img height="150" src="http://www.masternewmedia.org/Images/online_plagiarism_detect_fight_report_unauthorized_content_republication_guide_mailbox_id446436.jpg" width="200" /> </div><br /> <br /> Saudações, hoje irei ensinar sobre formulários, eles são ótima opção para<br /> páginas de registro e páginas de cadastramento de usuário, vou ensinar<br /> um formulário básico.<br /> <br /> vamos lá, abra o bloco de notas e digite:<br /> <code> <html><br /> <head>   </head><br /> <body><br /> <br /> </body><br /> </html> </code> <br /> <br /> <b>Explicação: </b><br /> <b><html></b>   =  abre indica que a linguagem é em html<br /> <b><head> </b> =  cabeça ou seja, cabeçalho.<br /> <b></head> </b>=  fechamento da tag head(cabeçalho)<br /> <b><body> </b> =  corpo, tudo que está dentro desta tag, aparecerá na página.<br /> <b></body> </b>=  fechamento da tag body(corpo)<br /> <b></html> </b> =  fim do código em html.<br /> <br /> Vamos introduzir o formulário abaixo, dentro da tag <body>:<br /> <br /> <code> <form action='#' method='POST'><br /> Nome: <input type='text' name='nome'><br /> <input type='submit' value='Enviar'><br /> <input type='reset' value='Limpar'><br /> </form></code><br /> <b><br /> </b><br /> Salve o código acima na extenção <b>.html,</b><br /> <b>Entendendo:</b><br /> <b><form action='#' method='POST'> </b><br /> Esta linha do código, serve para começar um formulário (form),<br /> já definindo alguns parâmetros, como <b>action</b>(açã), a página que irá corresponder a este formulário,<br /> e <b>method</b>(método), é o método utilizado,  em todos os formulários, só existem dois tipos de métodos<br /> os métodos <b>POST </b>e o <b>GET</b>. o Método <b>POST </b>manda os dados para a página configurada no action<br /> com a maior segurança. agora o método <b>GET</b>, faz a mesma coisa que o <b>POST</b>, só que mostra os<br /> dados na <b>URL</b>.<br /> <br /> <span style="font-family: monospace;"><b>Nome: <input type='text' name='nome'></b></span> <br /> <span style="font-family: inherit;">Criamos uma área só para textos indicando o <b>name</b>(nome) que será enviado há</span><br /> <span style="font-family: inherit;">página do <b>action</b>(ação).</span><br /> <span style="font-family: monospace;"><br /> </span><br /> <span style="font-family: monospace;"><b><input type='submit' value='Enviar'></b></span> <br /> <span style="font-family: inherit;">Cria um botão que envia o formulário</span><br /> <br /> <span style="font-family: monospace;"><b><input type='reset' value='Limpar'></b></span> <br /> <span style="font-family: inherit;">Cria um botão que limpa o formulário, deixando todos os espaços</span><br /> <span style="font-family: inherit;">em branco.</span><br /> <br /> <span style="font-family: monospace;"><b></form></b></span> <br /> <span style="font-family: inherit;">Indica o final do formulário.</span><br /> <span style="font-family: inherit;"><br /> </span><br /> <span style="font-family: inherit;">No tutorial de hoje, eu ensinei como criar um simples formulário,</span><br /> <span style="font-family: inherit;">para vocês entenderem o básico, na próxima, ensinarei como validálos.</span><br /> <span style="font-family: inherit;">Caso vocês quiserem ver um preview do nosso tutorial, <a href="http://suyann.6te.net/Blog/form.html" target="_blank">clique aqui</a>.</span><br /> <span style="font-family: inherit;"><br /> </span><br /> <span style="font-family: inherit;">Abraços,</span>

[Tutorial]: Como criar um formulário em html

  Saudações, hoje irei ensinar sobre formulários, eles são ótima opção para páginas de registro e páginas de cadastramento de usuário, vo...

Mais informações »

[CSS]: Efeito neon (Blogger/Orkut)

<div style="text-align: center;"> <img height="133" src="http://static.freepik.com/free-photo/electronics-industry-neon-white-background-spiral_3106003.jpg" width="200" /></div> <div style="text-align: center;"> <br /></div> Título: Como criar textos com efeito neon (Blogger/Orkut)<br /> <br /> Se você irá por no blogger, você tem que fazer uma classe em CSS:<br /> <code><br /> #menu{}<br /> #menu:hover<br /> {<br />         text-shadow: 0px 0px 10px #00FF00;<br /> }<br /> </code><br /> <style> #menu{} #menu:hover { text-shadow: 0px 0px .3em #00FF00; } </style><br /> No exemplo acima, o link ficará com efeito neon, veja:<br /> passe o mause encima do link:<br /> <div class="menu"> <a href="http://www.blogger.com/post-create.g?blogID=6606968305992689300#" id="menu">Link</a></div> <br /> Viu como é fácil ?<br /> Agora, caso você queria colocar no Blogspot(blogger),<br /> é só ir no Design ~> Editar Html e procurar por <b>a:hover</b>,<br /> substitui tudo que está dentro por:<br /> <code><br /> text-shadow: 0px 0px .3em #00FF00;<br /> </code><br /> <br /> Mais se você queira colocar em um post do orkut é um pouco diferente,<br /> <code><br /> <p style='text-shadow: 0px 0px  .3em #00FF00;'> Meu Texto </p><br /> </code><br /> Ficando:<br /> <div style="text-shadow: 0px 0px .3em #00FF00;"> Meu Texto </div> <br /> Agora, se você quiser mudar a cor do neon, é só mudar esta parte da linha <b>00FF00</b>,<br /> você pode conseguir as cores aqui: <a href="http://www.ufpa.br/dicas/htm/htm-cor2.htm">http://www.ufpa.br/dicas/htm/htm-cor2.htm</a>.<br /> <br /> Abraços,

[CSS]: Efeito neon (Blogger/Orkut)

Título: Como criar textos com efeito neon (Blogger/Orkut) Se você irá por no blogger, você tem que fazer uma classe em CSS: #menu{} ...

Mais informações »