Seja bem vindo visitante!
![]() |
Olá seja bem vindo ao Verdinhas. Somos uma comunidade jovem e vibrante. Rapidamente estamos nos tornando referência nacional e internacional para webmasters, investidores e empreendedores online - algo singular para língua portuguesa. |
|
|
|
|
![]() ![]() |
[tutorial] - Dicas Para Webmasters (html/css/javascript/php), ☣ Várias Dicas De Personalização De Sites! ☣ |
Mar 25 2011, 01:09 PM
Post
#1
|
||
|
Grupo: Moderador Posts: 1.695 Registrado: 14-September 08 De: Goiânia/GO Membro N°: 12.027 País:
BrasilInteresse: Investidor Investidor: Agressivo iTrader: 20 (100%) Pontos: $978 Verdinhas Exibir inventário |
Algumas dicas interessantes de mudança de aparência, personalização de postagens, mudança de cursores, e muitos outros... Irei respondendo com novas dicas, mantendo tudo na mesma postagem... ☟
Como Proteger Meu Código-Fonte, Para Evitar Que Seja "Copiado"? Na prática, isso seria impossível, já que o seu navegador precisa do código-fonte para "ler" as páginas. Uma alternativa, seria encriptar seu HTML num script. Exemplo: O HTML Original: CODE <html xml:lang="pt" lang="pt" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /> <meta http-equiv="Content-Language" content="pt-br" /> <meta http-equiv="imagetoolbar" content="no" /> <title>Mario Júnior [Leptossomico] - www.mariojunior.ws</title> <meta name="author" content="Mario Júnior" /> <meta name="robots" content="index, nofollow" /> </head> <body onselectstart="return false"> <p align="center"> </p> <p align="center"><b><font face="Microsoft Sans Serif" size="5">Apresentação</font></b></p> <p align="center"><font face="Microsoft Sans Serif">Olá, meu nome é <b>Mario Júnior</b> e meu site é <a href="http://www.mariojunior.ws"> http://www.mariojunior.ws</a> .</font></p> <p align="center"><font face="Microsoft Sans Serif">Visite-me!</font></p> </body> </html> O HTML Encriptado: CODE <script> <!-- document.write(unescape('%3C%68%74%6D%6C%20%78%6D%6C%3A%6C%61%6E %67%3D%22%70%74%22%20%6C%61%6E%67%3D%22%70%74%22%20%78%6D %6C%6E%73%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%77%33%2E% 6F%72%67%2F%31%39%39%39%2F%78%68%74%6D%6C%22%3E%0A%0A%3C%6 8%65%61%64%3E%0A%3C%6D%65%74%61%20%68%74%74%70%2D%65%71%75 %69%76%3D%22%43%6F%6E%74%65%6E%74%2D%54%79%70%65%22%20%63% 6F%6E%74%65%6E%74%3D%22%74%65%78%74%2F%68%74%6D%6C%3B%20%6 3%68%61%72%73%65%74%3D%77%69%6E%64%6F%77%73%2D%31%32%35%32 %22%20%2F%3E%0A%3C%6D%65%74%61%20%68%74%74%70%2D%65%71%75 %69%76%3D%22%43%6F%6E%74%65%6E%74%2D%4C%61%6E%67%75%61%67 %65%22%20%63%6F%6E%74%65%6E%74%3D%22%70%74%2D%62%72%22%20 %2F%3E%0A%3C%6D%65%74%61%20%68%74%74%70%2D%65%71%75%69%76 %3D%22%69%6D%61%67%65%74%6F%6F%6C%62%61%72%22%20%63%6F%6E %74%65%6E%74%3D%22%6E%6F%22%20%2F%3E%0A%3C%74%69%74%6C%65 %3E%4D%61%72%69%6F%20%4A%FA%6E%69%6F%72%20%5B%4C%65%70%74 %6F%73%73%6F%6D%69%63%6F%5D%20%2D%20%77%77%77%2E%6D%61%72 %69%6F%6A%75%6E%69%6F%72%2E%77%73%3C%2F%74%69%74%6C%65%3E %0A%3C%6D%65%74%61%20%6E%61%6D%65%3D%22%61%75%74%68%6F%72 %22%20%63%6F%6E%74%65%6E%74%3D%22%4D%61%72%69%6F%20%4A%FA %6E%69%6F%72%22%20%2F%3E%0A%3C%6D%65%74%61%20%6E%61%6D%65 %3D%22%72%6F%62%6F%74%73%22%20%63%6F%6E%74%65%6E%74%3D%22 %69%6E%64%65%78%2C%20%6E%6F%66%6F%6C%6C%6F%77%22%20%2F%3E %0A%3C%2F%68%65%61%64%3E%0A%0A%3C%62%6F%64%79%20%6F%6E%73 %65%6C%65%63%74%73%74%61%72%74%3D%22%72%65%74%75%72%6E%20 %66%61%6C%73%65%22%3E%0A%3C%70%20%61%6C%69%67%6E%3D%22%6 3%65%6E%74%65%72%22%3E%26%6E%62%73%70%3B%3C%2F%70%3E%0A%3 C%70%20%61%6C%69%67%6E%3D%22%63%65%6E%74%65%72%22%3E%3C% 62%3E%3C%66%6F%6E%74%20%66%61%63%65%3D%22%4D%69%63%72%6F% 73%6F%66%74%20%53%61%6E%73%20%53%65%72%69%66%22%20%73%69% 7A%65%3D%22%35%22%3E%41%70%72%65%73%65%6E%74%61%E7%E3%6F% 3C%2F%66%6F%6E%74%3E%3C%2F%62%3E%3C%2F%70%3E%0A%3C%70%20 %61%6C%69%67%6E%3D%22%63%65%6E%74%65%72%22%3E%3C%66%6F%6 E%74%20%66%61%63%65%3D%22%4D%69%63%72%6F%73%6F%66%74%20%5 3%61%6E%73%20%53%65%72%69%66%22%3E%4F%6C%E1%2C%20%6D%65% 75%20%6E%6F%6D%65%20%E9%20%3C%62%3E%4D%61%72%69%6F%20%0A% 4A%FA%6E%69%6F%72%3C%2F%62%3E%20%65%20%6D%65%75%20%73%69% 74%65%20%E9%20%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A% 2F%2F%77%77%77%2E%6D%61%72%69%6F%6A%75%6E%69%6F%72%2E%77% 73%22%3E%0A%68%74%74%70%3A%2F%2F%77%77%77%2E%6D%61%72%69% 6F%6A%75%6E%69%6F%72%2E%77%73%3C%2F%61%3E%20%2E%3C%2F%66% 6F%6E%74%3E%3C%2F%70%3E%0A%3C%70%20%61%6C%69%67%6E%3D%22% 63%65%6E%74%65%72%22%3E%3C%66%6F%6E%74%20%66%61%63%65%3D% 22%4D%69%63%72%6F%73%6F%66%74%20%53%61%6E%73%20%53%65%72% 69%66%22%3E%56%69%73%69%74%65%2D%6D%65%21%3C%2F%66%6F%6E% 74%3E%3C%2F%70%3E%0A%0A%3C%2F%62%6F%64%79%3E%0A%0A%3C%2F% 68%74%6D%6C%3E')); //--> </script> Para proteger/encriptar seu código-fonte HTML, visite meu site: ☠ http://www.sangrento.com/protetor/ Pequena dica: dê uma olhada no código-fonte da página do protetor ^^ ... Este post foi editado por mariojunior: Mar 25 2011, 02:52 PM --------------------
--------------------
|
|
|
|
||
Mar 25 2011, 01:22 PM
Post
#2
|
||
|
Grupo: Moderador Posts: 1.695 Registrado: 14-September 08 De: Goiânia/GO Membro N°: 12.027 País:
BrasilInteresse: Investidor Investidor: Agressivo iTrader: 20 (100%) Pontos: $978 Verdinhas Exibir inventário |
Como Deixar Minha Imagem de Plano de Fundo Parada (sem rolar com a página)? Como Posiciona-la? Como Alterar A Cor de Fundo do Meu Site?
Você pode encontrar um tutorial completo sobre CSS Background (em português) no Maujor. --------------------
--------------------
|
|
|
|
||
Mar 25 2011, 01:34 PM
Post
#3
|
||
|
Grupo: Moderador Posts: 1.695 Registrado: 14-September 08 De: Goiânia/GO Membro N°: 12.027 País:
BrasilInteresse: Investidor Investidor: Agressivo iTrader: 20 (100%) Pontos: $978 Verdinhas Exibir inventário |
Como Mudar O Cursor (Seta do Mouse) Do Meu Site? É Possível Instalar Cursores Diferentes?
Sim, de um modo simples. Você pode usar o cursor que desejar (que tenha as extensões .CUR ou .ANI) no seu blog ou site. Envie o cursor desejado para seu host. Copie e cole o código abaixo entre as tags <HEAD> e </HEAD>: CODE <style type="text/css"> HTML,BODY{cursor: url("http://www.endeeço-do-cursor.com.ani") auto; } </style> Caso não tenha um lugar para hospedar arquivos, você pode usar os do Totally Free Cursors, que são gratuitos e diferentes ( ex: http://www.totallyfreecursors.com/details....Rainbow_ani.htm ). No site você encontra os códigos de instalação (copiar/colar) de cada um deles... --------------------
--------------------
|
|
|
|
||
Mar 25 2011, 02:10 PM
Post
#4
|
||
|
Grupo: Moderador Posts: 1.695 Registrado: 14-September 08 De: Goiânia/GO Membro N°: 12.027 País:
BrasilInteresse: Investidor Investidor: Agressivo iTrader: 20 (100%) Pontos: $978 Verdinhas Exibir inventário |
É Possível Evitar Que Um Usuário Selecione Ou Copie O Conteúdo Do Meu Site? É Possível Desabilitar CTRL+C? Como Desabilitar O Botão Direito Do Mouse Na Minha Página?
É possível fazer tudo isso. Para desabilitar a opção de selecionar em uma página HTML, coloque o script abaixo, entre as tags HEAD: CODE <script type="text/javascript"> function disableSelection(target){ if (typeof target.onselectstart!="undefined") //Anti-Selecionar Para O IE target.onselectstart=function(){return false} else if (typeof target.style.MozUserSelect!="undefined") //Anti-Selecionar Para O Firefox target.style.MozUserSelect="none" else //All other route (ie: Opera) target.onmousedown=function(){return false} target.style.cursor = "default" } </script> Agora adicione o script abaixo, antes da tag </body> do seu site: CODE <script type="text/javascript"> disableSelection(document.body) </script> Para desabilitar a opção de clicar com o botão direito em seu site, adicione o código abaixo entre as tags HEAD: CODE <script TYPE="text/javascript"> <!-- // Desabilitar Botao Direito do Mouse // Criado Por Mario Junior [Leptossomico] var message="Página Protegida!"; /////////////////////////////////// function clickIE() {if (document.all) {(message);return false;}} function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);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") // --> </SCRIPT> Para desabilitar CTRL+C em sua página HTML, coloque o código abaixo em sua tag BODY (funciona apenas para Internet Explorer): CODE <body onselectstart="return false" oncontextmenu="return false" ondragstart="return false"> Observação: se o usuário desabilitar o JavaScript no navegador, essas dicas não funcionarão. Para evitar que um usuário navegue em seu site SEM JavaScript, adicione o código abaixo em seu site, uma linha antes da tag </HEAD>. Isso fará com que ele seja redirecionado ao Google. Você pode (deve) alterar o código para enviar o usuário a uma página específica, pedindo-o que habilite o JavaScript no navegador CODE <noscript><META NAME="refresh" content="0;URL=http://www.google.com"></noscript> --------------------
--------------------
|
|
|
|
||
Mar 25 2011, 02:36 PM
Post
#5
|
||
|
Grupo: Moderador Posts: 1.695 Registrado: 14-September 08 De: Goiânia/GO Membro N°: 12.027 País:
BrasilInteresse: Investidor Investidor: Agressivo iTrader: 20 (100%) Pontos: $978 Verdinhas Exibir inventário |
Como Proteger Minhas Imagens De Serem Copiadas? É Possível Fazer Isso Sem Scripts?
Sim, é possível. Existem 3 métodos que você pode usar, sem adicionar nenhum script à sua página. Isso significa que não fará diferença se o usuário tem AdBlock Plus ou JavaScript desabilitado: sua imagem estará protegida. Método 1 - Usando CCS Para Posicionar Uma Imagem Transparente Sobre A Original: CODE <img src="sua_imagem_original.gif" width="100" height="50"> <img src="gif_transparente.gif" width="100" height="50" style="position:relative; left:-102px; top:0px;"> Método 2 - Usando SPAN Para Posicionar Um GIF Transparente Sobre A Imagem Original: CODE <span style="background-image: url(images/sua_imagem_original.jpg)"> <img src="images/gif_transparente.gif" width="200" height="150" border="0" alt=""></span> Método 3 - Usando A Imagem Como Plano de Fundo Numa Tabela E Preencher As Células Com GIF Transparente: CODE <table width="100" height="50"> <tr> <td background="sua_imagem_original.gif"> <img src="gif_transparente.gif" width="100" height="50"> </td> </tr> </table> Obviamente que um usuário que entenda um pouco de HTML saberá copiar a imagem original, mas de qualquer forma, essas opções já evitam mais da metade dos copiadores de fotos alheias.. rsrsrs --------------------
--------------------
|
|
|
|
||
Mar 29 2011, 10:22 AM
Post
#6
|
||
|
Grupo: Moderador Posts: 1.695 Registrado: 14-September 08 De: Goiânia/GO Membro N°: 12.027 País:
BrasilInteresse: Investidor Investidor: Agressivo iTrader: 20 (100%) Pontos: $978 Verdinhas Exibir inventário |
![]() Como Inserir O SexyBookmarks Em Um Site Comum? O SexyBookmarks é um projeto original (plugin) feito para a plataforma Wordpress. Algumas pessoas já o adaptaram para Joomla, bbPress e Blogger, mas é possível adicionar o plugin também no phpBB, vBulletin, IPB ou em qualquer outro site (clique aqui para ver uma demo). Veja como proceder: 1. Baixe a última versão do SexyBookmarks para Wordpress aqui. 2. Baixe também a última versão jQuery aqui 3. Renomeie o arquivo jQuery (algo como ''jquery-1.5.1.min.js'') para jquery.js. 4. Abra o arquivo "js/sexy-bookmarks-public.js" e coloque o seguinte código, logo ao final: Alerta
/* SexyBookmarks - Any Website Credit: Leptossomico - http://www.mariojunior.ws Please keep this creadit when you use this code */ jQuery('.sexy-bookmarks a.external').click(function() { // get the current URL & encode it into the standard URI var url = encodeURIComponent(window.location.href), desc = ''; if( jQuery('p.sexy-bookmarks-content').length ) { desc = encodeURIComponent(jQuery('p.sexy-bookmarks-content').text()); } switch(this.parentNode.className) { case 'sexy-twittley': this.href += '?title=' + document.title + '&url=' + url + '&desc=' + desc + '&pcat=Internet&tags='; break; case 'sexy-digg': this.href += '?phase=2&title=' + document.title + '&url=' + url + '&desc=' + desc; break; case 'sexy-twitter': this.href += '?status=RT+@your_twitter_id:+' + document.title + '+-+' + url; break; case 'sexy-scriptstyle': this.href += '?title=' + document.title + '&url=' + url; break; case 'sexy-reddit': this.href += '?title=' + document.title + '&url=' + url; break; case 'sexy-delicious': this.href += '?title=' + document.title + '&url=' + url; break; case 'sexy-stumbleupon': this.href += '?title=' + document.title + '&url=' + url; break; case 'sexy-mixx': this.href += '?title=' + document.title + '&page_url=' + url + '&desc=' + desc; break; case 'sexy-technorati': this.href += '?add=' + url; break; case 'sexy-blinklist': this.href += '?Action=Blink/addblink.php&Title=' + document.title + '&Url=' + url; break; case 'sexy-diigo': this.href += '?title=' + document.title + '&url=' + url + '&desc=' + desc; break; case 'sexy-yahoobuzz': this.href += '?submitHeadline=' + document.title + '&submitUrl=' + url + '&submitSummary=' + desc + '&submitCategory=science&submitAssetType=text'; break; case 'sexy-myspace': this.href += '?t=' + document.title + '&u=' + url; break; case 'sexy-facebook': this.href += '?t=' + document.title + '&u=' + url; break; case 'sexy-designfloat': this.href += '?title=' + document.title + '&url=' + url; break; case 'sexy-devmarks': this.href += '?posttitle=' + document.title + '&posturl=' + url + '&posttext=' + desc; break; case 'sexy-newsvine': this.href += '?h=' + document.title + '&u=' + url; break; case 'sexy-google': this.href += '?op=add&title=' + document.title + '&bkmk=' + url; break; } }) 5. Envie os arquivos abaixo para seu servidor, respeitando os diretórios: Alerta
js/sexy-bookmarks-public.js css/style.css images/shr-sprite.png 6. Insira o código abaixo entre as tags HEAD de seu site: Alerta
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="/js/sexy-bookmarks-public.js"></script> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" /> 7. Adicione o comando abaixo, exatamente onde você quer que o plugin apareça: Alerta
<div class="sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-center sexy-bookmarks-bg-sexy"> <ul class="socials"> <li class="sexy-twittley"><a href="http://twittley.com/submit/" rel="nofollow" class="external" title="Submit this to Twittley">Submit this to Twittley</a></li> <li class="sexy-digg"><a href="http://digg.com/submit" rel="nofollow" class="external" title="Digg this!">Digg this!</a></li> <li class="sexy-twitter"><a href="http://twitter.com/home" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li> <li class="sexy-scriptstyle"><a href="http://scriptandstyle.com/submit" rel="nofollow" class="external" title="Submit this to Script & Style">Submit this to Script & Style</a></li> <li class="sexy-reddit"><a href="http://reddit.com/submit" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a></li> <li class="sexy-delicious"><a href="http://del.icio.us/post" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a></li> <li class="sexy-stumbleupon"><a href="http://www.stumbleupon.com/submit" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a></li> <li class="sexy-mixx"><a href="http://www.mixx.com/submit" rel="nofollow" class="external" title="Share this on Mixx">Share this on Mixx</a></li> <li class="sexy-technorati"><a href="http://technorati.com/faves" rel="nofollow" class="external" title="Share this on Technorati">Share this on Technorati</a></li> <li class="sexy-blinklist"><a href="http://www.blinklist.com/index.php" rel="nofollow" class="external" title="Share this on Blinklist">Share this on Blinklist</a></li> <li class="sexy-diigo"><a href="http://www.diigo.com/post">Post this on Diigo</a></li> <li class="sexy-yahoobuzz"><a href="http://buzz.yahoo.com/submit/" rel="nofollow" class="external" title="Buzz up!">Buzz up!</a></li> <li class="sexy-myspace"><a href="http://www.myspace.com/Modules/PostTo/Pages/" rel="nofollow" class="external" title="Post this to MySpace">Post this to MySpace</a></li> <li class="sexy-facebook"><a href="http://www.facebook.com/share.php" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a></li> <li class="sexy-designfloat"><a href="http://www.designfloat.com/submit.php" rel="nofollow" class="external" title="Submit this to DesignFloat">Submit this to DesignFloat</a></li> <li class="sexy-devmarks"><a href="http://devmarks.com/index.php" rel="nofollow" class="external" title="Share this on Devmarks">Share this on Devmarks</a></li> <li class="sexy-newsvine"><a href="http://www.newsvine.com/_tools/seed&save" rel="nofollow" class="external" title="Seed this on Newsvine">Seed this on Newsvine</a></li> <li class="sexy-google"><a href="http://www.google.com/bookmarks/mark" rel="nofollow" class="external" title="Add this to Google Bookmarks">Add this to Google Bookmarks</a></li> </ul> </div> Pronto! Clique aqui para ver uma demonstração do SexyBookmarks num site comum... --------------------
--------------------
|
|
|
|
||
Mar 30 2011, 09:40 PM
Post
#7
|
||
|
Iniciante Grupo: Membro Posts: 15 Registrado: 9-February 11 Membro N°: 17.803 País:
BrasilInteresse: Dinheiro online Investidor: Moderado iTrader: 0 (0%) Pontos: $25 Verdinhas Exibir inventário |
Galera tenho uma duvida
tem como eu associar as visitas autosurf mais o linckbucks ou algum cpm todos que tentei n consegui vlws
|
|
|
|
||
Mar 31 2011, 05:19 PM
Post
#8
|
||
|
Esforçado Grupo: Suporte Posts: 845 Registrado: 7-June 10 Membro N°: 16.473 País:
PortugalInteresse: Dinheiro online Investidor: Moderado iTrader: 1 (100%) Pontos: $1.012 Verdinhas Exibir inventário |
Parabéns mario grande trabalho mesmo...
Abraço kriptonite -------------------- --------------------
|
|
|
|
Post
#
|
|
|
|
--------------------
|
|
|
|
||
![]() ![]() ![]() |
1 usuário(s) está(ão) lendo este tópico (1 visitantes e 0 usuários anônimos)
0 membros:
Tópicos Similares
| Tópico | Respostas | Autor | Visualizações | Última ação | |
|---|---|---|---|---|---|
![]() |
Fixado: Tutorial - Como Investir Em Hyips Passo A Passo Dicas e Explicação Detalhada Para Novos Investidores |
27 | Mαяіο | 4.785 | 18th May 2012 - 09:54 PM Último post por: milionclub |
![]() |
Para setor de adubo, qualidade eleva produção | 0 | MoneyBot | 222 | 19th April 2012 - 03:32 AM Último post por: MoneyBot |
![]() |
Para indústria, queda da Selic deve ser acompanhada por bancos | 0 | MoneyBot | 31 | 18th April 2012 - 09:05 PM Último post por: MoneyBot |
![]() |
Para analistas, intervenção na YPF vai afugentar investimentos | 0 | MoneyBot | 29 | 16th April 2012 - 03:12 PM Último post por: MoneyBot |
![]() |
Para governo de SC, novo regime ajudará negociação com BMW | 0 | MoneyBot | 36 | 3rd April 2012 - 08:30 PM Último post por: MoneyBot |
|
Versão Simples | Horário: 25th May 2012 - 07:27 AM |
Skin designed by IPB Forum Skins
|
|
|
Exibir/Esconder Navegador



Mar 25 2011, 01:09 PM
Brasil





Portugal







