Virtual Magic @virtualmagic - Tumblr Blog

colocando suas próprias fontes nos themes

Oi gente, então, esse é um tutorial bem simples mas que eu percebi que não tem em muitos tumblrs por aí, e achei importante ensinar, pois quando eu não sabia, ficava brava por não achar ninguém explicando como fazer. Basicamente, é sobre pegar qualquer fonte do seu computador e passar para código, assim podendo usá-la em um theme.

#ana #fontes nos themes #fontes #tutoriais #font face

Bom, esse é um theme velho que eu fiz alguns anos atrás para meu antigo tumblr de html,o editei um pouco e, bom, aí está ele. Resolvi disponibilizar.

Código

PSD Faixas(pegas de outro lugar, todos os créditos constam no theme)

PSD Header

Qualquer coisa perguntem na ask do meu tumblr, ficarei feliz em responder.

#ana #themes

PSD Vanilla

Download

#ana #psds #psd

Menu Girlie

Olá, hoje eu trouxe um menu simples. Se quiser visualizar:

xx

Coloque no css:

.girlie {color:#DCDCDC;background-color:#FFF0F5;border-bottom: 5px solid #FFE4E1 ;height:50px;width:60px;display: inline-block;z-index:1px;font-family: ‘Oswald’, sans-serif;font-size:12px;text-align:center;border-top:5px solid #FFE4E1 ;-moz-transition-duration: .90s; -o-transition-duration: .90s; -ms-transition-duration: .90s;} .girlie:hover {-webkit-transition-duration: .80s; -moz-transition-duration: .80s; -o-transition-duration: .80s; -ms-transition-duration: .80s;border-top: 5px solid #FFFAFA;border-bottom:5px solid #FFFAFA;height:normal;width:normal;display: inline-block;z-index:1px;color:#fff;background-color:#F8F8FF;height:30px;width:40px;-moz-transition-duration: .90s; -o-transition-duration: .90s; -ms-transition-duration: .90s;-moz-border-radius:50px; -webkit-border-radius:50px;}

E onde quiser que apareça:

/ana

#ana #menu

Olá meus amores, eu sinto muito pelo abandono do VM. Mas infelizmente para mim é cada vez mais difícil tocar este projeto totalmente sozinha, portanto resolvi abrir as vagas para moderação novamente. Espero que consiga encontrar alguém que tenha tempo disponível e vontade de postar aqui.

Serão de cerca de 2 vagas

Para concorrer clique aqui

Boa sorte a todos

/Thay

movid-athemes

Theme 40: Super fofinho assim como a música Cry Baby que serviu de inspiração, detalhe para os lacinhos caindo.Contém espaço para 5 links, frase com hover fofinho e foto.

virtualmagic

/Thay

#thay

movid-athemes

Theme 39: Mais uma lindeza pra vocês, esse theme é super simples com todo o charme ficando por conta dos passarinhos voando.Contém espaço para 6 links, frase com hover fofinho e foto.

virtualmagic

/Thay

#thay

movid-athemes

Theme 38: Eu estou completamente apaixonada por esse theme e sua pegada moderna/dark, cuidem bem dele viu?.Contém espaço para 6 links e foto da sidebar.É editado pelo customize.

virtualmagic

/Thay

#thay

como recuperar themes

bom, sabe quando a gente muda de theme e prefere o outro ou algo do tipo? em vez de recolar o código do outro theme.

cliquem aqui.

pedidos?

mentesvazias

theme

virtualmagic

/ana

#ana #Themes

Menu Fab

Oi gente, eu fiz esse menu e eu adorei ele, então é menu fab sjsjsj e também porque eu quis usar um png no nome do menu. Rs.

Então, preview.

Depois de <head>, coloque isso:

e no css:

.fab {color:#fff;background-color:transparent;-webkit-transition:All 0.45s ease;-moz-transition:All 0.45s ease;-o-transition:All 0.45s ease; border-bottom: 5px solid #00FF7F;height:normal;width:normal;display: inline-block;z-index:1px;font-family: 'Ubuntu', sans-serif;font-size:35px} .fab a {color:#fff;background-color:transparent;-webkit-transition:All 0.45s ease;-moz-transition:All 0.45s ease;-o-transition:All 0.45s ease;height:normal;width:normal;display: inline-block;z-index:1px;font-family: 'Ubuntu', sans-serif;font-size:35px;text-decoration:none;} .fab a:hover {-webkit-transition:All 0.45s ease;-moz-transition:All 0.45s ease;-o-transition:All 0.45s ease;border-bottom:0px solid #fff;height:normal;width:normal;display: inline-block;z-index:1px;color:#fff;font-family: 'Ubuntu', sans-serif;} .fab:hover {-webkit-transition:All 0.45s ease;-moz-transition:All 0.45s ease;-o-transition:All 0.45s ease; border-top: 5px solid #00FF7F;border-bottom:0px solid #fff;height:normal;width:normal;display: inline-block;z-index:1px;color:#fff;font-family: 'Ubuntu', sans-serif;}

se vocês souberem um pouquinhozinho de html, vão saber mudar as cores, mas nem sempre é assim, então onde tem “color” você pode mudar o que esta entre “#NUMEROSELETRA” e usar http://www.flextool.com.br/tabela_cores.html

Onde quiser usar o menu, é só:

/ana

#menu #menus #Html #css #ana

mentesvazias

Theme Changed Url

Live Preview

Well, if you find something wrong, please tell me on the ask and i’ll try to fix it immediatly. If you take it, like and dont claim it as yours. If I did this theme, you can do one too. Inspiration isn’t copy.

Code.

virtualmagic

Gente, eu postei em inglês no meu tumblr, mas vou traduzir

Theme Mudei de URL

(link do preview)

Bom, se achar algo errado por favor me diga na ask e eu vou tentar consertar de imediato. Se pegar, de like e não diga que você fez. Se eu fiz esse, você pode fazer o seu.

(Código)

#themes #ana

blockquote

Hoje eu vou ensinar o estilo de blockquote que eu uso no meu tumblr pessoal, creditem, please.

View.

Primeiro precisa da fonte:

Depois, no css, colem isso:

blockquote { /** cor do fundo, fonte**/

background-color:#EEEEEE;

/** eu uso a tabela pra mudar as cores da flextool **/

border-radius:7px solid #fff;color:#363636;font-family: 'Fira Mono', ;padding:6px;font-weight:normal;text-align:right;

/** não mexer **/