Apr 1, 2014
This is also most likely coming from a place of having spent the last 72 hours in bed, alternately sleeping and coughing.
So tired. Can we pretend none of this happened?
seen from United States
seen from Singapore
seen from United States
seen from China
seen from Australia
seen from Netherlands
seen from Algeria
seen from Malaysia
seen from Singapore
seen from China
seen from China
seen from United States
seen from Netherlands
seen from Singapore
seen from China
seen from Argentina
seen from Netherlands
seen from Mongolia
seen from Türkiye
seen from Netherlands
This is also most likely coming from a place of having spent the last 72 hours in bed, alternately sleeping and coughing.
So tired. Can we pretend none of this happened?
Imagem hover
Bom é aquele efeito que você passa o mouse,e muda de imagem *o*,magico não?u.u
De qualquer forma preview aqui [xxx]
Vamos ao tutorial?Me gusta =3
Primeiramente cole seguinte código antes de </style>
/*** Imagem hover Bruna Teixeira/Sincere—smile***/ .imghoverss {display: block; position: relative; width: 200px; height: 285px; border:5px solid #8fc3ce;margin-left:480px;margin-top:130px;} .imghoverss span { position: absolute; top:0px; bottom:0px; opacity: 0;-webkit-transition: all 0.70s linear;-webkit-transition: all 0.70s linear;-moz-transition: all 0.70s linear;transition: all 0.70s linear;} .imghoverss:hover span{opacity:1;}
/**fim do css da imagem hover**/
Se você não sabe muito de CSS,mude apenas o que está em negrito ok?Vou dar uma explicada rápida:
width: 200px; height: 285px; = Você precisa colocar EXATAMENTE os valores correspondentes ao tamanho da imagem que você quer.
border:5px solid #8fc3ce;=Isso é aquela bordinha do preview.Se quiser mudar a cor troque isso:#8fc3ce pelo código da cor que vc deseja,porém se vc não quiser aquela bordinha troque esse mesmo código por isso: transparent
margin-left:480px;margin-top:130px; = Você muda os valores pra posicionar a imagem onde quiser no seu theme.
Se ainda assim não entendeu consulte esse post.
Bom vamos ao html.Cóle o código seguinte logo após <body>
<div class="imghoverss"> <img src="LINK DA IMAGEM 1 " width="LARGURA DA IMAGEM" height="ALTURA DA IMAGEM mais 2px"> <span> <img src="LINK DA IMAGEM 2" width="LARGURA DA IMAGEM" height="ALTURA DA IMAGEM mais 2px "></span></div>
Modifique o que se pede,está em NEGRITO.
ATENÇÃO:na altura das imagens deve ter 2px a mais do que a altura da imagem no CSS.Por exemplo:
Se no primeiro código que eu dei (o que você vai colocar antes de </style>) você colocar a altura correspondente a 285 px,no código que eu dei acima (que você vai colocar após <body>)você deve colocar nas DUAS imagens a altura correspondente 287px ou seja 2 pixels a mais.Entendeu??
Desculpa a confusão pra explicar,rs.Se não entendeu algo pergunte aqui.
Se usar/gostar DÊ LIKE E CREDITE.
Tutorial e códigos INTEIRAMENTE FEITOS POR MIM.
Não faça plágio,senão eu te denunciarei pro tumblr.Isso é crime.
/Bruna