Home Texto Link Link

07 abril 2013

2 Tutoriais: "Menu Simples com Gif" & "Autor nos Comentários + Imagens para Autores"

Postado por: | |

Hello, my princess~

Então pessoinhas do meu coração, antes de irmos aos tutoriais, que inclusive um deles, foi a pedido da minha onee-chan, eu fico muito feliz quando vocês pedem coisas pra mim, pelo o Ask! Então Peça *-* Voltando ao assunto, ontem foi muito bom! fui a praia do Apuador com o meu love, nós nos divertimos bastante, depois vinhemos aqui pra casa, ficamos conversando e brincando, haha~ ele até levantou a minha alta estima, que estava super baixa ontem, estava achando meu cabelo tão feio e eu tão sem graça, sem sal.. mais depois eu comecei a me reparar mais no espelho, gosto do meu corpo, acho ele lindo.. meu rostinho de boneca, haha~ >w<" meu cabelo liso, todo desfiada {cortei ele com navalha, mais está grande u.u}, minha pele clara, branquinha como a neve... em fim {ninguém quer saber da minha vida, foda - se ela ("¬_¬)}. Eu nem iria postar hoje, pois as minhas provas começam amanhã, eu não estudei nada, com certeza irei me ferrar lecaal no 1° Bimestre ;.; Estava me arrumando também, voltei com o meu estilo rockeira, comecei a escutar tanto The Pretty Reckless que comecei a sentir falta do meu antigo estilo, ai voltei a escutar Evanescence, que não é bem um rock pesado..mais... eu gosto '-' Ai, estou escutando agora "Halestorm". E daqui a pouco vou pra casa do meu namorado, estou linda.. coloquei uma meia calça preta de rendas, um short jeans curto, uma blusa do Mickey preta que cortei na gola, uma botinha preta, minha luva preta, uma make {que eu achei linda}, uma coleirinha no pescoço com um colar de Soco Inglês *-* Bom, eu acho que depois de tanto me olhar no espero e levantar a minha alta estima, devo abusar da minha sensualidade e meu charme hoje, pois sou linda, gostosa, perfeita e maravilhosa! perfeita, porque Deus me fez assim, e o que eu tenho de melhor, vou mostrar.. OK, vamos aos tutoriais e.e 

{Gente, ignorem o meu momento de "Como uma Deusa..♪" '-'}



Menu Simples com Gif



1. Vá até editar HTML e procure pela tag ]]></b:skin> e acima dela, cole:

@font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}.fantastic {display : block;font-size: 8px;font-family: handy;text-transform: uppercase;line-height: 16px;margin-top: 2px;border-bottom : 1px solid #ebeaea;  border-right : 1px solid #f1f1f1; border-left : 1px solid #f1f1f1;text-indent : 5px; vertical-align : middle;  background:  no-repeat left #f3f3f3; padding-left : 6px;padding-bottom : 2px;}.fantastic:hover {display : block; background: url('http://media.tumblr.com/tumblr_m0ohnsdlwO1qfjy56.gif') no-repeat left #f9f9f9;}

Todos os códigos já são bem conhecidos. Naquela url ali é o link do seu gif, sendo o ícone verde, pode mudar para um coração ou o que preferir! Os códigos de cores #f1f1f1 referem-se a borda e #f3f3f3 refere-se ao fundo. O resto vocês sabem sozinhos, mas não recomendo que mudem,  assim está ótimo!


2. Em um gadget de HTML/JavaScript, cole o seguinte:

<div class="fantastic"> seu texto </div>
Para fica igual ao meu, da página de Tutoriais e Goodies, em vez de colocar o código no "HTML/JavaScript" coloque no "HTML" da "Página" do blog ;3


 

Autor nos Comentários

Vá em Modelo > Editar HTML > Aperte Ctrl+F Ou F3 e procure por :

Comments.Comments-content .icon.blog-author

Logo abaixo desta tag você vai ter um código enorme, apague tudo! Veja mais ou menos o código que você terá de apagar: 
.comments .comments-content .icon.blog-author {  background-repeat: no-repeat;  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==); 
Como eu disse, apague tudo que está acima. Substitua pelo seguinte código:
.comments .comments-content .icon.blog-author{position:absolute;top: -2px;right: 160px;margin:0;background-image: url(LINK DA SUA IMAGEM);width:32px;height:36px}

Crédito: Little - World 
 Imagens para Autor




Créditos: kawaii world 



Bom, Rilakkumas.. já deu na minha hora >w<
Até Quinta *-*
Biju Biju ;*

8 comentários:

  1. Adivinhou hayken nee chan?! eu tava a procura desse tutorial,faz um tempo,mais acabei esquecendo,esse post me lembrou,acho que não é tarde para fazer esse "autor nos comentarios" né?! brigada >o<

    ResponderExcluir
    Respostas
    1. Awn, que bom *-*
      Fico feliz, em te-la lembrado e ajudado!
      Claro que não é tarde, é sempre bom estar inovando o blog ;3
      Nada, maninha.. nem precisa me agradecer u.u

      Excluir
  2. Awn ! Amei , super lindinho o menu *u*

    Visita ? http://lost-in-paradise-oficial.blogspot.com/

    ResponderExcluir
  3. kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
    Adorei esse momento deusa total...
    Tem que ser assim mesmo ou não tem como prestar.
    ><
    DIVAAAA, vc estava muito cool garota!
    Amei o look...=)
    Eu não vi mais fiquei imaginando e achei muito lecal em minha cabeça. Deveria estudar mulher, para tirar boas notas .. =)

    ResponderExcluir

- Não aceito comentários "Seguindo, Segue de volta?" u.u
- Pedidos de Afiliação e Parceria, somente na página de "Parceria"
- Nada de palavrões e palavras inadequadas nos comentários
- Nenhum link +18 é permitido u.u
- Quer fazer pedidos? Faça pela Ask.fm
- Aceito afiliações desde que o blog tenha bom conteúdo e pouca coisa reblogada.

Emoticons para você pôr no comentário:
=((•̪●))= ๑(•ิ.•ั)๑ ٩(●̮̮̃•̃)۶ ε(●̮̮̃•̃)з ٩(×̯×)۶̿ ┌∩┐(◣_◢)┌∩┐ ⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙▽⊙ ⊙﹏⊙ ⊙△⊙ ◑▽◐ ◑ω◐ ◑﹏◐ ●︿● ●ω● ●﹏● ≧▂≦ ≧︿≦ ≧ω≦ ≧﹏≦ ≧▽≦ >︿< >ω< >﹏< >▽< ≡(▔﹏▔)≡ (¯▽¯;) <(“”"O”"”)> (-__-)b (;°○° ) \( ̄︶ ̄)> <( ̄︶ ̄)/ (/≧▽≦/) \(≧3≦)/ \(≧ω≦)/ o(≧ω≦)o o(≧o≦)o ㄟ(≧◇≦)ㄏ ╮(╯▽╰)╭ ╮( ̄▽ ̄)╭ (~o ̄▽ ̄)~o ~ 。。。(~ ̄▽ ̄)~[] (╯-╰)/ ♪ ♥

Template by Roberta.