0ldfriend resources @0ldfriendresources-blog - Tumblr Blog

• donwload: mf.

• don't remove the credits.

#brushes

• download: mf.

• don't remove the credits.

#brushes

• Fonts by 0ldfriend. Don't repost and remove my credits.

• download: mf.

#fontes #fonts

Sharpen action 2 by 0ldfriendresources.

Please, don’t repost and remove this credits. ♥

D - mf

#sharpen #actions #sharpness

Sharpen action by 0ldfriendresources.

Please, don't repost and remove this credits. ♥

D - mf

#actions #sharpness #sharpen

Saudades de postar pra vocês x_x Esse PSD é incrível, usado muito pelas pessoas! Vem com uma textura linda e exclusiva ♥ Espero que gostem.

@4shared + @MediFire + @Automático

#psd

Download.

#styles

Menu showit

Demo.

Parte do css:

ul {font-family: Helvetica, Arial, sans-serif; list-style: none; margin: 0; padding: 12px 0; text-align: center;} ul li {color: #3aa6a4; font-size: 10px; letter-spacing: 2px; padding: 12px 0; text-transform: uppercase; -webkit-transition-duration: .90s;} ul li:hover {letter-spacing: 10px; -webkit-transition-duration: .90s;} #menu {background: #111; display: none; width: 100%;} #bar {background: #eee; box-shadow: 0 0 5px #000; -mox-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; height: 50px; width: 100%;} h1 {font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-style: bold; letter-spacing: 4px; margin: 0; padding: 18px; text-align: center; color: #000; text-transform: uppercase;}

Parte do HTML:

<div id="menu"> <ul> <a href="#"><li>Home page</li></a> <a href="#"><li>Ask me</li></a> <a href="#"><li>Submit me</li></a> <a href="#"><li>My themes</li></a> </ul> </div> <div id="bar"> <a href="#"><h1>clik here baby...</h1></a> </div>

Agora coloque isso depois de <head>:

E isso depois de </head>:

Prontinho rsrsrs Agora só modifique as cores e o resto. Não retire os créditos <3

Blur Effect

Demo.

Parte do css:

/*** BLUR EFFECT POR 0LDFRIEND ***/ #blur ul {position:relative;} #blur ul li {position:relative; width:160px; height:160px; display:inline-block; margin:0 10px 0 10px; box-shadow:1 1px 1px rgba(0,0,0,0.9); background-image: -webkit-linear-gradient(-30deg, rgba(255,255,255, 0.8), rgba(255,255,255,0.35) 35%, transparent 35%); -webkit-transition:ease-in 300ms; cursor:pointer;} #blur ul:hover> li { -webkit-filter:grayscale(100%) blur(2px); } #blur ul li:hover { -webkit-transform:translateY(-20px); box-shadow:0 20px 20px rgba(0,0,0,0.4); -webkit-filter:grayscale(0%) blur(0px);}

Parte do HTML:

Não mude nada no CSS, apenas no HTML colocando a URL da imagem... O efeito é simples e bonito, não retire os créditos ♥

Código | Veja maior.

#themes #themes de natal

Este psd é perfeito! Fica bom em todas as fotos, eu o amo! Pensei bem antes de disponibilizar porque tenho ciúmes mas enfim haha <3 Cuidem como vocês cuidam da própria vida, lol x_x

@4shared + @MediaFire + @Automático

#psd

Preview | Código.

#app

Barras de progresso com CSS.

Primeiramente não fui eu quem criei os códigos e blábláblá. Eu credito totalmente à este site aqui. Realmente só estou repostando com alguns ajustes meus. Por favor, não criem confusão por causa disso. Não estou dizendo que é meu!

Demo.

A base do CSS é esse:

.progress-bar { background-color: #fff; height: 25px; padding: 5px; width: 300px; margin: 50px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 5px #dcdcdc inset, 0 1px 0 #e8e8e8; -webkit-box-shadow: 0 1px 5px #dcdcdc inset, 0 1px 0 #e8e8e8; box-shadow: 0 1px 5px #dcdcdc inset, 0 1px 0 #e8e8e8;} .progress-bar span { display: inline-block; height: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; -webkit-transition: width .4s ease-in-out; -moz-transition: width .4s ease-in-out; -ms-transition: width .4s ease-in-out; -o-transition: width .4s ease-in-out; transition: width .4s ease-in-out;}

Esse é o CSS da barrinha (você deve usá-lo para qualquer efeito que escolher no demo), agora vamos aos efeitos e à barrinha de dentro, a que tem a cor e tal.

Tem 3 demo's né? Qual você vai escolher? Copie o código do demo abaixo (o que escolheu) e cole no seu css, em baixo do código acima:

Demo 1 / Demo 2 / Demo 3

Come on à parte do HTML, a (com toda certeza) mais fácil de todas, rsrs.

Demo 1:

Demo 2:

Demo 3:

Mude o 40% pelo tanto de progresso que você quiser. Bom, use a vontade! As cores você muda sempre no background-color de cada DEMO, na div progress bar você muda o BG do barrinha de dentro.

Beijos.

Download.

#actions #topaz #topaz clean 3 #topaz settings

Bom, este PSD dá um "viva" na foto. Em outras palavras, ele faz a foto ficar mais alegre... Não use jamais em fotos com muita saturação e contraste pois o PSD já tem bastante. Obrigada :*

@4shared + @MediaFire + @Automático

#psd

Esse PSD tem uma história engraçada e burra da minha parte x_x Eu tava fazendo um lindão daí fechei o PS e me ferrei, fim. Mas aí eu quis copiar e saiu isso, sei lá. Enfim...

@4shared + @MediaFire + @Automático

#psd

Oi (: Cuidado com esse PSD ele é muito forte mesmo, mas fica lindo na maioria das fotos... O melhor resultado você obterá com fotos escurinhas. Bom, espero que gostem :*

@4shared + @Mediafire + @Automático

#psd

Trending Blogs

Recently Viewed Blogs

0ldfriend resources