Entries Profile stuff Affies Credit

<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d6253663951978302670\x26blogName\x3d//Yi+Qing.com\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://joey98place.blogspot.com/search\x26blogLocale\x3dzh_CN\x26v\x3d2\x26homepageUrl\x3dhttp://joey98place.blogspot.com/\x26vt\x3d-8461348219948985447', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe", messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER, messageHandlers: { 'blogger-ping': function() {} } }); } }); </script>
Welcome

Anyeonghaseyo!
Please FOLLOW my rude :
1.No any COPYCATS & THIEVES
allowed here.
2.Don't try to view my page source!!
I will KILL you when i know.

Thank you & enjoy in my blog.

Copyrighted © Yi Qing.com 2013.

All right reserved.


Follow |Home


S T A T U S

瘋狂追著‘來自星星的你’
4AXIN I'm coming to KNOW you all !!
By_28/2/14


@YiQing_Vip 的推文


图案中有文字效果
12.07.2012, 12/07/2012 - Permalink | 4 Comments

给 Shi Xuan

效果如图：
Blogger Template ( BT)
基本款

<style type="text/css">
.img-hov{
background: #fff;
color: #000;
width: 250px;
height: 185px;
margin-top:-185px;
opacity: 0;-webkit-transition:all .5s ease-in-out;
}
.img-side:hover{
opacity:0.8;
}
</style>
<img src="图片网址" width="250" />
<div class="img-hov"><br />
<center>
内容</center>
</div>
旋转式( 效果只有在 Google chrome看到 ）
<style type="text/css">
.img-hov{
background: #fff;
color: #000;
width: 250px;
height: 185px;
margin-top:-185px;
opacity: 0;
-webkit-transition:all .5s ease-in-out;
}
.img-hov:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
opacity:0.8;
}
</style>
<img src="图片网址" width="250" />
<div class="img-hov"><br />
<center>
内容</center>
</div>



Blogskins ( Classic Template)

基本款
.img-hov{
background: #fff;
color: #000;
width: 250px;
height: 185px;
margin-top:-185px;
opacity: 0;-webkit-transition:all .5s ease-in-out;
}
.img-side:hover{
opacity:0.8;
}
旋转式（效果只有在 Google chrome 看到）
.img-hov{
background: #fff;
color: #000;
width: 250px;
height: 185px;
margin-top:-185px;
opacity: 0;
-webkit-transition:all .5s ease-in-out;
}
.img-hov:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
opacity:0.8;}



过后再到你要放的地方放以下代码

<img src="图片网址" width="250" />
<div class="img-hov"><br />
<center>
内容</center>
</div>

Explain :
橙色代码 ; 背景颜色 ( 建议白色/灰色 )
黄色代码 ; 字体颜色
青色代码 ; 图片的宽度
红色代码 ; 图片的高度 ( margin-top的数字要与高度一样,"-"符号别删除 )
蓝色代码 ; 透明度,数字越小就越透明
灰色代码 ; 旋转的代码,旋转角度可自行更换
紫色代码 ; 图片网址




 CR :Babez Elaine

标签：





T i m e M a c h i n e