愛書小說網> 新聞> 網站公告 > 用戶等級以及獲取積分的詳細規則

愛書小說網關于本站多說評論框css代碼分享

來源:愛書小說網 | 發布者:站長 | 發布時間:2014-05-05


多說評論框:請到duoshuo.com下載代碼 如果評論框太寬或者太窄請在設置里輸入#ds-thread {padding:24px;} 調整代碼!
本站的css代碼
#ds-reset .ds-avatar img{
width:54px;height:54px; /*設置圖像的長和寬,這里要根據自己的評論框情況更改*/
border-radius: 27px;/*設置圖像圓角效果,在這里我直接設置了超過width/2的像素,即為圓形了*/
-webkit-border-radius: 27px;/*圓角效果:兼容webkit瀏覽器*/
-moz-border-radius:27px;
box-shadow: inset 0 -1px 0 #3333sf;/*設置圖像陰影效果*/
-webkit-box-shadow: inset 0 -1px 0 #3333sf;
-webkit-transition: 0.4s;
-webkit-transition: -webkit-transform 0.4s ease-out;
transition: transform 0.4s ease-out;/*變化時間設置為0.4秒(變化動作即為下面的圖像旋轉360讀)*/
-moz-transition: -moz-transform 0.4s ease-out;
}
#ds-reset .ds-avatar img:hover{/*設置鼠標懸浮在頭像時的CSS樣式*/
box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
-webkit-box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
transform: rotateZ(360deg);/*圖像旋轉360度*/
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
}

 

特此公告。

 

愛書小說網

 

二O一四年五月三十一日

       注:如您還有疑惑的地方,請通過頂部鏈接留言給我們。
腾博会官网娱乐网址 - 腾博会官网 诚信服务