Layout Free ♥ Cute Generation: Layout Free: Cute Generation ♥ Efeitos do Layout

Olá milkshakes ♥ gostaram do layout free?

Bem, além de trazer os códigos vou tentar dar uma nivelada com esta postagem, para que quando vocês forem usar já tenham uma base para o nivelamento >///< É claro que se for de sua preferência alguns gadgets podem ser retirados, ou ter seu número de linhas alterados, além é claro de que podem ser colocadas mais de uma postagem na página principal e o tamanho dos textos e das ilustrações podem variar, mas como eu disse, isso é uma base de nivelação que quem quiser, pode seguir. Se você já me acompanha faz um tempo deve saber que adoro layouts nivelados que encaixam até em um pixel ~~sim, sou maníaca e sempre confiro os pixels shuahsuau'~~

Mas falando sobre o layout, peço que caso você o baixe e utilize, siga todas as regras, sem exceção, pois as regras devem ser cumpridas para uma boa convivência u.u Aqui nesta postagem deixarei os efeitos que montei no layout e os pngs das margens >3< Ah, e também deixarei algumas ideias de nivelação hahahah ~~AMO NIVELAÇÃO ♥~~ ah, e como vocês podem perceber ~~ou não~~ esse layout tem um estilo mais "antiguinho" porque ele iria para o especial de 1 ano do My Pink Ocean, mas acabou que o blog não completou seu aniversário e o layout ficou para vocês hahaha' foi feito com todo o carinho e atenção, cheio de detalhes, então espero que gostem <3

Primeiro: os efeitos especiais. Deixei montado um efeito para ter uma linha divisória na postagem, um para subtítulos e dois para imagens, um para colocar bordas ~~em imagens, gifs~~ e outro para colocar bordas e reduzir o tamanho das imagens ~~destinado especialmente para icons, caso seu blog tenha algum goodie assim~~.

Subtítulo

Para colocar o subtítulo, entre na edição da postagem pelo HTML, selecione o texto e adicione à sua esquerda o código: <div class="title1">, e à direita o: </div>. Exemplo em gif aqui ~~não me perguntem por que diabos teve uns pedaços do gif que ficaram rosa -q~~

Linha divisória na postagem
Também pelo código HTML da postagem, adicione os códigos <div class="linha"></div> onde você desejar colocar a linha. Ela fica como a linha acima e a abaixo ヾ（*⌒ヮ⌒*）ゞ

Para que em páginas apareça uma caixinha no lugar da data

Também pelo código HTML da página, adicione no começo (sem ter nada mesmo antes) o código <div class="pageimage"></div>

Efeito nos Icons

Para colocá-lo basta primeiramente upar os icons (cabem seis por linha, mas você pode alterar no código HTML do ".iconspost"), deixando-os juntos dessa forma aqui, sem ter nada entre as tags de <img />. Depois, pelo código HTML coloque antes dos <img src="#"/><img src="#"/><img src="#"/><img src="#"/><img src="#"/>, o código: <div class="iconspost">, de depois dos "<img src="#"> coloque um </div>. No caso do exemplo os "#"simbolizam os links dos icons. E as imagens vão ficar pequenas na postagem, mas ao salvá-las, ou arrastá-las para outra guia, voltam ao tamanho original, o que é ótimo para icons ♥

Margem em gifs

Coloque a gif na postagem e no código HTML ficará algo como <img border="0" src="LINKDAGIF"/>, basta você retirar o border="0" e colocar em seu lugar o código class="gifpost". Pronto! A mágica está feita ♥

E por fim, este é o blockquote. Negrito. Itálico. Sublinhado. ~~Tachado~~. Link

Margem da postagem (só o png) aqui. Margem da postagem (com o tamanho da imagem) aqui. Margem das imagens dos gadgets (só o png) aqui. Margem das imagens dos gadgets (com o tamanho da imagem) aqui. Margem da imagem do popup (só o png) aqui. Margem da imagem do popup (com o tamanho da imagem) aqui.