Paletas

Hey, friorentos <3

Trouxe outra coisa inédita no blog, as paletas. Dou meus créditos ao Kawaii World pela base das paletas. Bem, trouxe quatro, acho que para iniciar está bem! São de imagens diversas, espero que gostem! # A minha preferida é a Galaxy u.u

Ilustrações + Meta

 Hey, honey poney!
Bom, hoje é sabado. NÀO ME DIGA!
E trouxe como goodie 8 ilustrações de post larguinhas! Eu gostei, espero que vocês também gostem!
Ah! Obrigado pelos 10 seguidores! Fiquei emocionada quando eu vi. E decidi aplicar uma meta! A nossa meta será 100 seguidores! Quem pode ajudar a gente? Lembrando, para incentivar o cumprimento da meta, quando seja atingida irei fazer uma maratona de postagens! O que acham? Well, vamos as ilustras!

Tutorial: Hover no fundo de Imagens

Hey! A essas horas da noite e eu postando, me senti muito culpada por não postar a quantidade correta :P

Então, já viram aqueles blogs, que quando você passa o mouse por cima de uma imagem, o fundo dela muda? Então, trouxe um tuto explicando como fazer! Aqui está o preview (na imagem da postagem). Vejam como o png da banda fica opaco e o fundo se move. Vou ensinar!

1) Vá a Modelo > Editar HTML.

2) Procure por:

]]></b:skin>

3) Acima do código cole:

a img {
-moz-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-moz-transition-duration: 1s;
-webkit-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-webkit-transition-duration: 1s;
-o-transition-property: background-position, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-o-transition-duration: 1s;
background: url(http://pt.upphotos.net/wallpapers/2013/02/Fundo-Textura-Pattern-Cora%C3%A7%C3%A3o-485x728.jpg);
padding: 3px;
}
a:hover img {
-moz-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-moz-transition-duration: 1s;
-webkit-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-webkit-transition-duration: 1s;
-o-transition-property: background-position, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-o-transition-duration: 1s;
background-position: bottom;
-webkit-filter: grayscale(0%);
box-shadow: 0px 0px 30px #fff;
}
.post img {-moz-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-moz-transition-duration: 1s;
-webkit-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-webkit-transition-duration: 1s;
-o-transition-property: background-position, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-o-transition-duration: 1s;
background: url(http://pt.upphotos.net/wallpapers/2013/02/Fundo-Textura-Pattern-Cora%C3%A7%C3%A3o-485x728.jpg);
padding: 4px;
box-shadow: 0px 0px 10px #fff;
}
.post img:hover {
-moz-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-moz-transition-duration: 1s;
-webkit-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-webkit-transition-duration: 1s;
-o-transition-property: background-position, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-o-transition-duration: 1s;
background-position: bottom;
-webkit-filter: grayscale(0%);
opacity:.50;
filter: alpha(opacity=50);
box-shadow: 0px 0px 5px #fff;
}

O código é extenso, pois está incluida a opção de a primeira foto da postagem ter um fundo diferente. As partes em vermelho são os URL's do background.

BONUS!

Trouxe poucos backs pra vocês usarem neste tuto, ok?

1o:

Gostaram? Comentem!

Guerra de Blogs!

Sim people! Estou fazendo um concurso. Obvio, não tem recompensa, ademas de um espaço aqui no blog. É o seguinte, irei disponibilizar aqui a baixo um form manual, os blogs que querem participar, por favor comentem com o form preenchido.

-Nome do Blog:
-Link:
-Dona:

Os que vào participar, ponham, se possível o link-me:

<a href="http://winter-night-blog.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEtfYA_DLsJFiAGZ9JcjREhvlZSmj0dZxTuY_G1X4Aji_N6NDSQofD4xajvXfWMvvLT-R1HuxOkFaI2IdZwHUlDipm_d5vqUrxI9jDd3UMdfOlDwgDIPsQc4ISqcJS5GvU_fRzJdExjp33/s1600/y43981.png" border="0" /></a>

Tomara que participen, a jurada serei eu. Tenho certa experiencia com críticas, então achei melhor. Lembro  pra você que vaga para equipe estão abertas! ;)

Backgrounds diferenntes

Well, party People!

Tenho nada pra dizer, apenas que já sou faixa verde =)

Trouxe um tuto de como por dois backs no blog, como no KW. Óbvio, não estou copiando ele, mas só estou citando como exemplo!

1°) Vá em modelo > Editar HTML.

2°) Aperte Ctrl+F e procure por body { Você irá encontrar um código assim:

body {  font: $(body.font);  color: $(body.text.color);  background: $(body.background);}

 3°) Apague tudo e coloque no lugar este código:

body, html { height: 300px; margin: 0; padding: 0;  }
body { font: $(body.font);color: $(body.text.color);background: url("URL do 1º background") repeat; }
html { background: url("URL do 2º background") repeat; }

Altere o número em vermelho (300) pela altura em pixels do primeiro background. Depois é só substituir as urls das duas imagens nos locais indicados.

Gostaram? 

50 imagens para Afiliados: Variadas

Hey, pandas!
Hoje saimos mais cedo do colégio. Ou seja, nào sei se no Brasil tem aula hoje, pois não moro aí. Tem aula hoje? rsrsrs
Bem pra quem está curioso, eu vivo na Nicaragua, onde sobrevivi a um terremoto e erupção vulcânica! o/
Sou de ferro, people!
TRouxe para vocês 50 imagens de afiliados, espero que gostem!

 SE sair alguma repitida, nem notem, please!