Colocar borda colorida no Banner.

Hoje vamos fazer um efeito muito legal dependendo do fundo  de onde seu banner vai fica.

 

Colocaremos uma borda colorida no banner, pode ser qualquer cor, vale a criatividade de cada um.

 

Basta introduzir este código na imagem do seu banner e mudar a cor como desejar, repare no código em  azul :

<img style="border-bottom: #000000 1px solid; border-left: #000000 1px solid; border-top: #000000 1px solid; border-right: #000000 1px solid" src="http://i35.tinypic.com/10prdyx.png" />

 

Geralmente a imagem do seu banner ficaria assim : 

 

<img src=”http://i35.tinypic.com/10prdyx.png”/>

 

Agora basta  copia e introduzir o código, em azul entre o 

img “e o”  src ,   e estará pronto.

 

Vamos ao exemplo:

 

           Banner sem borda:

      

       Banner com bordas:

 

Para quem tem um banner  como o meu fica bem  interessante.

Se repararem, eu coloquei vermelho nas laterais, e preto em baixo e em cima.

 

Bom aproveito, e experimentem.

Mais Imagens de fundo repetição para Blog.

Legenda nos links

Essa foi uma dica do Divino do site Elite Positiva.

 

Depois de um papo ele me falou que muitas pessoas perguntava a ele como coloca uma legenda ou titulo, nos links.

 

Para quem esta começando pode parecer complicado pois tem que decorar os códigos, mas com o tempo, fica automático.

Então vamos aos códigos que meu amigo divino me passou:

 

Basta você colocar o que esta em vermelho no seu link

 

<a title="Descrição que vai aparecer aqui" href="url do site”>titulo</a>

Então vai fica assim se fosse o link do meu site:

 

<a title="Oficina -Blogger" href="http:www.oficina-blogger.com/”>Oficina -Blogger</a>

 

Vai fica  assim, passe o mouse no link e você vai ver o titulo.

 

                                        Oficina -Blogger

 

Valeu então a dica do divino aproveitem para visita o site dele

 

                                    Elite Positiva

Imagens semi-transparentes em 2 passos no blog

Isso mesmo, imagens semi-transparente no blog, em dois passo.

 

Em dois passos simples, copia e cola, que mais fácil do que isso, só injeção na testa.

 

Primeiro passo;

 

 

Copie esse código:

 

 

.sidebar img {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}
.sidebar img:hover {
filter:alpha(opacity=99);
-moz-opacity:0.99;
opacity:0.99;
}

 

 

Entre no seu template e procure por  body{……..}  geralmente e o primeiro código depois das definições de cores e letra.

 

Fica mais fácil se aperta ctrl  F, e digite  body

 

 

Cole o código logo depois dessas chaves Body{…….}

e salve.

 

Esse código esta só,  para as sidebar ,  mas pode colocar o efeito a aonde bem querer.

 

 

Basta muda o  .sidebar por,  .post,  ou tira tudo e manter só img{

 

Nunca retire o img, se nao tudo da errado.

 

 

Recapitulando:

 

Sidebar sao as colunas laterais.

 

Post e a coluna central, a das postagens

 

Sem esses dois mantendo só o img{ ,  todas as imagens do  blog vai fica semi-transparente.

 

 

Lembrando que pode muda os números à-vontade, mantendo, todos iguais em cada chave, tipo o img  80, 0.80 , 0.80 ,  e ou o   hover 99, 0.99 , 0.99

-----------------------------------------------------------------------------------------------

Repare quanto entra em Layout essa mensagem.

 

Fazer backup / Restaurar modelo

 

Antes de editar o modelo, é recomendável salvar uma cópia do mesmo.

 

 Baixar modelo completo.

Nao tenha vergonha de usa esse link e de graça, pode usa toda hora.

 

Mas faça  testes em um outro blog, só depois que obter o efeito esperado cole no seu blog.

 

Este e o link do meu site que esta usando este efeito  SECURITY TOTAL

 

Ate mais e bom aproveito.

Tudo para twitter em um só lugar

 

Você sabia que tem um site com  mais de 1955 apetrechos  para usar no seu twitter.

 

Tem tanta coisa que ficaria meses e meses falando.

 

O site e em inglês, mas nada que um bom tradutor nao resolva.

 

Mas o bom e fica fuçando, e  encontrando uma função que agrade, fica ai

 

a dica, e aproveite o site .

 

 

 http://oneforty.com/

Quem nao arrepia vendo tocar, me avisa

Imagens para o cabeçalho do blog, 2 parte

    

Site de banner online

 

Este e um site de fazer banner online, O site  Banner Break.

 

Tem poucas opções de banner mas

 

pode ser bem útil para quem nao sabe fazer ou queira um banner rápido,

 

faça seus teste e aproveite, pois e graça.

 

Quanto entra no site, clik na  imagem, e ira para as configurações do banner.

 

Clik em Generate e pronto.

 

Depois e só copia a imagem para o seu computador e Hospeda-la.

 

Olha o meu ai de teste :

  

 

 

 

Essa foi uma indicação do Alexandre do site   Zé da Mandioca.

Arredonda cantos de imagens online

 

Pela minhas andacás pelo google, me deparei com um site muito interessante, e ate animador, ele simplesmente arredonda os cantos das imagens, e com varias opções.

 

Para quem nao e muito forte no Photo-Shop como eu, essa e uma ferramenta indispensável.

 

Seja  a imagem já existente online ou no computador, da pra arredondar, fiz vários teste e todos ficarão ótimos, rápido, fácil e de graça.

 

Exemplo:

 

Antes

 

Depois

 

Tem vários comandos desde deixa as pontas transparente, ou tira o arredondamento de alguma ponta, o de mais e escolher uma borda entre as 12 opções, e da uma Preview para ver como fica.

 

 

 

Depois que estiver ao seu gosto e só fazer o download, ou salva a imagem no computador.

 

Nao tentem copia o endereço da imagem, ele e temporário, depois e descartado em poucos minutos.

 

Tudo pronto, então vamos ao site fuça um pouco, e bom proveito

 

Qualquer duvida e só fala.

 

http://www.roundpic.com/