Discover Top Posts Tagged with #gallyack

Transições animada em fotos.

Assim, ao passar o mouse sobre a imagem, ela irá girar de acordo ao valor que você colocará no código.

img:hover{ -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } img{ -webkit-transition:.10s linear all; -moz-transition:.10s linear all; }

No lugar do valor 45, você irá colocar qualquer outro número, isso irá depender do efeito que você quer causar. Lembrando que por conta da div estar com o nome "img", esse efeito será aplicado em todas as imagens que estiver em seu theme, inserida pela tag "img scr". Caso não queira isso, basta mudar o nome da div e adicionar essa classe nas fotos que você quer.

Se usar, nos credite e dê like.

#tuto personalizacao #tutoriais #gallyack

Photoshop Cs5 expirou? Resolva aqui

Bom, formatei meu computador ontem e umas das primeiras coisas que fiz foi baixar o photoshop pois estou muito necessitada dele. Aqui no blog, na parte downloads tem o link para baixar ele. Eu baixei o Cs5 portable.

Meu espanto foi, depois de baixar e extrair o photoshop, ver a mensagem que ele estava expirado, ou seja, para eu continuar usando teria que pagar.

Porém, achei uma solução muito simples. Você vai ter que baixar essa .dll (baixe). Agora, preste atenção. Você precisa saber onde está a pasta do seu photoshop. Por exemplo, a minha eu extrair a minha pasta na area de trabalho. Veja:

Dentro da pasta você vai percorrer esse caminho: << Photoshop CS5 Portable\PhotoshopPortable\App\PhotoshopCS5 >> Ou seja, você vai entrando nas pastas até entrar na pasta App>PhotoshopCS5. Veja minha pasta como é:

Dentro desta pasta você vai colar a .dll que você baixou, a que eu disponibilizei aqui. Fazendo isso, você pode abrir seu photoshop normalmente. Qualquer dúvida, só avisar.

#tuto ps #photoshop #gallyack

Efeito Tooltip somente com CSS

Veja online aqui (xx)

Bom, em seu Css você vai inserir esse código (xx).

É nele que você deve modificar cores, tamanhos, estilos, etc. O código do a.tooltip e a.tooltip:hover dará forma aos nome onde o tooltip será ligado, no exemplo acima, esses nomes são: Home, Contato, Textos... Ou seja, ele é para dar formatação ao texto que é um link.

Já o restante do código é para formatar a caixinha tooltip que irá aparecer. Tamanho, cores, fonte e etc.

Se você já tem o menu pronto, basta acrescentar somente os CSS que tem o SPAN.

Bom, agora vamos a parte de colocar ele. Dando continuidade ao exemplo que dei, assim que eu vou colocar ele onde eu desejar que ele apareça (xx).

As palavras que ficam entre <span> </span> será o que vai aparecer quando passamos o mouse.

Bom, se você souber mexer um pouco com CSS verá que pode colocar esse tooltip em qualquer lugar, inclusive em imagens. Se não souber, vem na ask que ensino.

Espero que gostem. Se usar me credite e dê LIKE.

#tuto personalizacao #tutoriais #gallyack

Menu Deslizar

Veja Online (xx)

Mais um menu bem fácil de fazer. No seu Css você vai por os códigos abaixo:

a.menusl{ padding:5px; text-decoration:none; font-family:tahoma; font-size:10px; text-transform:uppercase; color: #000; text-align:center; width:70px; background: #F6CED8; display:inline-block; -webkit-transition: 2.0s; -moz-transition: 2.0s; -moz-box-shadow:inset 200px 0px 0px #efefef; -webkit-box-shadow:inset 200px 0px 0px #fff; box-shadow:inset 200px 0px 0px #efefef; } a.menusl:hover{ color: #F6CED8; -webkit-transition: 2.0s; -moz-transition: 2.0s; padding-left : 5px; -moz-box-shadow:inset -100px 0px -200px -0.5px #aaa; -webkit-box-shadow:inset -100px 0px -200px -0.5px #fff; box-shadow:inset -100px 0px 0px -0.5px #aaa; }

Agora você vai por o código abaixo onde quer que apareça o menu:

<a href="" class="menusl">Teste</a> <a href="" class="menusl">Teste</a> <a href="" class="menusl">Teste</a> <a href="" class="menusl">Teste</a> <a href="" class="menusl">Teste</a>

Prontinho! Se quiser usar o iframe, aqui tem um tutorial.

Se usar dê like e me credite. Código achados em blog do blogskins.

#menu #tuto menu #tutoriais #gallyack

Theme 10