Blockquote小图片划过效果
这个是鼠标指向Blockquote时会有小图片划过。
Blog Template 方法
1. 去设计 - 修改HTML / Edit HTML
2. Ctrl + F ,寻找 blockquote:hover {
3. 在 blockquote:hover {的下面添加代码 . 保存 。
Blogskin 方法
1. 去模板 Template
2. Ctrl + F ,寻找 blockquote:hover {
3. 在 blockquote:hover {的下面添加代码 . 保存 。
注意:如果你找不到blockquote:hover {的话,就copy以下的代码
红色 - 划过的小图片,记得要小的哦
黄色 - 小图片停留的位置 (bottom right / bottom left / top right / top left)
这里有例子 :
1. 去设计 - 修改HTML / Edit HTML
2. Ctrl + F ,寻找 blockquote:hover {
3. 在 blockquote:hover {的下面添加代码 . 保存 。
-webkit-transition-duration: 1s;
background: url(小图片网址) no-repeat;
background-position: bottom right;
}
Blogskin 方法
1. 去模板 Template
2. Ctrl + F ,寻找 blockquote:hover {
3. 在 blockquote:hover {的下面添加代码 . 保存 。
-webkit-transition-duration: 1s;
background: url(小图片网址) no-repeat;
background-position: bottom right;
}
注意:如果你找不到blockquote:hover {的话,就copy以下的代码
blockquote:hover {
-webkit-transition-duration: 1s;
background: url(小图片网址) no-repeat;
background-position: bottom right;
}
黄色 - 小图片停留的位置 (bottom right / bottom left / top right / top left)
这里有例子 :
http://dl8.glitter-graphics.net/pub/1008/1008838wybxuht5da.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLPWeJjgGCrJMvcMwI2TuPLYpOwS7WSuh2HCj_gTk4TBSnYDOQ9KcZ-HE4IIDubLQobC4MPJguQB_e_IBgjht2rLMUSAqRBy_zmPB1Cu238I0oCyAUiZDAzhtr1MP-9JYKZShU_ES4xx3Y/s1600/1918637jhhl6hvotq.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-0QPi71fFVDpZbV1Fa69FIATl-WoNxt5otTwsQnq4v3O2ZegJ4eSa1DI99_Me6L3mKr8NpNzdAjBlzJsRnXbLzZZK7c_JlgO9Dk65zuags1L5OxfOqzGfzWLMylgLt5vFhMvtxAdfZb24/s1600/1332662fk0s8621ru.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOkiNs1TnDe_EAd9hbLFot4iMcHXNrxG2KyzKweP9AaE2bZRW5ScXDNVkBWNTng_cLW_mxz7ARiG9lVzu9rpdFxZq0z6q04XYuhy2Wiwj4eQnEwyUqpB9ESOk2esIl6VskhknYJxT4vNpW/s1600/tortoise.gif
http://dl.glitter-graphics.net/pub/695/695351ug3twpiwlh.gif