Tooltip Simple

Hello, guys! Já faz mais de um ano que não apareço por aqui, né?! Me perdoem essa ausência toda, minha vida anda uma loucura desde que eu entrei no ensino médio ç.ç e, bem, eu já saí né auhuah agora estou mais tranquila não sei por quanto tempo pois já acabei a escola e já passou a temporada de vestibulares

 ~agora sou mais uma na fila do desemprego \o/~

Mas enfimmmmm, voltei trazendo o código para aplicar essa tooltip que eu uso aqui no blog que inclusive não dá para visualizar direito por causa do background do meu blog grr

PNG's e backgrounds minimalist

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

Aplicando Borda Interna no CSS - I

Olá, amoras! Como vão vocês? Espero que muito bem ^^

Well, hoje eu trago um tutorial para vocês de como aplicar borda interna no seu CSS, por exemplo: se vocês observarem a minha tooltip verão que ela possui uma borda interna (pode parecer que é externa por minha tooltip ser semi-transparente -q) e é isso que vou lhes ensinar - como aplicá-la onde vocês quiserem.

A aplicação é bem simples, o código é basicamente este:

Negrito, Itálico, Sublinhado e Tachado Personalizados

Hello, amoras! Como estão? Espero que ótimas(os) u-u Bem, hoje trago à vocês um tutorial bem simples de CSS mas que, porém, é um detalhe que faz bastaaaante diferença nas suas postagens; que é a personalização do negrito, itálico, sublinhado e tachado.

Vamos iniciar o tutorial?

I'm back! + Nomes para Blog

Hello, amores! Yeah, estou de voltaaaaa \o/ após séculos distante do blog, finalmente consegui voltar definitivamente para esse mundinho que tanto amo ❤

E, junto à mim, trouxe esse novo layout - é simples, eu sei, mas expressa um pouco dessa minha fase minimalista; falando em minimalista, gostaria de apresentá-las(os) ao meu blog pessoal: o Brain Flower, o qual eu reativei com um layout bem à esse estilo; ficaria imensamente feliz com a visitinha de vocês! O link é esse aqui: b-rainflower.blogspot.com

Deixando o papo de lado... eu não podia voltar de mãos vazias né? Então, resolvi trazer para vocês algumas sugestões de nomes para blog! Espero que gostem e se usarem, por favor, deem os devidos créditos.

Cosmic Blues - c-osmicblues.blogspot.com.br
Land Of HTML - landofhtml.blogspot.com.br
Cravo e Canela - c-ravoecanela.blogspot.com.br ou c-ravoecanel-a.blogspot.com.br
One Minute - oneminut-e.blogspot.com.br
Meus 13 Porquês - meus13porques.blogspot.com.br
Unicorn Parade - u-nicornparade.blogspot.com.br
Unicorns of Plush - unicornsofplush.blogspot.com.br
Flor de Lótus - florde-lotus.blogspot.com.br
Pink Paradise - p-inkparadise.blogspot.com.br
Agridoce - a-g-r-i-d-o-c-e.blogspot.com.br
Cereja Agridoce - cereja-agridoce.blogspot.com.br

É isso amores, amanhã volto com um tutorial bacana pra vocês!

XOXO ❤

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.

Menu Fluid

Hi guys, hoje trouxe um menu mega lindinho para vocês! Ele é simples porém acho que fica ótimo no topo do cabeçalho.

Achei esse menu no blog Senhorita Independência, portanto, créditos à ele e, aqui tem uma preview do menu.

Tutorial - Conteúdo Escondido

Hi guys, fiquei muito tempo ausente aqui né? Me perdoem por favor, ando enfrentando muitos problemas em minha vida e estou meio desorientada. Massss não deixarei mais isso interferir aqui ^^

Enfim, estou pensando em colocar uma postadora aqui, o que acham? Ah! Mudei o layout também, gostaram? Eu particularmente gostei bastante, adorei as cores *-*

Enfim², trouxe um tutorial do Sweet Poison que eu tenho salvo aqui no meu computador. Que é quando você clica na imagem/frase e todo o conteúdo aparece.

Entre no seu HTML, tecle ctrl f ou F3 e procure por </head>

Acima dessa tag, cole o seguinte código:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/2wl9p6g/G70lj5t0q/animatedcollapse.js"></script><script type="text/javascript">animatedcollapse.addDiv('jason', 'fade=1,height=80px')animatedcollapse.addDiv('kelly', 'fade=1,height=100px')animatedcollapse.addDiv('michael', 'fade=1,height=120px')animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted//$: Access to jQuery//divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID//state: "block" or "none", depending on state}animatedcollapse.init()</script>

Agora, vá até o seu layout, adicione um gadget HTML/JavaScript, cole o seguinte código fazendo as devidas modificações e salve.

<a href="javascript:animatedcollapse.toggle('dog')"><img src="URL da imagem"/></a><div id="dog" style="display:none">Conteúdo escondido</div>

Olá + Efeito Crooble

Hi. Tempos que não venho aqui né? Acho que vocês devem estar querendo me matar! Ok, ok, admito que mandei mal mesmo com esse sumiço. Pois bem, estoy aqui! Acho que vou trocar esse layout do blog, o que vocês acham, eu fico com ele por mais um tempo ou faço outro? 

Enfim, de ínicio não vou poder ficar criando novos efeitos e tutoriais para vocês então a maioria dos tutos serão reblogados. Mas não se preocupem, vou tentar trazer coisas diferentes e/ou pouco comuns para vocês.

No tutorial de hoje, vou ensinar o Efeito Crooble! Eu particularmente amei esse efeito, ele é mega fofo e lindinho. Vocês podem ver a preview dele clicando aqui. E os créditos vão ao Land Of Designs e o blog Chovendo Diamantes c;

Colocando player na postagem do blog - MP3 Player

Bonjour mes amour² u3u

Hoje o tutorial é bem interessante, pelo menos em minha opinião, vou ensiná-los à colocar esse player que eu costumo usar em minhas postagens e que provavelmente vocês já viram por aí. Gosto muito dele porque ele é simplesmente perfeito para usar em postagens, já que, além de simples, ele é pequeno e comporta apenas uma música. Vejam uma preview dele:

 

Férias, projetos e blábláblá

Bonjouuuuuuuuuuuuur mes amours <3

Vocês não fazem ideia do quanto eu estava com saudades daqui :c Bem, além de eu andar atolada em trabalhos, provas, atividades e de quebra ainda estar ruinzinha em matemática, no pouco tempo que entro aqui aproveito para conversar com meus amigos.

Mas enfim estou de férias e vou poder voltar à postar aqui normalmente, mas primeiro vou ter que me organizar melhor. Tenho alguns projetos e quero compartilhar com vocês:

Criar uma agenda - bem, acho que essa é minha saída porque eu ando muito desorganizada e sem tempo para fazer as coisas. Com essa agenda vou separar um tempo especial para minhas atividades na blogosfera e minhas atividades da escola.

Blog de themes/layouts - Na verdade eu já o criei, é o Inside Themes (podem visitar). Eu ainda estou arrumando o layout de lá mas já vou colocar um link para vocês encomendarem. Todas as encomendas seram GRÁTIS, além disso o blog irá disponibilizar themes/layouts free para vocês e como a ideia inicial é essa, não serão feitas tantas encomendas assim ok?

Novos tutoriais - Eu estou cheeeeeeeeeeeeeeeeeeeeia de tutoriais louca para ensinar vocês, o que não falta é postagem aqui como rascunho. É que eu realmente estava sem tempo para explicar tudo detalhadamente, com imagens, passa-a-passo e tal...

Novos efeitos - Também estou louca para mostrar novos efeitos para vocês, porém, estava sem tempo para sentar e testar códigos no HTML para criar algo novo.

Um novo layout - Quero muito criar um novo layout só que quero fugir um pouco da cor azul que acredito que vocês já estão de saco cheio disso - desculpem, eu tenho essa obcessão bizarra pela cor azul -qq - por isso quero criar um layout com cores diferentes e com um estilo diferente do habitual, afinal, mudanças são sempre bem-vindas.

Enfim, é isso. Já estou de férias e vou ver se começo com o novo layout hoje mesmo. Bjos ;*

Retirar fundo semi-transparente da sidebar do modelo Travel

Hi.

Sabe aquela sidebar semi-transparente que tem em alguns dos modelos Travel? Então, fuçando meu HTML eu descobri como retirá-la. É um tutorial meio bobo, eu sei. Porééém, eu pesquisei e não achei nenhum tutorial que ensinasse a tirar a tal semi-transparência da sidebar e.e

Enfim, resolvi ensiná-los à retirá-la e espero que esse tutorial não seja tão inútil assim -.-

Thank you for 100 ♥

Enfim, alcancei os 100 seguidores, dos quais eu nem sonhava quando comecei o blog e.e

Mas enfim, gostaria de presenteá-los com um layout free e/ou um sorteio de um layout exclusivo do jeitinho que vocês quiserem, o que acham?

Qual vai ser o tema do layout free?

Nomes para Blog

Hi.
Acho que nunca postei algo assim aqui no Empire CSS, né? Então, trouxe alguns nomes e url's para vocês.

Como não faço a mínima idéia do que falar, vamos vê-las:

Nescau com Nutella - http://nescaucomnutella.blogspot.com.br/
On The Summer Breeze - http://onthesummerbreeze.blogspot.com.br/
Elementar - http://e-l-e-m-e-n-t-a-r.blogspot.com.br/
Rebelde sem Causa - http://rebelde-sem-causa.blogspot.com.br/
Rainha Queen - http://rainha-queen.blogspot.com.br/
Pônei Maldito - http://p-oneimaldito.blogspot.com.br/
Fucking Unicorn - http://f-uckingunicorn.blogspot.com.br/

Esses nomes estão meio zuados masok-

O que acharam? kk

Estilo simples para footer

 

Hi.

Resolvi criar uma ask exclusivamente para o blog. Lá vocês poderam fazer pedidos e etc., acho que assim fica mais fácil para vocês principalmente de vizualizar as respostas né?

O endereço é esse: http://ask.fm/EmpireCSS.

Bem, hoje o tutorial é super fácil, rápido e simples.

O tutorial é para personalizar a footer das postagens, e o tutorial vai deixar sua footer igual à que eu uso em meus layouts! Tutorial:

Vá até o seu HTML, clique na caixa html e procure por .post-footer (tecle ctrl f ou F3 para facilitar).

Quando achar, é só colar o código a seguir e salvar!:

.post-footer-line-1{ font-size:8px; /* Tamanho da fonte de letra */
}
.post-footer-line-1{
font-size:8px; /* Tamanho da fonte de letra */
}
.post-footer-line-2{
font-size:8px; /* Tamanho da fonte de letra */
}

*não edite o código caso queira um resultado igual ao meu.

Querem algo? - Façam pedidos, atenderei todos (:

Tooltip Transparente

 

Hi :3

Então, repararam no novo layout? Eu preferi manter a mesma paleta de cores porque, particularmente, amo azul e acho linda essa paleta *U* Mas.. O que vocês acharam do layout amores? Espero que tenham gostado *--*

Mas enfim, trouxe um tutorial super fofo da tooltip que eu uso aqui no blog!

A preview da tooltip é essa:

Andei sumida + Tutorial - Tumblr

Olá amores! Dei uma baita sumida daqui né? :s Pois é, eu estava sem muitas idéias para criar algo novo para vocês e também estava enfrentando alguns problemas que até acabei esquecendo desse blog :c

Mas enfim estou de volta, eu acho, e estava pensando em abrir vaga para postadores... Mas não sei ainda, vamos ver.

Como faz tempo que não trago nenhum tutorial para tumblr, hoje resolvi trazer um tutorial bem simples mas muito útil para o seu theme! Que é bloquear o ctrl U, para evitar cópias, vamos ver o tutorial?

Vá até o HTML do seu tumblr, tecle ctrl f e procure por <body>

Quando achar, apague o <body> e substitua-o pelo código abaixo:

<body oncontextmenu=”return false” onselectstart=”return false” onmousedown=”return false” onkeydown=”return false”>

É só salvar e pronto *--*

Imagens Editadas - Cotton Candy

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)