tuto: menu grow up

É uma gracinha. Peguei os códigos do menu right que eu postei há muito tempo e modifiquei até chegar nesse resultado. Passe o mouse nos links para ver a magia:

live preview

Vou fazer o tutorial completo com a imagem incluída. Quem usar o menu por favor coloque o crédito, não custa nada. [] Vamos lá?

Começaremos pelo código do css, está super fácil de entender por isso não vou explicar. Cole antes de </style>:

/* códigos do html-party*/
#sidebarimagehp {position:fixed;
margin-left:106px;margin-top:120px;
height:230px;width:170px;}
#sidebarimagehp img {height:220px;width:165px;}
/* menu por html-party*/
.camx{width:250px;position:fixed;
margin-top:-75px; margin-left:0px;}
.camx a {-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
display:block;
font-family:calibri;font-size:11px;
Width:35px;height:15px;
background-color:#fff;color:#696969;
margin-right:1px;margin-top:2px;overflow:hidden;}
/* menu por html-party*/
.camx a:hover {font-size:11px;width:70px;
box-shadow: inset 70px 0px #424141; color:#fff;}

Caso queira fazer alguma alteração mude em .camx para o menu e em sidebarimagehp para a foto. Agora é só colocar o código a seguir abaixo da tag <body>:

<center><div id="sidebarimagehp">
<img src="url_imagem"/>
<div class="camx">
<a href="">back to home</a>
<a href="">ask me bitch</a>
<a href="">about myself</a>
<a href="">themes 4 you</a>
<br></div></center>

E pronto! Lembrando que (obs:) o link tem que ser grandinho para que o efeito do menu apareça, mas não pode ser TÃO grande a ponto de ultrapassar o width definido.

Entre no permalink para ver a div! ;)

Espero que gostem e não esqueça do like! Beijos. /c

245px²

theme novo!

não vou mentir, eu enjoei daquele theme p&b facinho! fiquei louca pra chegar essa semana de “folga” e vir atualizar as coisas por aqui. tentei várias misturas e paletas de cores mas decidi por essa combinação de marrom e azul. sinceramente achei bem legal (eu que sempre fazia themes rosas) e diferente do costume e vocês, o que acharam? 

theme novo: diga o que achou

/c

calmeis nos perguntou:

hey meninas boa noite ♥ vocês poderiam me explicar por que não consigo usar mais nenhuma fonte personalizada nos themes?

Boa noite lindona! Tá hospedando ela no head? Eu consigo usar normal… /c

suck-a-girl nos perguntou:

OOi amei seu tumblr... eu li como que se faz um theme mas achei meio confuso pq não tenho muito conhecimento em html... Vocês por gentileza poderiam fazer um theme da 5h ? Nem precisa ser muito decorado e essas coisas pfvrrr eu seria eternamente grata. Obrigada e desculpe incomodar

Você pode colocar fotos das meninas na sidebar dos outros themes amor, fica bem legal. Até porque estou sem tempo para criar themes, se não souber como muda as imagens me avisa que eu coloco pra você e te mando o link. Beijos. /c

libertinada nos perguntou:

b tarde meninass, queria saber se tem alguma transition que funciona em todos os navegadores, se puder responder em privado agradeço

Bom, as transitions funcionam em todos os navegadores, com excessão apenas do Chrome 24 e Safari que necessitam do código antecedente -webkit- para realizar o efeito.

Elas só não tem a mesma rapidez de função. Nesse quadro [xxx] (fornecido pelo maujor) você vê como cada navegador e até celular executa a função transition.

Nesse site tem tudo explicado sobre as funções transitions em todos os navegadores, se você quiser saber mais: clique aqui. E sobre responder privado, aqui é proibido! Beijos. /c

Anonymous nos perguntou:

Eu amo muito mas muito mesmo o tumblr de vocês, e quero pedir que fiquem aqui pra sempre <3

Ai cara, que lindo. Mesmo com a minha ausência vocês continuam carinhosos, isso me deixa tão feliz, sério. Você nem imagina. <3 Obrigada! Eu amo vocês. /c

g1rl-cocaine nos perguntou:

OI,OI,OI PEGUEI UM THEME BASE OK? *U*

Ok, obrigada por usar! Beijinhos /c

Anonymous nos perguntou:

quando você diz para creditar, que dizer para mim dar like no post ?

Também. Quando você coloca os créditos está mostrando quem te ajudou, por exemplo: “theme feito por lovslyy, base de html-party”, o crédito mostra que a base foi feita pelo h-p.

Quando você credita, você está reconhecendo que tal ajuda foi útil. /c

Anonymous nos perguntou:

Poderiam divulgar que o Virtual Magic abriu vagas para moderadores e parceiros?Obrigada