18 fevereiro 2013

Arrows para NivoSlider | Eu Amo Goodies

| |
Bom dia, pessoas!
Eu estou meio sem ideias para postar aqui, me ajudem pedindo coisas na ask e no tumblr. Eu poderia numa boa fazer um efeito, mas o blog tem tantos efeitos que eu decidi que não.
Aí eu fui pensando, pensando, até que eu decidi postar arrows (mais conhecidas como setinhas) para o NivoSlider {tutorial aqui} São bem fofinhas ^^

(Créditos à Great Help, um tumblr divastico)

Mas antes eu apresento o Eu Amo Goodies, um novo tumblr que é tipo um spin-off daqui. Eu vou postar vários goodies lá, como: icons, psds, pngs, buttons, essas coisas. Além do blog ficar mais organizado, também é uma maneira de divulgar. Eu criei o tumblr ontem, e até agora só tenho um seguidor e um like. Entrem, sigam (se quiserem, claro), deem like e o principal: sintam-se a vontade!

Agora vamos ao tutorial (não estou falando errado, precisa mexer no HTML para colocar os arrows e ajusta-los)

Arrows









Colocando...
Proure por </head> no seu HTML apertando F3. Primeiro você tem que saber qual é a largura e a altura do arrow que você pegar, e depois cole o url.
Na linha acima, procure por:
position:absolute;top:45%;z-index:9;cursor:pointer;display:block;width:LARGURApx;height:ALTURApx;
Na largura você vai colocar o tamanho da sua imagem dividido por 2, ou seja se sua seta for 60x30, você vai ter que colocar 30x30.

Agora procure por:
 .nivo-nextNav                {background-position:-LARGURApx
Você vai colocar a metade da imagem do arrow novamente. Visualize para ver se está tudo certo e depois salve.


Espero que eu tenha ajudado, amores. Ah, e não se esqueçam de visitar o Eu Amo Goodies, ok?

8 comentários:

  1. Adorei os arrows,ficarão perfeitos*--*

    Beijos
    Amora R.

    ResponderExcluir
  2. Visitarei seu tumblr,eu acho os efeitos daqui do seu blog o máximo u.u

    www.em-teusbracos.blogspot.com

    ResponderExcluir
  3. Onw!!! amei, pena que não tneho blog para usar, porque se não...aaa eu usaria com certeza o de setinha cereja!

    Adolescente Nerd

    ResponderExcluir
  4. Estava mesmo procurando por essas setinhas, e só achei agora! Mas mesmo assim é útil!!
    E vou lá visitar seu novo tumblr!
    Beijo :)
    pqngarota.tk

    ResponderExcluir
  5. Adoreiiii os arrows.
    Está rolando sorteio no Montando o Look, cujo o prêmio é um kit de esmaltes da Impala, caso queira participar acesse: http://montando-o-look.blogspot.com.br/2013/02/sorteio-de-1-ano-de-montando-o-look.html
    Beijos, Franciny!

    ResponderExcluir
  6. Interessante. Estou sempre pesquisando sobre códigos HTML para melhorar o layout do blog. Gostei de conhecer seu blog. Seguindo, beijinho! ;)

    Curiosidade na arte das unhas? Junte-se a nós:
    http://www.artperfectnail.blogspot.com.br/

    ResponderExcluir
  7. Lindos ^^
    Amor vc falou que havia aceitado a afiliação certo?
    Mas eu não me encontro na elite,e ja coloquei-te lá,podes arrumar?

    ResponderExcluir
  8. Liindos,irei usar e creditar er claro,amei o blog,vai me ajudar muito,aceita afiliação?
    Seguindo,se possivel retribui!

    simples-garotaa.blogspot.com

    ResponderExcluir

« »