Utilitários: Imagens para afiliados - Animais

8 comentários:
Olá, estou um pouco em dúvida em relação ao título do blog, a leitora Laura H. deixou claro que o título do blog não favorecia nem um pouco. Porque ela entra no blog achando que ele é de assuntos variados e depois é só de goodies, alguém mais pensa assim? Podem falar.
Qualquer coisa eu mudo o nome do blog. 
Apesar de que a maioria votou no Assim Tipo Tudo de nome ''novo''.

Percebi que ultimamente só faço mais tutoriais, então, 
hoje fiz algumas imagens para afiliados de animais.



Até mais!


Tutorial: Como retirar o Assinar Postagens (atom)

8 comentários:


Hey :3
O primeiro tutorial do dia! Como Retirar o Assinar Postagens (atom), aquele link super chato que ocupa espaço e não serve para nada que todos querem tirar. Não sabe o que é?


1- Vá em Editar HTML, Ctrl + F e procure por ]]></b:skin> agora cole acima:
.feed-links{display:none !important;}
Pronto! Fácil né?
Créditos: Just... Paradise
Beijo beijo, Ráh

Tutorial: Créditos rolando em um gadget

5 comentários:
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

5 comentários:
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.


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

10 comentários:
Olá, sei que fiquei um bom tempo sem postar, mas voltei.

Efeito Dark Shine


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 

Novo Layout

14 comentários:
Olá!
Gostaram do novo Layout? Fiz ele bem simples, as cores são tons de turquesa, para combinar com o mar, já que agora nas férias muita gente vai para a praia, as ilustrações são de Ulzzangs na praia, ou só de praias. Comentem o que vocês acharam do layout, demorei mais ou menos uma semana para finalizá-lo. Beijo, Ráh

Tutorial: Efeito bordas hover

Nenhum comentário:
Yoo
Trago um tutorial que pode ser usado na sua elite de afiliados, ele é bem simples e fica lindo.


1- Vá em Editar HTML, Ctrl + F, e procure por ]]></b:skin agora acima do que você procurou cole:

.elitescale{-moz-border-radius: 2px;-webkit-border-radius: 2px;-webkit-transition: 0s linear;-webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;background-color: #FF6EB4; /*Cor da borda */ padding: 3px;}.elitescale:hover {background-color: #AB82FF; /*Cor da borda quando passa o mouse */ padding: 3px;}

2- Mude o necessário, salve.

3- Vá em Layout, ADD Gadget, HTML/JavaScript e cole:
<a href="Link do Blog" title="Nome do blog"><img src="link da sua imagem" class="elitescale"/></a>

4- Faça as alterações necessárias, visualize, salve.

Créditos: Without Kawaii
Beijo, Ráh