Empire CSS: Goodies

Mostrando postagens com marcador Goodies. Mostrar todas as postagens

PNG's e backgrounds minimalist

Imagem de lana del rey, blue jeans, and homer

Hello, amoras! Como vocês estão? Espero que bem! Bom, eu dei uma sumidinha aqui do Empire CSS né? Me perdoem essa pequena ausência :( Estava pensando em alguns super tutoriais pra cá, em breve os trarei para vocês!

E, de qualquer forma, eu tenho andado mais presente no meu outro blog o Brain Flower ~~dêem uma olhadinha depois hihi :3~~ Pois eu me sinto muuuuuito à vontade lá.

Mas enfim, eu trouxe para vocês alguns PNG's e backgrounds no estilo dos que eu uso no BF e no tumblr;

Em breve trarei mais, esses são apenas os que já tenho salvo no meu computador!

P.S.: Caso queiram algum tutorial ou material específico, pode pedir nos comentários que no dia seguinte já posto <3

Avatares Katy Perry + Vaga Para Postadora

Galerinha, estou de volta e ~~it's been a long, long time~~ resolvi abrir vaga(s) para postadora(s). Ainda não decidi quantas serão as vagas, mas creio que seja no mínimo 2!

Quem tiver interesse é só deixar um comentário ou mandar um e-mail para hellenffranca@outlook.com com as seguintes informações:

nome, idade, blog, tempo/dias disponível para postar e facebook (opcional)

Bem, é isso! Espero que se animem com idéia..

Pro post não ficar muito "informativo", digamos assim, eu trouxe uns avatares do Tumblr Katy Perry Avatars para vocês! Espero que gostem.

Hi.

Agooora que eu estou tomando vergonha na cara e aprendendo à manuzear o Photoshop, vou estar fazendo materiais melhores para vocês :D

E eu que não gostava do Photoshop e, além de não entender, achava difícil ç.ç Estou vendo que não é nada disso, até que é fácil rs

Ok, estão todos nem ai pra isso mas é que eu não tenho muito o que falar nessa introdução .-.

Bem, vamos ao que vos interessa né!

Avatares Miley Cyrus - 200x300

Hi.

Hoje fiz seis avatares da Miley Cyrus para vocês com alguns efeitos! São meus primeiros avatares e eu espero que gostem c:

Se estiverem grandes de mais podem me avisar que faço menores ok?

(clique nas imagens para vê-las no tamanho original)

Letra do Post Destacada

Hi.

Então, gostaram do novo layout? Bem, eu gostei só que sei lá, tem alguma coisa estranha nele... Só não descobri ainda o que achei estranho talvez tudo .-.

Fiquei um pouco "decepcionada" digamos assim, com esse layout pois ele não saiu como eu esperava :\

Enfim, trouxe um tutorial bem fácil para vocês,para destacar a primeira letra do post!

Preview aqui ;)

Hi.

Hoje trago à vocês um menuzinho bem simples porém lindo ~~pelo menos eu acho~~ que fica legal tanto na sidebar quanto no cabeçalho!

A Preview dele é aqui :)

Tutorial:

Tecle F3 e procure por ]]></b:skin>

Acima dessa tag, cole o seguinte código:

.menusimple{

text-align: center;

}

.menusimple a{

text-transform: uppercase!important;

padding: 1px 1px 1px 1px;

display: inline-block;

margin-top: 5px;

font-size: 8px;

color: #DCDCDC;

font-family: tahoma;

-webkit-transition: all 0.6s ease-out;

-moz-transition: all 0.6s ease-out;

font-weight: bold;

}

.menusimple a:hover{

color: #000000;

}

Edite as partes em negrito e salve!

Agora vá até a área de editar o layout, adicione um gadget HTML/JavaScript e cole o seguinte código fazendo as devidas alterações:

<center><div class="menusimple">

<a href="/">Home</a>

<a href="URL">Nome do Link</a>

<a href="URL">Nome do Link</a>

<a href="URL">Nome do Link</a>

</div></center>

Efeito Entrada #1

Preview Aqui

Tecle F3 e procure por <head>, acima dessa tag cole o seguinte código:

<link rel="stylesheet" href="http://static.tumblr.com/5dbytsa/WS3merges/entrada.css" media="screen"/>

Agora procure por ]]></b:skin> e acima dessa tag cole o seguinte código:

.entrada{
-webkit-animation: lightSpeedIn 2s;
-moz-animation: lightSpeedIn 2s;
-ms-animation: lightSpeedIn: 2s;
-o-animation: lightSpeedIn 2s;
}

Salve.

Adicione um gadget HTML/JavaScript e cole o código abaixo:

<div class="entrada">IMAGEM, DIV OU TEXTO/FRASE QUE VOCÊ QUER QUE APAREÇA O EFEITO</div>

É isso, créditos aqui

Menu de Links Simples

Quero avisá-los que minha internet tá uma merda ruim, e por isso vai ser mais dificíl de eu postar e moderar comentários. Então, por favor não se aborreçam se eu demorar um pouquinho à responde-los ok? :s
Trouxe um menu de links simples para o tumblr. Não sei vocês mas eu prefiro assim por ficar bonito visualmente e ocupar menos espaço.

Preview:

Dentro do seu CSS cole o seguinte código:

.menu{text-align: center; text-decoration: none;}
.menu a{text-transform:uppercase!important; padding: 5px 5px 5px 5px; display: inline-block; background:#cor do fundo; margin-top: 5px; font-size: 8px; color: #cor da fonte; font-family: tahoma; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; font-weight: bold;} .menu a:hover{background: #cor do fundo quando tu passar o mouse; color: #cor da fonte;}

Agora, dentro do seu HTML (depois de <body>) cole este código e salve: