动动我
** ↑↑ 以上的Blockquote不是长久性的,可能过不久,我又换了呢??
还是来看看照片吧
还未用鼠标触碰它时
看不到图片变化的童鞋们,可以点击图片放大哦!!
来,开始吧!!
④ 红色字体 - 把喜欢的背景网址放进去还是来看看照片吧
还未用鼠标触碰它时
↓↓
用鼠标触碰它后的效果
↓↓
再把鼠标放开后的效果看不到图片变化的童鞋们,可以点击图片放大哦!!
来,开始吧!!
① 信息中心 → 模板 → 修改HTML → 继续
② 按 Ctrl + F 寻找以下代码
/* Comments
③ 找到之后,在 /* Comments 上面添加以下代码
.post blockquote {
background:url(背景URL);
border:2px solid #000000;
-webkit-transition-duration: 3s;
padding: 12px;
margin: 2px 2px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
font:12px Arial;
text-align:left;
}
.post blockquote:hover {
Border:2px solid #000000;
color: #000000;
-webkit-transition: 3s;
background-image:url(图标URL);
background-position:bottom right;
background-repeat:
no-repeat;
}
.post blockquote {
background:url(背景URL);
border:2px solid #000000;
-webkit-transition-duration: 3s;
padding: 12px;
margin: 2px 2px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
font:12px Arial;
text-align:left;
}
.post blockquote:hover {
Border:2px solid #000000;
color: #000000;
-webkit-transition: 3s;
background-image:url(图标URL);
background-position:bottom right;
background-repeat:
no-repeat;
}
**若想放颜色,就把background:url(背景URL);换去background-colour:(#背景颜色);粉红字体 - 框框的厚度(数字越大,代表越厚;数字越小,代表越薄)
绿色字体 - 框框类型
紫色字体 - 框框颜色
橙色字体 - 字体大小
蓝色字体 - 字体
天蓝色字体 - 字体颜色
褐色字体 - 把喜欢的图标网址放进去
*** 一点小提示:
".post blockquote { "代表还未用鼠标触碰它时;".post blockquote:hover {"代表鼠标触碰过后的效果
连接/Links
0 Oreo ♥:
Post a Comment