8 de mai. de 2013

Menu de status igual ao meu + Fontes para usar no titulo do Post

por enquanto sem mais posts, porque vou ter que baixar o photoshop de novo, e instalar todas as minha "paradinhas" de novo ¬¬
E aew pandas  ?
Como estão ? ? Espero que bem..Fico feliz que muitos participaram do "Debate" ontem, muitas respostas me fizeram mudar de ideia, no post de amanhã falo com qual blog irei fazer a entrevista( >=< )pq ainda não escolhi.
Tinha dois pedidos na ask, e decidi colocar eles em um post só porque gosto de fazer um post só por dia.
Um deles é como fazer aquele menuzinho de status igual ao daqui e também pediram dicas de fontes para usar no titulo do post.
Let's?
Primeiro o tuto e depois a fontes okay?

Bom é de um Tumblr (Just My Designs), então se forem repassar espero que creditem, por favor.
Em seu html clique naqueles ... entre </b:skin> para abrir o código...
Assim como de costume coloque acima de </b:skin> o código abaixo:
/* wishlist */
.extras {
background: #F5F5F5;
text-shadow: 1px 1px 0px #FFF;
color: #494949;
padding: 3px;
margin-bottom: 3px;
border-left: 4px double #36b1b9;
border-radius: 0px 4px 4px 0px;
-o-border-radius: 0px 4px 4px 0px;
-moz-border-radius: 0px 4px 4px 0px;
-webkit-border-radius: 0px 4px 4px 0px;}
.extras:hover {
border-left: 4px solid #36b1b9 ;}
.extras:hover aviso {
background: #36b1b9 ;
padding: 3px;
color: #FFF;
text-shadow: 1px 1px 0px #d0adcd;
border-radius: 3px;
-o-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
/* wishlist */

altere as cores a seu gosto salve e em um gadget Html cole :
<div class="extras">Desde:<aviso>23.08.12</aviso></div>
<div class="extras">Dona:<aviso> Nik Chan</aviso></div>
<div class="extras">Tema:<aviso>Pony</aviso></div>
<div class="extras">Meta:250 Seguidores <aviso>Help?</aviso></div>

para entenderem coloquei exatamente como esta no meu gadget, então vocês irão mudar o nome e tal, e o que esta entre </aviso> e </aviso> é onde vai fiar destacado quando passar o mouse .

Agora as dicas de fontes...e não gosto de fazer packs e tal, então darei apenas uma demonstração com o nome da fonte.
Você podem consegui -las no dafont ou no googlefonts



18 comentários:

  1. Entrevista, que legal tava pensando em fazer no meu. Eu sou ótima para entrevista -soq AHUSHUAHUA #zoa

    O menu é super lindo, achei efeito tão diferente *--*

    E as fontes são muito fofas, gostei delas >.<

    Nyah Kawaii

    ResponderExcluir
    Respostas
    1. shuashua mas vou escolher entre as respostas ^^
      ainda tenho que formular as perguntas....

      Arigatou Ana Chan

      Excluir
  2. Ótimo tutorial !
    Que fontes lindas :3
    cr4zy-world.blogspot.com

    ResponderExcluir
  3. Wow, uma entrevistas! Adoro ler entrevistas! :3
    Gostei do menu e ainda mais das fontes, estou pensando em usar a "Clear Line", é tão linda.

    Beijinhos, Bunny. ♥

    bunny--days.blogspot.com

    ResponderExcluir
    Respostas
    1. Sim sim em breve irei postar >//<
      Ela realmente é linda.Ja usei uma vez

      Excluir
  4. Oie, eu amei as fontes são lindas enquanto ao menu o efeito é muito bacana e lindo *--* Eu curti

    crazy-for-candys.blogspot.com.br/

    ResponderExcluir
  5. É muitooo fofo esse menu, vou usar com certeza ;D
    Beijos ♥

    sweet-divertido.blogspot.com

    ResponderExcluir
  6. Owwo, ameii *O* Principalmente as fontes, são lindas >.<
    XOXO

    Loucura Controlada

    ResponderExcluir
  7. amei as fontes principalmente a zebra <3

    Irresistible Touch (~perfil~)

    ResponderExcluir
  8. Ooowww... Gostei muito, sempre gosto de suas dicas. Mas o código é loooongo. Não entendo muito. Mas o resultado é ótimo. bjus
    www.garotaousada.com

    ResponderExcluir
    Respostas
    1. Arigato, sim é longo por causa do tipo do efeito e.e
      Obrigada novamente

      Excluir
  9. O menu é bonitinho c:
    E as fontes são lindas u3u'

    Modern HTML

    ResponderExcluir

-Yoo!!

Sem comentários Ofensivos.
Pedidos na ask
Elogios são sempre bem vindos
-Responderei a todo mundo...

(◕‿◕✿)  。◕‿◕。 ⊱✿◕‿◕✿⊰ (◡‿◡✿) (◕〝◕)


◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐