9 de jul. de 2008
8 de jul. de 2008
Expandir imagens
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.
CLIQUE-ME
Vá até o HTML do seu blog e cole este código após <head>
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}
</style>
Agora copie este segundo código e cole onde você quer que apareçam as imagens, colocando no local indicado o endereço das imagens.
Código para linkar imagem pequena com grande
<a class="thumbnail" href="AQUI O ENDERÇO DA IMAGEM#thumb"><img src="REPETIR O ENDEREÇO DA IMAGEM AQUI" width="100px" height="66px" border="0" /><span><img src="REPETIR O ENDEREÇO DA IMAGEM AQUI" /><br /></span></a>
Código para linkar imagem nas palavras
<a class="thumbnail" href="AQUI O ENDEREÇO DA IMAGEM#thumb">ESCREVA AQUI O QUE QUER QUE APAREÇA<span><img src="REPETIR O ENDEREÇO DA IMAGEM AQUI" /><br /></span></a>
Créditos: Dynamic Drive CSS
7 de jul. de 2008
1 ano de blog
Resolvi então presentear aleatoriamente aos comentaristas deste post. Portanto se você quer ganhar um relógio, um contador e até uma repaginada em seu blog faça o seguinte, comente aqui, link meu blog e aguarde o resultado. Os 5 comentários mais originais ( se é que 5 comentarão) ganharão o presente e o originalíssimo ganhará a repaginada no blog com direito a indexação nos principais sites, sistema Haloscan de comentários, relógio, scripts diversos a escolher, mas não abuse, ok ?
Alguns dos modelos de templates feitos por mim.
online
Dia 8 sai o resultado. Beijos
6 de jul. de 2008
Flashs em seu blog
Efeito espiral
Efeito quebra-cabeça
Efeito vidro giratório
Efeito fotos evoluindo com alguns efeitos que se pode conseguir no próprio site
Efeito photoshoot
Efeito Livro de fotos
Tira de filme
Efeito carrossel com imagem de tv
Feed imagens




Mais botões de Feed aqui...
As imagens abaixo foram encontradas na net, em foram criadas por "Dirceu Veiga"
Iniciar um video do You Tube automaticamente no blog
O que você tem que fazer é entrar no You Tube e escolher o vídeo de sua preferência. Copie o código que está no lado direito, logo após: EMBED
O código é mais ou menos este:
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/txLPlvkGiP4&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/txLPlvkGiP4&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>
O que você tem que fazer é copiar este código: &autoplay=1 e colar ao final dos códigos que começam com http://
EXEMPLO de como ficou este vídeo do Chico:
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/txLPlvkGiP4&hl=en&fs=1&autoplay=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/txLPlvkGiP4&hl=en&fs=1&autoplay=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>
1 de jul. de 2008



















