Slide de Publicidade

Olá Pessoal, hoje estarei ensinando a vocês como adicionar um slide de anúncios em seu blog no tamanho 468x60 que é o mais comum, esse slide tem um efeito bem legal e pode ser usado até para outros fins. Confesso que eu não sou muito fã de slides em blogs pois a maioria deles pesa muito no carregamento do blog, mas esse slide é super leve e pode ser adicionado no blog sem preocupação nenhuma, eu mesmo estou usando aqui no PB em nossa sidebar, o código é simples e fácil de instalar, vamos ao tutorial.
Demonstração

Menu Esplosion

Eaew gente preguiçosa õ/, hoje vim publica um menu que achei ate e legal *--*, esse menu é um efeito de sombras que parece que “explode” o menu quando você passa o mouse.
Live preview:
Demonstração

Menu Scroll

Eea galera *--*, bom apesar que na imagem esta iscrito "menu roda' o nome verdadeiro e Menu Scroll, achei esse codigo na net e dei umas editadas, agora pouco que fui descobrir o nome dele.

Demonstração

Menu Turns

Olá gente *—* então, esse menu é muito simples de fazer, vocês dissidem em que vão usar *--*.
Para ver como ele é:

Demonstração

Box: Botões Redes Sociais (Fixo)

Olá galera, o tutorial de hoje ensinará a como inserir botões de compartilhamento do seu blog ou site em redes sociais. Iremos inserir os botões dentro de um box (quadrado) que ficará fixo em sua tela do blog.

Veja uma demonstração em nosso blog de testes:

Demonstração

Adicionar páginas numeradas no blog

Uma coisa que ajuda bastante no crescimento e desenvolvimento de um blog é a forma como o blogueiro costuma tratá-lo, criar um blog é muito fácil, mas cuida da aparência e ainda por cima escrever conteúdo relevante não é nada fácil. Porem você pode começar a dar mais atenção para seu blog introduzindo alguns recursos que poderão ajudar a melhorar a navegabilidade de seus leitores em seu blog.
Demonstração

Retirando espaço em branco após comentários

 Olá pessoal hoje estarei mostrando um tutorial de como retirar o espaço que ficam embaixo dos comentários que ficam entre os links de navegação (posts anterior,  Inicio  ,posts recente) alguns tem o tamanho grande, outros médios ou pequenos ai depende do template.

Abaixo veja um exemplo:

Efeito Multi-color em links

 O efeito multi-color é um efeito que quando se passa o mouse em cima do link (hover) ele muda de cor, mas não é apenas uma cor e sim todas as cores: azul, vermelho, amarelo, laranja, roxo, verde, lilás, rosa, e muitas outras cores. Também esse efeito nele próprio já vem o efeito "fade in out". Veja uma demonstração em meu blog de testes:

Demonstração

Inserindo Termos de uso no blog

Yo galera to trazendo hoje um tutorial que tem muito a ver com a opinião de seu leitor, ensinarei a como inserir Termos de uso no blog com opções aceitar ou recusar. Veja abaixo um exemplo:

UpTutoriais - designers de verdade! Temos o conteúdo exclusivo, atualizações diárias, códigos e tutoriais de qualidade! Eu aceito Não aceito

Tutorial - Nivo Slide

Quanto tempo heim pessoal, bom direto ao assunto, hoje irei postar um slide que alguns tem pedido, esse slide se chama Nivo esse nome é dado pelo numero de scripts que ele contem assim gerando um efeito aleatório toda vez que muda de imagem como você pode ver no exemplo abaixo.

Demonstração

Utilizando o @font-face

Bem galera quem nunca usou uma fonte diferente no site não sabe o quando é bacana sair do padrão, e para isso existe a regra do CSS chamada @font-face é uma das funcionalidades que permite que você utilize famílias de fonts fora do padrão do sistema.

Imagem Refletida Com CSS

Olá depois de muito tempo sem eu aparecer aqui estou eu com um efeito bem bacana pra vocês, esse efeito é bem legal onde agente usa o CSS para fazer com que seja criado um reflexo logo abaixo a imagem como você pode ver na demonstração abaixo..

Demonstração

Slider Deslizante

Oii pessoal, voltando novamente com mais um tutorial para vocês, mais agora de um slide que acho bem legal o efeito nele.
Demonstração

Introdução CSS

A dúvida de muitos , o que afinal é CSS ?

Cascading Style Sheets (ou simplesmente CSS) é tudo que está entre <style type=”text/css”> ou <style> e </style>  CSS é um documento onde são definidas regras de formatação ou de estilos ao serem aplicadas aos elementos da marcação.Uma linguagem de estilo utilizada para definir documentos como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.

Efeito Scale

Yo galera, venho trazer esse efeito muito show que achei na net. Qualquer dúvida deixe um comentário.

Demonstração

Menu Destaque

Yo galera, venho trazer um tutorial muito bom e fácil de usar, pois se baseia completamente em css. Qualquer dúvida deixe um comentário.
Demonstração

Personalizando Área de comentários

Eae galera aqui e o matheus hoje eu vo ensina como personalizar os comentários, que é uma coisa muito ruim do blogger e que não da pra personalizar os comentários no design de modelo é o que complica não é ? bom nesse tutorial eu vo ensina a como personalizar ;)

Box no Xat

Yoo! Galera venho trazer esse tutorial muito simples à pedido de um amigo do Chat, de como colocar o Box no chat, aqui no nosso chat tem esse efeito, mas para usa-lo é bom que seja um Xat Transparente. Para aplicar isso só vamos usar: border-radius, padding e background.

Box em Vídeos

Galera hoje venho ensinar a colocar um efeito box em vídeos, é bem simples de instalar e fácil de editar, confiram a Demo abaixo:

Efeito Backy

Olá hoje irei ensinar um efeito bem bacana com CSS chamado Backy, seque abaixo uma demostração dele funcionando.

Demonstração