自我介紹小圖、邊框、文字、背景設置語法

如何設置語法箱請見前文: 頭像改動圖

頭像下的對話框和自我介紹顏色要變得配襯版面, 可以來個變身, 做得漂亮, 做得有趣!

有 6 個款式可選擇:

不範圖:

語法 1:

<style type="text/css">/*自我介紹改字色*/
#w-profile-status #w-long-status .text{color:red;}</style>

語法 2:

<style type="text/css">/*自我介紹無框及改字色*/
#w-profile-card .status, #w-profile-card #w-profile-status .ico{background:none;border:0px none transparent;}

#w-profile-status #w-long-status .text{color:red;}</style>

語法 3:

<style type="text/css">/*自我介紹換小圖、更改邊框及字色*/
#w-profile-card #w-profile-status .ico{background:url(小圖網址) bottom no-repeat;height:高度數字px;width:濶度數字px;}

#w-profile-card .status{border-color:purple;}

#w-profile-status #w-long-status .text{color:purple;}</style>

***小圖位置即對話框的小角, 圖片高度預留和頭像圖片之間空間, 加高3px;

透明框只要將第2句的邊框語法改為 border-color:transparent; 即可!***


語法 4:

<style type="text/css">/*自我介紹換小圖、無邊框及文字*/
#w-profile-card #w-profile-status .ico{background:url(小圖網址) bottom no-repeat;height:高度數字px;width:濶度數字px;}

#w-profile-card .status{color:transparent;height:0px;font-size:0px;border:0px none transparent;padding:0px;}</style>

語法 5: 

<style type="text/css">/*自我介紹換小圖, 更改邊框、文字顏色、加圖底*/
#w-profile-card #w-profile-status .ico{background:url(小圖網址) bottom no-repeat;height:高度數字px;width:濶度數字px;}

#w-profile-card .status{border-color:green;}

#w-profile-status #w-long-status .text{color:purple;background:url(圖底網址);height:高度數字px;}</style>

語法 6:

<style type="text/css">/*刪除自我介紹*/
#w-profile-card .status, #w-profile-card #w-profile-status .ico{background:none;color:transparent;height:0px;font-size:0px;border:0px none transparent;padding:0px;}

或

#w-profile-card .status{display:none;}</style>

***透明框只要將第2句的邊框語法改為 border-color:transparent; 即可!***

* * *

如果你所選的型版自我介紹文字有底色: 可以加入或將有關語法寫成 #w-profile-card .status{background:transparent;}

***測試、制作及編寫下過心機, 用了時間,
如要引用語法或文章資料請連同我 blog Logo  一併帶走!