Tutorial: Créditos rolando em um gadget

Olá, a pedido da leitora Manoela, hoje vou ensinar a como colocar os créditos rolando em um gadget, para que não sabe do que estou falando é só ir no gadget Goodbye aqui do blog, veja que tem vários nomes de blogs com links, ou seja, os créditos. O tutorial não envolve HTML, mas mesmo assim é necessário prestar bastante atenção.

1- Vá em um Gadget HTML/JavaScript, ou se preferir em um Gadget Texto (clique em HTML no gadget Texto) e cole o seguinte código:

<marquee>Seu Texto Aqui</marquee>

2- Na parte Seu Texto Aqui escreva o texto que você queira, por exemplo:

Agradeço aos seguintes blogs: Blá blá | Blá blá | Blá blá

(É permitido usar meu exemplo)

3- Tá, mas agora o texto fica passando, mas como vou colocar os links? É fácil! Siga os prints.

Não sei porque os prints ficaram cinzas, eles eram brancos, ficaram horríveis, mas deu para entender.

Créditos: Encomendas da Ráh

Até mais, se quiserem pedir algum tutorial fiquem a vontade!

Beijo, Ráh

Tutorial: Menu Tory

Hey!

Atualizei a página de Goodies, na verdade coloquei um menu super lindo que vi no Sweet of Cherry. Além do menu, lá achei também um menu muito lindo e resolvi postar aqui também.

Preview

1- Vá em Editar HTML > Ctrl + F e procure por ]]></b:skin> agora acima dessa tag cole:

/* -- Menu Tory - tory-spacetutorials.blogspot.com -- */
st{
text-align: center; /* Alinhamento do Texto */
width: 40%; /* Tamanho da caixa */
padding: 3px; /* Altura */
float: left; /* Posicionamento da caixa */
background: #87CEFF; /* Cor do Fundo */
color: #FF7DB1; /* Cor da Fonte */
border-radius: 0px 0px 0px; /* Bordas Arredondadas */
-webkit-transition-duration: .90s; /* Tempo de transição */
margin: 3px; /* Espaço entre uma caixa e a outra */
}
st:hover {
background: #6CA6CD; /* Cor do Fundo Hover*/
color: #000; /* Cor da Fonte Hover*/
border-radius: 0px 100px 100px 0px; /* Bordas  Arredondadas Hover */
letter-spacing: 3px; /* Espaço entre as Letras */
-webkit-transition-duration: .90s; /* Tempo de transição */
/* -- Fim do Menu Tory - tory-spacetutorials.blogspot.com -- */

As cores originais do menu não são estas, eu mudei, por isso são azuis.

 Mude as partes necessárias, o código é autoexplicativo.

2- Agora vá em um novo Gadget > HTML/JavaScript e cole:

<a href="LINK DA PAGINA"><st>NOME DA PAGINA</st></a>

Mude as partes necessárias, se quiser mais de um link, copie o código e cole novamente ao lado.

Créditos pelos códigos: Sweet of Cherry

Até mais!

 

Tutorial: Efeito Dark Shine

Olá, sei que fiquei um bom tempo sem postar, mas voltei.

Efeito Dark Shine

Preview

Ele é bem fofo, você pode mudar as cores depois.

1- Vá em Editar HTML > Ctrl + F e procure por ]]></b:skin agora, acima desse código cole:

/-- Efeito Dark Shine por Alan www.wehearthtml.blogspot.com --/
caixa1 {
background: transparent;
padding: 10px; float: left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.imagem1 {
margin: 3px;
border: 1px solid #BCAD90;
-webkit-transition-duration: .50s;
}
.imagem1:hover {
-webkit-transition-duration: .50s;
box-shadow: 0px 0px 30px #686051;
}

Mude as cores destacadas. 

O primeiro código de cor destacado é a cor da borda, e o segundo da sombra.

2- Salve. Agora vá em Layout > ADD Gadget > HTML/JavaScript e cole:

<caixa1><a href="LINK"><img src="IMAGEM" class="imagem1"/></a></caixa>

Mude as partes destacadas.

É isso, espero que tenham gostado, caso queiram algum tutorial específico comentem ok?

Créditos: Bunny Crazy