晾晾♥



Home stuffies Links Follow




No Right click. Ctrl + C to copy. Thanks ! XD

Remember to Give a Like ! Love you guys ♥

facebook · Dasboard

2013年7月27日星期六 | POST ♥
   Blockquote小图片划过效果


这个是鼠标指向Blockquote时会有小图片划过。


Blog Template 方法

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
NEW ⇠
PAST ⇢