Sejam bem vindos meu ao bloguinho, ele foi criado com o intuito de ensinar a quem necessita de ajuda em html e css, temos diversos tutoriais e materiais. Fiquem bem a vontade e qualquer dúvida que tiverem entrem em contato comigo ou peçam pela ask. Beijinhos caramelados e inté mais ♡
Search here
All that you want is here, css and html
Welcome to garota no mundo html.
- efeito legenda nas imagens de posts
- backgrounds grandes em aquarela
- Avatar do autor no post footer
- Leia mais na mesma linha do header
- Efeito Dragqueen e efeito Swing
- Três modelos de menus agenda
- Usando temas de tumblr no blog
- Criando seu próprio modelo de data
O tema atual do layout é: the fall of leafs
A meta dos posts do blog é de: 300 posts
A meta de comentários do blog é de: 3500
O blog foi inaugurado no dia: 27/12/2012
os Seguidores do blog atualmente são: 865
A versão atual do layout está na: 41ª vers.
folhinhas que estão no blog online agora:
folhinhas que já passaram por aqui:

Efeito border ✤


Olá meus sorvetes de flocos =3 tudo bem? Estou aproveitando a postagem para dizer que este será meu último post até eu voltar de férias da praia u.u, mas não se preocupem, daqui quatro dias eu estarei novamente pois sou pobre e não posso ficar de pernas pro ar como a maioria irá ficar, então tenho que me contentar com os 4 dias mesmo fazer o que, prometo que tentarei responder os comentários pendentes pelo tablet ou pelo celular, tipo é bem chato e bem demorado pois dependendo do wifi da praia demora um pouco mesmo ok? E sem contar que odeio demais mexer em tablets, notebooks e afins, prefiro mesmo meu pc que tenho tudo o quero e preciso mas enfim...

Agora falando sobre o efeito eu queria postar algo bem legal sobre bordas mas sempre é bem singular os efeitos e muitos criam efeitos de bordas bem parecidos fazendo que muitos fujam deste tipo de decoração por ser muito usado e com isso fica algo bem enjoativo, por isso criei um efeito de bordas sim, mas bem fofo e um pouco diferente dos atuais acredito que a maioria irá curtir, é muito simples não tem segredos para quem quer mudar um pouco ele poderão mexer nas cores, nas bordas e nas sombras dentro das caixas, mas prestem atenção pois tem um código no efeito hover que dá toda uma graça no modelo e o código é este aqui: -webkit-box-shadow: inset 50px 30px 0px 30px #D5CDDA; não mexam nos valores, podem mudar a cor da caixa de sombra mas os valores deixem como estão ok? Recadinho dado u.u

LIVE PREVIEW  

Para usar o efeito copiem os códigos abaixo e colem acima de ]]skin;

/** Efeito bordas by gnmh **/
.border {opacity: 0.9; transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;-o-transition-duration: 1s; -ms-transition-duration:1s; background:#9A86A4; border: solid 2px #8B7A96; padding:3px; box-shadow: inset 0 0 6px #CFDFE2, 0px 1px 1px #fff;}
.border:hover {-webkit-box-shadow: inset 50px 30px 0px 30px #D5CDDA; -webkit-transition-duration: .80s; -webkit-transition:All 3s ease; -moz-transition:All 3s ease; -o-transition:All 3s ease;background:#D5CDDA;border: solid 2px #9A86A4;}

E para o efeito funcionar colem o código abaixo dentro de um gadget:
<a href="LINK"target="blank" title="NOME"><img src="LINK IMAGEM"width="50" height="50" class = "border" /></a> 


Beijocas meu amores e até semana que vem, um feliz ano novo a todos e que todos tenham uma virada com muita paz e muito amor ok? ;)

22 comentários:

  1. Bem legal *u*
    Posso pedir um tuto? Ensina a fazer um blog de testes tipo esse ? só a base mesmo e.e

    ResponderExcluir
    Respostas
    1. Obrigada amore mas tipo até faria um tuto explicando como se faz um blog de testes assim, mas o modelo do layout não é de minha autoria e sim da Ammy do blog fairy floss então se quiser peça à ela ok? Beijocas flor

      Excluir
  2. Aah, você vai pra praia, que inveja ç.ç. Juro, esse foi um dos efeitos mais legais que já vi, é diferente e original demaaais, vou usar no próximo lay com certeza *uuu*

    htmlandresources.blogspot.com

    ResponderExcluir
    Respostas
    1. Pois eh eu estava na praia agora já cheguei em casa e estou bemmm cansada, mas valeu a pena! Obrigada amore fico feliz que tenha gostado do efeito >.<

      Excluir
  3. Eu também detesto, nunca tem o usual que a gente precisa, e nunca é tão confortante do que o nosso próprio computador <33 Gente tem cada efeito apaixonante nesse blog! Meu deus @3@ Aliás, esse efeito é tão fofo >3<
    - @TMR!

    ResponderExcluir
    Respostas
    1. Obrigada amor nossa vindo de você é um super elogio, mas é bom tentar criar algo diferente de vez em quando.. beijocas ;)

      Excluir
  4. Eu estou ótima, obrigada <3 Enfim, amei o efeito, é tão fofo. Fofo não séria bem a palavra certa, mas ok. Ele é fantástico, nunca vi nada igual :3

    etcforme.blogspot.com

    ResponderExcluir
  5. Adorei o efeito Rôh, essa transição que jdbcuiwhfoevc secsi ~ apx ~ Adorei *----*

    Unskilled

    ResponderExcluir
  6. amei o efeito super fofo!! acho que usarei uahushua

    kawaii-things.net

    ResponderExcluir
  7. Que menu mais lindo Roh <3
    Amei, amei x3 *_*

    ResponderExcluir
  8. Que efeito fofíssimo! *O*
    Hey, acabei de criar um blog de HTML. Se chama HTML para Leigos, poderia visitar? Se gostar seguir e comentar? (ok, parei de pedir tanto =^.^=)
    Espero mesmo ('-') a sua visita lá: http://html-para-leigos.blogspot.com.br/
    Obrigada desde já! e que o ]]>< te abençoe!

    interesses-sutis.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigada linda, já visitei seu blog e amei a idéia de ajudar os leigos em assuntos de html bem criativo mesmo.. Já estou seguindo ;)

      Excluir
  9. Eu simplesmente adorei!
    Beijos, Lili ;3
    Clique aqui, e vá para o blog / Princesa Teen! Layout novo e MUITAS novidades.

    ResponderExcluir
    Respostas
    1. Muito obrigada ^^ já visitei lá super fofo =3

      Excluir
  10. Adorei esse efeito *----* Ainda faltam alguns retoques no lay do meu blog, vou usar esse efeito :3

    http://bittersweetexplosion.blogspot.com

    ResponderExcluir
    Respostas
    1. Ok amore use a vontade >.< e muito obrigada ;)

      Excluir
  11. Amei demais o efeito, estou pensando seriamente em usar uns lindos efeitos daqui <3 muito super, iei creditar é claro, irá servir de grande ajuda no próximo layout ^^

    Tablet? *roubando agr de vc* kkkkkkkk

    Adolescente Nerd

    ResponderExcluir
    Respostas
    1. Ok que bom que gostou fico muito feliz >.< fique a vontade em usar... Eu odeio tablets e também celulares não dá para mexer bem neles ¬¬

      Excluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)