Tutorial: Menu igual dash do tumblr

Olá nekos!
Estou tendo alguns probleminhas com os icons de imagem de postagem, eles não estão ficando certinho e estou pensando seriamente para mudar para imagens larguinhas, que sempre usamos, eu amo usar imagens larguinhas, mas confesso que os icons são bonitos também e eu adoro usa-los acho que pelo meu layout ser muito cheio, se for um icon na imagem tira esse peso todo do lay. estou tentando manter os icons com o tema do layout, mas confesso que daqui a pouco não consigo mais haushuahu''

Queria dar um breve aviso sobre quem quer se afiliar ao KT, por favor nos informe na ask ( clique no menu onde tem o coração ) o menu não esta totalmente linkado por que estou arrumando ainda, pelo blog ser novo eu preciso arrumar as paginas, então paciencia!
Eu trouxe um tutorial super <3 super fácil gente sério... é o menu que eu já usei no like a cat, é o menu igual a dash do tumblr, o menu não precisa de um bando de códigos e é apenas imagem e criatividade! vamos lá... o preview do menu é esse. ( para fazer esse menu voce precisa ter conhecimento no PS )
1. Primeiramente quando você estiver criando seu layout você tem a opção de ter seu menu no cabeçalho ou em cima da postagem, eu acho mais legal em cima da postagem que fica bem a cara do tumblr mesmo.

2. de acordo com a largura da sua área de postagem ( tire um print que fica mais fácil ) crie um png imitando este modelo :

3. Coloque o avatar no quadradinho menor... e o menu irá ficar no retângulo. Modifique a cor do retângulo para branco ou um cinza claro, ou para cor da sua área de postagem 

4. Para o menu, você irá precisar dos ícones ( é só recortar e pegar os que você irá usar ) :


Recortando todos os que você irá usar, aplique um style ou apenas mude para cor de sua preferencia...

Voltando para base ( do avatar e do retângulo ) agora com sua base personalizada ( com o avatar e o retangulo na cor que voce deseja ) voce irá em layout > e irá adc um gadget de java script, arraste este gadget para cima da sua area de postagem de modo que fique assim : 



Sendo asism, coloque sua base neste gadget

Depois... hospede cada imagem do menu separadamente assim :
E agora com suas imagens hospedadas separadamente, cole este codigo no mesmo gadget que voce colocou sua base :

<div style="position: absolute; margin-top: -84px; left: 268px;">
<a href="link da sua pagina"><img src="url da sua imagem aqui" title=""/></a>
<a href="link da sua pagina"><img src="url da sua imagem aqui" title=""/></a>
<a href="link da sua pagina"><img src="url da sua imagem aqui" title=""/></a>
<a href="link da sua pagina"><img src="url da sua imagem aqui" title=""/></a>
</div>

Diminua e almente os valores do margin top e do left até que seu menu fique no lugar certinho!, qualquer dúvida me pergunte na ask ou pelos comentários 

8 coment:

  1. Olá ♥
    Eu A M E I o tuto, estava precisando muito desse, mas agora não sei se irei usar, mesmo assim obrigadan!

    Beijos amor, visite o Valentinices ♥

    ResponderExcluir
    Respostas
    1. Nada, fico feliz que tenha sido util amore <3

      Excluir
  2. JUNNIE SOCORRO TU VOLTOU MULHER? QUE DIVA ♥ JÁ COMENTO DE VOLTA ALGUMA COISA DECENTE, DESCULPA, EU PRECISA SURTAR AQUI, MORRI DE SAUDADES DE VOCÊ UNNIE TT3TT

    ResponderExcluir
  3. Ai que linda essa unnie que já volta abalando com esse menu divo u3u Está lindo com os icons, mas se você mudar para as larguinhas também vai continuar lindo u.u tudo o que você faz fica divo u.u

    E ai que linda de novo u.u você deixou o LM ali <3 já recoloquei o KT na elite <3 é o penúltimo ali >3< depois eu dou um jeito de recolocar mais pra cima, porque o KT é muito divo u.u aliás, será que você não quer ser um blog irmão?? hahahha' amo muito isso aqui :3

    Esse menu é muito divo, eu lembro dele lá no Like a Cat <3 tão divo ♥ parabéns por ele hahahah' e por esse layout divo ♥ e por esse blog divo <3 hsuahsuahsua'

    Kissus ~ l-ovelymilkshake.blogspot.com

    ResponderExcluir
    Respostas
    1. AAAIII obg <3 sim deixei, hehe' obrigadaaa KKKK' QUERO SIM MEU DEUS VAI SER UMA HONRA SER UM BLOG IRMÃO!

      uhun é do Like a cat msm hehe'' obrigada Amy <3

      Excluir

Os comentários são moderados pelas donas do blog, então se você desrespeitar alguma de nossas regras seu comentário não será valido. Por favor respeite as regras para mantermos um blog organizado.

- Não xingue um postador ou ofenda algum blog,
- Se quer fazer uma critica faça, mais não criticas bobas apenas para afetar o blog ou para afetar uma pessoa.
- Quer pedir algo por favor use a Ask, para isso, pedidos de afiliação e para ser postador também são todos na ask :3
- Não estamos aqui para criar intrigas, se quer se manifestar em nossos debates por favor seja educado!
- Quando o tempo deixa nos visitamos os blogs que comentam.
- Anônimos não são mais permitidos, por problemas de plágio e uso de materiais e tutoriais sem os créditos, e como é anonimo não consigo saber quem é o culpado, espero que entenda.

Obrigada <3

« »