Photoshop: Mudar a cor do cabelo

Olá leitores, as vossas férias estão a ser boas? Hoje trago um tutorial de photoshop, um vídeo que encontrei no youtube. Gostei do vídeo porque está bem explicado, espero que gostem!

Muito fácil! Beijinhos :) 

Ilustradores do dia: Olhos

Olá leitores! Desculpem a minha ausência, fui de férias para a casa da minha avó e não tive tempo de programar posts. Hoje o post são algumas imagens de olhos, são todos tão lindos que fiquei cheia de inveja xD (os meus olhos são castanhos).

Espero que tenham gostado, até ao próximo post!

14 gifs de gatos

Olá amigos! Tudo bem? Os próximos posts vão ser programados, porque vou viajar. Retribuo os comentários assim que voltar :3. Bem, o post de hoje são 14 gifs de gatos, espero que gostem.

MT: Colocar faixa na sidebar

Olá leitores! Finalmente, os meus testes e trabalhos acabaram! Mais uma semana de aulas e estou de férias :).  O tutorial de hoje é sobre como colocar uma faixa no título do gadget, espero que gostem...

1º- Para colocar, vai ao html e pesquisa por:

 .footer-inner .widget h2, 

2º- Abaixo, o código vai estar assim:

.sidebar .widget h2 {
padding-bottom: .5em;

} 

3º- Apaga esse código e cola este:

.footer-inner .widget h2,
.sidebar .widget h2 {
padding-bottom: 1.1em; 

background:url('URL DA IMAGEM')no-repeat; 

margin-left:-20px; 

text-align:center;

} 

4º- Escolhe uma das faixas abaixo, copia a url e cola onde diz "url da imagem". Edita onde diz "margin-left", para a imagem ficar boa.

Encontrei todas as ribbons no google.

Beijos :*

MT: Colocar gadget de posts relacionados personalizado

Olá! Fiquei quase uma semana sem postar, desculpem! Tive uma semana muito ocupada. Na próxima semana ainda devo de postar menos, porque vou ter testes todos os dias e muitos trabalhos.

O tutorial de hoje é sobre como colocar o gadget de postagens relacionadas e personalizá-lo. 

Normalmente aparece no fim do post, mas pode aparecer noutros sítios. 

1- Para colocares, basta ires a este site e preencheres a caixinha que está no lado direito. Depois clica em "Get Widget".

2- Irás ter a uma página onde explica como colocar o gadget. Clica em "Install Widget".

3- Depois é só arrastar o gadget para baixo das área de posts.

4- Voilá! Para personalizar basta ir ao html, procurar por ]]></b:skin> e colar acima este código.

.linkwithin_posts {width: 700px !important;}

.linkwithin_posts a {border: none !important;padding-right: 15px !important;background-color: #FF0;background-image: none;height: 200px;}

.linkwithin_posts a:hover{background-color: #FC3 !important;}

.linkwithin_title:hover {color: #F00 !important;text-decoration: none !important;}

A vermelho é a largura do gadget. A laranja é a cor do fundo do gadget sem ter o rato por cima, a amarelo é a cor do fundo gadget com o rato por cima. A verde é a cor das letras com o rato por cima.

Espero que tenham gostado, beijos!

Créditos ao Jackie Dream e Spazio DM.

MT: Imagem desfocada ao passar o mouse

Olá! Eu gostava de ter postado mais cedo, mas não consegui. Tenho muitos trabalhos para fazer, esta semana tenho 3 testes, e para a próxima 5 (ou seja, todos os dias). Se eu não postar com muita frequência, desculpem-me!

O tutorial de hoje é o efeito de imagem desfocada ao passar o mouse. Vamos aprender!

1- Para deixar a imagem normal e no hover ficar desfocada, é só colocares o código abaixo acima de ]]></b:skin>.

.desfoque {

-webkit-filter: blur(1px);

 -moz-filter: blur(1px);

filter: blur(1px);

 -webkit-transition-duration: .9s;

}

.desfoque:hover {

-webkit-filter: blur(0px);

 -moz-filter: blur(0px);

filter: blur(0px);

 -webkit-transition-duration: .9s;

}

Para a imagem ficar desfocada e no hover ficar normal, é só trocar os (1px) por (0px) e os (0px) por (1px).

2- Depois é só salvar e usar o código abaixo num gadget, post...

<img src="Url da Imagem" class="desfoque">

Também é possível usar este efeito em todas as imagens do blog, se quiserem saber como eu digo! 

Espero que tenham gostado.

Maratona de tutoriais: Personalizar o tooltip

Olá! Tudo bem? Uma das "prendas" do aniversário do blog vai ser esta maratona de tutoriais. Ainda não sei quantos posts vou fazer, mas deve andar à volta dos 4/5. Este é o primeiro, que é sobre como personalizar o tooltip.

Para quem não sabe, o tooltip é aquela caixinha onde diz "Vaga".

Para personalizar basta ir ao Html >> Ctrl+F >> Pesquisa por </head>

Acima dessa tag mete: 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script language='JavaScript' src='http://static.tumblr.com/oiizew6/8B5lzwf17/script.js' type='text/JavaScript'/>

Agora procura por: ]]></b:skin>

E acima  da tag mete:

div#qTip {

padding: 3px;

background: #eee5de; /* Cor de Fundo*/

color: #8b8378; /* Cor da Fonte */

position: absolute;

z-index: 1000;

border: 1px solid #8b8378; /* Cor da Borda */

display: none;

font: bold arial;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

}

E agora é só editares como quiseres! Muito fácil :)

Espero que tenham gostado, beijinhos!

Pesquisa

Olá gatos! Há uma semana que não apareço, desculpem, foi uma semana muito atarefada :(. Bem, o post de hoje é uma pesquisa, há muito tempo que não faço uma. O aniversário de 2 anos de CG está a aproximar-se e eu não sei o que fazer... 

Eu sei que ficou muito grande,  desculpem! Nenhuma questão é obrigatória, só respondem se quiserem :).

Beijinhos...

Tutorial: Barra de rolagem colorida

Bom dia leitores divos! Não tenho postado muito por causa da escola, apesar de ter posts em rascunho há muitos dias em que não venho ao computador, ou venho muito pouco tempo. 

Há muito tempo que não vos trago um tutorial, por isso o post de hoje é sobre como colocar a barra de rolagem colorida. Para quem não sabe, a barra de rolagem é a barra à direita que faz com que o blog desça.

Para colocar, vai a Modelo >> Editar Html >> Clica Ctrl+F ou F3 >> Procura por ]]></b:skin> >> Acima disso cola:

/*-- Rolagem da Vertical da Página --*/

::-webkit-scrollbar-thumb:vertical {

background: #COR; /*Cor da barrinha que se move*/}

/*-- Rolagem da Horizontal da Página --*/

::-webkit-scrollbar-thumb:horizontal {

background-color: #COR; /*-- Cor da barrinha que se move --*/}

/*-- Parte fixa da rolagem (fundo que não se move) --*/

::-webkit-scrollbar {

width:8px; /*-- Largura da barra de rolagem --*/

 background: #COR; /*-- Cor da parte fixa, que fica no mundo --*/

}

Para editar as cores podes utilizar esta tabela. Créditos ao We Heart HTML e ao Cherry Bomb.

Beijos :)

Imagens para welcome variadas

Olá, tudo bem com vocês?

Acho que já não se devem lembrar de mim! Sou o Bruno, o postador do CG e dono do blog Teen Cat. Há muito tempo que já não postava aqui, admito e tenho explicações, umas boas outras não muito boas: Falta de Tempo como sempre, Preguiça, Esquecimento, penso que devo mil e uma desculpas ao CG, à Bea e aos leitores, portanto DESCULPEM-ME!

Falando agora do post de hoje (=^.^=), trouxe-vos imagens para welcome do Just Like That créditos e achei algumas quase todas encantadoras mas nada melhor do que ver com os nossos próprios olhos, não é? Portanto vamos ver...