home about me stuff links follow dashboard

Monday, November 19, 2012

教程 || 美化引用文字 ②






动动我

** ↑↑ 以上的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;
}

红色字体 - 把喜欢的背景网址放进去
**若想放颜色,就把background:url(背景URL);换去background-colour:(#背景颜色);
    粉红字体 - 框框的厚度(数字越大,代表越厚;数字越小,代表越薄)
    绿色字体 - 框框类型
    紫色字体 - 框框颜色
    橙色字体 - 字体大小
    蓝色字体 - 字体
    天蓝色字体 - 字体颜色
    褐色字体 - 把喜欢的图标网址放进去

*** 一点小提示:
".post blockquote { "代表还未用鼠标触碰它时;".post blockquote:hover {"代表鼠标触碰过后的效果



连接/Links



sticker

0 Oreo ♥:

Post a Comment