I Love Blends ♥

Bem vindos ao ILB-S Desde 15/03/12, o primeiro tumblr de blends, que é controlado por Bianca, Gabriela, Naty, Giovanna, Clara, Roberta e Débs, estamos aqui para ajudar com HTML mas principalmente ajudar a disponibilizar blends, banners, blends com gif, avatares e outros utilitários para Photoshop.

[iloveblends]

Como eu queria que o ILBS ainda fosse ativos ;s Saudades.

Blair, falecida.

[iloveblends]

Como assim acabou?

Oi gente! Aqui é a Clara, não sei se ainda lembram de mim k. Eu vim aqui dar uma olhada nas asks e matar saudade daqui haha. Whatever, o tumblr acabou, creio eu, porque ninguém entrava mais nem nada. Trágico fim :( vou ficar por aqui logada só matando saudade mesmo, xo.

[iloveblends]

o blends de vcs são pft de mais

Pena que nosso tumblr, acabou :S

#Blair

[friends-of-html]

Dia Tumblr O que é? Todo mundo no dia 5 de março vai desenhar ou ter um “t” em um lugar onde todos podem vê-lo (mãos, rosto ou onde você preferir) e quando sair, se alguém vê-lo, vamos abraçar uns aos outros e trocar a nossa urls, para depois, se quisermos, podemos continuar mantendo contato. Quem pode fazer isso? Todo mundo que tem um Tumblr. Sim, mesmo descolados, pornografia e qualquer outro tipo de blog. Por que a 5 de março? Eu não sei um Anônimo disse isso, mas eu acho que é uma boa data. Então reblog esse post e vamos fazer isso acontecer!

INFORMAÇÃO VIA: TUMBLR LANDIA 

(TÔ CREDITANDO PRA DEPOIS NINGUÉM FALAR QUE TÔ PLAGIANDO)

#luana

[iloveblends]

Entrega para from1d Como você não disse como queria, fiz assim *-* Espero que curta Por Naty 

[iloveblends]

Mande ♥ + Uma pergunta e eu respondo e te dou um icon.

[iloveblends]

[̲̅___________________ ] 99% das "críticas" em anônimo não tem fundamento ou não sabem o que falar e inventam coisas

[iloveblends]

@mediafire

[iloveblends]

Dicas de tumblr de fotos de praia

http://tanning-beaches.tumblr.com/

http://m3rmaids-not-bitches.tumblr.com/

http://sum-sum-summersmiles.tumblr.com/

http://aloha-sea-turtle.tumblr.com

http://summerwithlove.tumblr.com/

http://sand-and-serenity.tumblr.com/

http://seashellsbytheshore.tumblr.com/

Se retirar alguma de like e não repasse, por Naty!

[iloveblends]

Quer um theme exclusivo feito por mim, Natália (lo-v-e-r-s)? Siga as seguintes regras e participe:

Siga o iloveblends e o lo-v-e-r-s.

Reblog este post e mande na ask “I Love Promo!”. Irei colocar seu nome numa lista para sortear.

Se reblogar no seu tumblr de HTML, todos os moderadores terão que ter pleno consentimento do uso do theme que irei fazer para ele.

Caso não queira o prêmio, passaremos ao segundo lugar.

Caso queira o prêmio do segundo lugar e fique com o primeiro,

Os prêmios serão:

Um theme exclusivo como o ganhador quiser + Um blend de quem quiser + Espaço de divulgação no slide do próximo theme que eu (Naty) fizer.

Um pacote com várias PSDs e Actions feitas por mim + Um blend de quem quiser

Dois blends de quem quiser

Um blend de quem quiser

Caso ganhe o 1º lugar e não queira ganhar o theme, não poderá dar a nenhum amigo a chance de ganhar. 

Boa sorte a todos, e participem!

[iloveblends]

Reblog para divulgar *-* 

[shrlcking]

[iloveblends]

This PSD contains:

Curves

Gradient Fill

Exposure

If download, like this post! Don’t reblog!

[shrlcking]

[iloveblends]

This PSD contains:

Gradient Fill

Curves

Levels

b&w option

If you download, like this post. Don’t reblog!

[shrlcking]

[iloveblends]

This PSD contains:

Color Fill

Curves

Brightness

Caution: is strong, if don’t work in your photo set opacity to 50% how i did in the preview

If download like this post. Don’t reblog!

[iloveblends]

Efeito Lux

Visualize o efeito

Bom, ele é extremamente simples, e eu achei ele tão meigs que decidi disponibilizar. O primeiro passo é colar no seu CSS isso:

.lux {border-radius: 2px; border: 3px double #b7b6d5;} .lux:hover {-webkit-transform: rotateY(-360deg) ; -webkit-transition-duration: 1.0s; border: 3px solid #e9eeff;}

OK, você viu que a primeira parte do código tem um double #b7b6d5? Esse #b7b6d5 é a cor da borda sem o hover (sem passar o mouse em cima). A segunda parte tem o solid #e9eeff; e o #e9eeff é a borda quando passa o mouse. E aonde quiser, cole:

<img src="suaimagem.png" class="lux">

E se quiser colocar opacidade, ponha sem o hover opacity: 0.8; e no hover opacity: 1.0;Ok? Por Naty (spelling-me), se usar credite. 

[iloveblends]

Essa base em grade é, basicamente, TODA MINHA! Me deu uma raiva fazer isso, por que eu tava decidida que eu usaria apenas coisas minhas, e o mansory eu achei num site gringo lá que eu não lembro, por isso não tá creditado no theme.

Regras (é para ler, não é decoração!):

Deixe os meus créditos em uma área visível do theme, como na ‘side’. Credite como Theme, não Base, por que quem fez o theme fui EU e você que adaptou.

Não use para fazer a sua base, disponibilize o theme normal. E se alguém pedir para usar de base, manda o link dessa. Ela não pode usar o theme adaptado nem que o Obama venha a minha casa pedir!

Não retire nenhum detalhe para usar no seu tumblr, e pegue clicando no ponto final daqui.

Se alguém repassar, avise por favor para denunciarmos.

Se gostar, de like aqui para eu saber se deverei fazer mais themes base ou não, sua opinião é importante.

Se encontrar um erro, avise por favor.

Código | Meu tumblr pessoal

[iloveblends]

Hoje eu vou ensinar a fazer esse header a cima (clique na imagem para ampliar) a pedidos. Well, o tamanho dele vai ser 900x400 pixels, então abra o seu photoshop. Tem um grande detalhe que para começar o header você deve ter uma cor para fundo (a mesma do background), e a minha vai ser aquele cinza. Então antes de começar, pinte tudo da cor do fundo. Agora, vamos colocar uma textura de madeira para dar aquele toque fofo. A minha textura éessa. Como é muito grande, eu diminui ela no photoshop e ficou certinha [print]. Agora, coloque em soft light e apague em volta, para ter a textura apenas no centro [print].  Nota.: é muito importante que na próxima parte a foto da pessoa seja com o fundo branco. Agora, escolha a sua imagem principal (minha) para colocar no header. posicione ela no meio do header [print] e deixe-a em darken [print]. Agora, vamos colocar asas atrás da foto principal. Pegue as asas e coloque em um layer abaixo da foto principal [print]. Está vendo que a foto principal tem alguns erros? No layer de baixo dela pegue um pincel branco e desenhe nessas áreas [print].  Eu apliquei alguns efeitos que eu não vou passar na foto da Taylor, mas continuando. Agora, vou apagar as pernas da Taylor para que fique mais “angelical” no final [print]. Agora, vamos escrever o título. Atrás da foto principal, com a fonte Duase, eu escrevi Taylor Swift [print]. Eu apliquei um style na fonte para deixar uma sombrinha [print].

O resto… é com vocês! Customizem como quiser, apliquem psd’s e outros. Tutorial por Naty, se usar credite. 

[iloveblends]

Esse theme ficou na moda últimamente, e não é difícil de se fazer [exemplo]. Primeiro de tudo: muita gente acha que o nome desse theme é tableless. Errado! O theme em tableless é o theme que não usa a tag <table>, <td> ou <tr>, e é um movimento para expulsar as tags do HTML. Vamos fazer esse theme do ZERO! Então, coloque as tags principais

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11"> <head> <style> Esse é o seu css </style> </head> <body> Esse é o conteúdo do theme. </body> </html> 

Primeiro de tudo, eu vou passar o código do meu content. Cole no seu CSS isso:

#pagina {background: url('IMAGEMDOFUNDODOCONTENT'); background-repeat: repeat; position: relative; width: 750px; margin-left: auto; margin-right: auto;}

Então, o width dos meus themes é sempre 750, mas o seu pode ser 800 ou mais, então adapte ao seu. Após <body>, coloque:

<div id="pagina"> Conteúdo do theme </div> 

Agora, Vamos colocar os posts e a sidebar dentro desse código. Crie uma id de posicionamento na direita para os posts. Exemplo:

#main {width: 515px; float: right; position: relative;}

E agora, coloque no seu css a id da sidebar

#sidebar {width: 215px; float: left; position: scroll;}

Agora, esses são os meus tamanhos. Você pode aumentar ou diminuir cada um. Coloquedentro da div do content:

<div id="sidebar"> Essa é a sua sidebar </div>

<div id="main"> Esse é o espaço para as tags de post </div>

E pronto! Temos um theme centralizado.  Para a imagem aparecer, precisa de um header e um footer.

#header {background: url('imagemdoheader'); width: 750px; height: 170px;}

Esse é o código do header. Edite a altura, a imagem etc. e cole o seguinte código após <div id=”pagina”>

<div id="header"></div>

E agora, para o footer, cole no seu CSS o seguinte código:

#footer {background: url('http://static.tumblr.com/uvwlhax/vpWmbsf2u/footer.png'); background-repeat: no-repeat; background-position: bottom; width: 750px; height: 66px; clear: both; }

E antes da </div> da id da página

<div id="footer"></div>

Pronto! Agora, vamos customizar o theme. Cole no seu CSS isso:

body {text-align: justify; color: #999999; font: 12px tahoma; background: #edebe7 URL('suaimagem') scroll;}

Esse é o seu background, mude o suaimagem para a imagem do seu background.  Agora, para as caixas dos posts, use esse código:

.box {background: #cordobackground; padding: 5px; color: #cordafonte; text-align: justify; margin-bottom: 10px; width: 500px; font-family: Calibri;}

Edite o que puder. E agora, o da sidebar:

.side {background: #cordobg; padding: 5px; text-align: justify; color: #cordafonte; width: 225; font-family: Calibri; margin-bottom: 2px;}

E dentro da id da sidebar, cole:

<div class="side"> Conteúdo da Side </div> 

E dentro da id dos posts, cole:

{block:Posts} <div class="caixa"> {block:Text} {block:Title} <h3><a href="{Permalink}">{Title}</a></h3> {/block:Title} {Body} {/block:Text} {block:Photo} <img src="{PhotoURL-500}" alt="{PhotoAlt}"/> {block:Caption} <div class="caption">{Caption}</div> {/block:Caption} {/block:Photo} {block:Photoset} <img src="{Photoset-500}"> {block:Caption} <div class="caption">{Caption}</div> {/block:Caption} </li> {/block:Photoset} {block:Quote} <h1>"{Quote}</h1> {block:Source} <div class="source">{Source}</div> {/block:Source} {/block:Quote} {block:Link} <a href="{URL}" class="link" {Target}>{Name}</a> {block:Description} <div class="description">{Description}</div> {/block:Description} {/block:Link} {block:Chat} {block:Title} <h3><a href="{Permalink}">{Title}</a></h3> {/block:Title} <ul class="chat"> {block:Lines} <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label} {Line} {/block:Lines} </ul> {/block:Chat} {block:Video} <li class="post video"> {Video-500} {block:Caption} <div class="caption">{Caption}</div> {/block:Caption} {/block:Video} {block:Audio} {AudioPlayerBlack} {block:Caption} {Caption} {/block:Caption} {/block:Audio} 

{block:Answer} <img src="{AskerPortraitURL-40}" align="left" class="askerphoto"> Ask por: {Asker} <div class="caixaask"><br>{Question}<p></div> {Answer} {/block:Answer} </div> {/block:Posts}

As tags dos posts são minhas, e espero que respeitem isso :3  Isso é uma base muuuuuuuuuuuuuuito crua, então vão editando.

Nota: Não use para criar sua base! Credite meu esforço.