tag:blogger.com,1999:blog-5647350799218623052025-06-14T23:29:11.953-07:00WikiblogsAnonymoushttp://www.blogger.com/profile/16062625743165504051noreply@blogger.comBlogger19125tag:blogger.com,1999:blog-564735079921862305.post-71362995798757667342012-11-16T22:47:00.000-08:002012-11-16T22:52:20.145-08:00Desativar o botão direito do mouseSei como é chato fazer um trabalho e de repente vem alguém é copia tudo que você fez. Bom, então para pelo menos tentar da mais trabalho aos plagiadores, crie um script para bloquear o botão direito do mouse, e o melhor, é bem simples de instalar.
Vá no seu blog, clique na sessão Editar HTML e procure pela tag </head> e acima dela cole o código abaixo.
<script>
window.onload = Anonymoushttp://www.blogger.com/profile/16062625743165504051noreply@blogger.com0tag:blogger.com,1999:blog-564735079921862305.post-9766034553046648842012-11-16T22:35:00.001-08:002012-11-26T17:01:38.955-08:00Criar um aplicativo para o Google ChromeNão podemos negar que o Google Chrome é escolha preferia muita gente quando o assunto é navegadores da web. E talvez você já notou que a maioria de seus leitores/usuários usam o Chrome. Bom e que tal cria um aplicativo do seu blog/site para seus usuários usarem em seu navegador? A boa notícia e que da sim e é bem fácil.
Bom, para começar crie uma pasta em qualquer parte do seu computador (Anonymoushttp://www.blogger.com/profile/16062625743165504051noreply@blogger.com0tag:blogger.com,1999:blog-564735079921862305.post-31561917582661263622012-11-11T17:22:00.005-08:002012-11-26T17:01:38.938-08:00Rolagem infinita no BloggerDepois de visitar muitos blogs, percebi que muita gente que colocar o efeito de rolagem infinita no seu blog (Blogger). Então resolvi escrever este artigo explicando como usar o Scroll infinite. Esse efeito, carrega mais postagens sempre que o usuários chega ao final da página e assim, não é preciso clicar várias vezes em "mais postagens". Então vamos lá?
Primeiramente vá no seu blog (no BloggerAnonymoushttp://www.blogger.com/profile/16062625743165504051noreply@blogger.com7tag:blogger.com,1999:blog-564735079921862305.post-71785571023895135712012-10-23T19:40:00.002-07:002012-11-26T16:29:19.518-08:00Botão +1 antigo
Eu sou viciado em Google+, gosto muito dessa rede social e acho que é um grande Plus na internet. Assim como muita gente, eu tambeim não gostei do novo botão +1 do Google+ e sempre procurei jeitos de tentar voltar. Vasculhando a internet á alguns dias atrás, achei um serviço (o UserStyles) o qual a princípio gostei muito e pensei em modificar alguns sites. Então depois de procurar cores e Anonymoushttp://www.blogger.com/profile/16062625743165504051noreply@blogger.com0tag:blogger.com,1999:blog-564735079921862305.post-23417557054412371622012-10-21T19:45:00.000-07:002012-11-26T17:01:38.934-08:00Ícones para seu siteUma das maneiras que está muito sendo usada por sites como: Myspace, Microsoft, DropBox e outros, é usar ícones com Web fonts. Bom é assim, para impedir que os usuários baixem ícones de sites, agora todos estão usando a fonte 'Pictos', para criar símbolos com letras do próprio teclado. Então vamos lá, primeiro crie um elemento que você que usar. Por exemplo, aqui eu vou fazer com uma DIV:
<Anonymoushttp://www.blogger.com/profile/16062625743165504051noreply@blogger.com1tag:blogger.com,1999:blog-564735079921862305.post-2575919359617318642012-10-03T16:27:00.001-07:002012-11-26T17:01:38.936-08:00Deslocar o background com animaçãoNo tutorial anterior, eu ensinei a vocês a mexerem com Animations e keyframes, agora vou mostrar mais ultilidades destas duas propriedades. Talvez você já tenho ido no novo site do Disqus, e reparou que tem uma animação na parte de cima do site, bom, eu vou ensinar você a fazerem esse efeito.
Talvez você queira saber mais sobre animations e keyframes.
Bom, primeiro vá no Google Imagens e ache um Anonymoushttp://www.blogger.com/profile/16062625743165504051noreply@blogger.com0tag:blogger.com,1999:blog-564735079921862305.post-48652504505835895812012-09-24T15:38:00.001-07:002012-11-26T17:01:38.939-08:00Animation e keyframes (Avançado)Depois de muito procurar na internet, não achei um tutorial bom que ensinasse a mexer com "-webkit-animation", então decidi fazer um eu mesmo para ensinar melhor aos alheios com esse tipo de propriedade.
Este tutorial se destina a web designers que tenham um conhecimento um pouco avançado ou que queiram aprender sobre animations. Mais qualquer pessoa pode aprender mais sobre esse atributo.
Anonymoushttp://www.blogger.com/profile/16062625743165504051noreply@blogger.com1tag:blogger.com,1999:blog-564735079921862305.post-65877937952760317282012-09-08T14:48:00.000-07:002012-09-08T14:48:47.235-07:00Fontes para seus projetosUma das coisa mais legais em um site, são as fontes personalizadas que mais parece que alguém escreveu a mão e colocou lá. Pois bem, nesse artigo vou dar umas dicas para você escolher suas fontes e onde acha-las.
Fontes para imagens
Um site que eu uso sempre quando eu vou criar minhas imagens é o Dafonte, Neste site, você encontra várias fontes você usar no PhotoScape, Photoshop e em qualquer Anonymoushttp://www.blogger.com/profile/16062625743165504051noreply@blogger.com0tag:blogger.com,1999:blog-564735079921862305.post-81705077325343283122012-09-02T18:02:00.001-07:002012-11-26T17:01:38.950-08:00Botão voltar ao topo do site com animaçãoO botão 'Voltar ao topo do site' pode ser interessante, pois em alguns sites geralmente tem um conteudo muito grande, é gera uma barra de rolagem pequena e de difícil manuseação, é para facilitar a navegação do usuário pela página, é legal colocar um botão para voltar ao topo. Mas que tal adicionar um animação?
Uma forma fácil é criar um link (sem animação), veja baixo:
<a href="#top"><Anonymoushttp://www.blogger.com/profile/16062625743165504051noreply@blogger.com3tag:blogger.com,1999:blog-564735079921862305.post-12684090767967907182012-09-02T17:06:00.001-07:002012-09-02T18:10:04.830-07:00Criar caixa de busca para sitesCaixas de pesquisa é uma das coisa indispensáveis em um site, pois assim o usuário demora menos para encontrar o que ele quer. Vamos aprender agora como criar e sua própria. Adicione o código abaixo onde você quer que a caixa apareça.
<form id="search" action="/search" method="get"><input type="text" class="Qud" id="search-box" name="q" spellcheck="on" widdit="on" autocomplete="on">&Anonymoushttp://www.blogger.com/profile/16062625743165504051noreply@blogger.com0tag:blogger.com,1999:blog-564735079921862305.post-62833128514101375332012-08-30T16:41:00.000-07:002012-11-26T17:01:38.945-08:00Personalizar as barras de rolagem da páginaCertamente você já deve ter visto em algum site uma barra de rolagem personalizada (Como no Facebook, Google+, etc), bom neste tutorial vou ensinar a fazer esse mesmo efeito.
Primeiramente abra o bloco de notas no seu windows e cole o código abaixo (ou edite na caixa mesmo).
::-webkit-scrollbar {width: 11px;height: 11px;}
::-webkit-scrollbar-track-piece:vertical {background: white;border-left:Anonymoushttp://www.blogger.com/profile/16062625743165504051noreply@blogger.com0tag:blogger.com,1999:blog-564735079921862305.post-58207259866056483162012-08-28T12:37:00.003-07:002012-09-07T22:09:40.005-07:00Postagem de teste do novo CSS#Teste
Cupcake
Engagement photo
Ruiva de sardas
Test do blockquote
Nota:Teste da nota
Important:
Aviso:
Código HTML
http://wikiblogs.blogspot.com.br
Aqui fica o texto a ser marcado.
WikiblogsAnonymoushttp://www.blogger.com/profile/16062625743165504051noreply@blogger.com3tag:blogger.com,1999:blog-564735079921862305.post-18779878024397457272012-07-29T12:20:00.000-07:002012-11-26T17:01:38.932-08:00Personalize os links do siteSe você que dar um destaque especial para os links de suas páginas, siga essa postagem. Imagine como vai ser a cor, os detalhes e abra o bloco de notas e cole o seguinte código:
<style type="text/css">.a:link {color: #15C;text-decoration: none;cursor: pointer;} .a:hover {color: #15C;text-decoration: underline;} .a:active {color: red;} .a:visited {color: #551A8B;}</style>
Mude os Anonymoushttp://www.blogger.com/profile/16062625743165504051noreply@blogger.com0tag:blogger.com,1999:blog-564735079921862305.post-62113100249198350872012-07-29T12:07:00.000-07:002012-11-26T17:01:38.943-08:00Personalizar a fonte da páginaPáginas bem editadas tem sempre uma fonte especial para melhorar o visual ao usuário/leitor, nesta postagem você vai aprender a mudar a fonte de seu site. Primeiramente escolha como quer que seja e abra o bloco de notas de seu computador e cole o código abaixo:
<style type="text/css">body {color: #222;font-family: Arial;font-size: 16px;line-height: 27px;}</style>Altere os valores deAnonymoushttp://www.blogger.com/profile/16062625743165504051noreply@blogger.com0tag:blogger.com,1999:blog-564735079921862305.post-60810745701921762592012-07-29T12:01:00.000-07:002012-11-26T17:01:38.941-08:00Mudar o plano de fundo de um elementoAs vezes cria um efeito legal adicionar um background diferente em um elemento do seu site. Para isso existe vários códigos para perzonalizar como quizer. Imagine como vai ser a cor ou a imagem do background deste elemento, abra o bloco de notas e coloque o código abaixo:style="background-color: #777;background-image: url();background-position: 0 0;background-repeat: no-repeat;Anonymoushttp://www.blogger.com/profile/16062625743165504051noreply@blogger.com2tag:blogger.com,1999:blog-564735079921862305.post-67655019089823016292012-07-29T11:39:00.000-07:002012-11-26T17:01:38.947-08:00Como adicionar sombra a um objeto da páginaColocar sombra em um objeto é muito simple e sempre da um toque especial no visual do usuário/leitor. Adicione este código no bloco de notas do seu computador: style="box-shadow: 1px 1px 1px black;"Edite os valores conforme desejar. No primeiro "px" altere a distância da sombra para baixo, no segundo "px" altere a distância da sombra a esquerda, no terceiro "px" altere a opacidade da sombra e em Anonymoushttp://www.blogger.com/profile/16062625743165504051noreply@blogger.com0tag:blogger.com,1999:blog-564735079921862305.post-8259352949570565562012-07-17T17:56:00.000-07:002012-11-26T17:01:38.952-08:00Como usar bordas em um elemento da páginaSem dúvida você já viu em algum site, uma imgem ou um gadget com bordas coloridas, bom, hoje nós vamos aprender isso, como colocar bordas em elemtos da página.
Primeiramente vamos escolher o que ver ter bordas que pode ser desde DIV, IMG, SPAN ou outros, depos adicionamos o style de bordas:
style="border: 1px solid #000;"
Depois configuramos o tamanho em "px" o estilo da borda que pode ser Anonymoushttp://www.blogger.com/profile/16062625743165504051noreply@blogger.com1tag:blogger.com,1999:blog-564735079921862305.post-43928986514779412132012-05-28T11:50:00.000-07:002012-07-30T10:43:57.349-07:00Oi leitores da wikiblogs, neste tutorial você vai aprender as regras básicas de um site e os elementos que compõem em um site.A estrutura HTMLUm site é composto por uma sesão com etiquetas <html> e </html>, que dentro podemos ainda distinguir duas partes principais:O cabeçalho, delimitado por <head> e </head> onde colocaremos etiquetas de índole informativo como por Anonymoushttp://www.blogger.com/profile/16062625743165504051noreply@blogger.com0tag:blogger.com,1999:blog-564735079921862305.post-30121273290989304302012-05-15T12:21:00.000-07:002012-07-30T10:43:57.347-07:00Bem vindo a Wikiblogs!Sejam bem vindos ao projeto Wikiblogs. O blog que ajuda você a construir, manter e editar suas páginas.O projeto Wikiblogs foi criado com o intuitu de ajudar leitores e visitantes e cronatruir suas página na web. Na prática funciona assim: web desinges fazens sites e as vezes não acham certos códigos ao pesquisar na web, ai o papel da Wikiblogs é facilitar a busca por esse códigos, oferecendo Anonymoushttp://www.blogger.com/profile/16062625743165504051noreply@blogger.com0