Dear Xuiters :

配合Xuite留言版beta版正式上線，Xuite Blog"關於我"區塊的部份做了一些調整，改善各服務間的切換動線，新增的CSS如下，供大家參考。
留言板功能簡介，請參考此篇 ~
《CSS 教學》 Xuite Blog "關於我" 區塊 調整

/*關於我分類---- 2006-5-12 Modify*/
.pTitle li{
list-style-image:url(http://s.blog.xuite.net/_image/bulletPersonal.gif);
}

.pTitle{
}

/*關於我欄位名稱---- 2006-5-12 Modify*/
.personaltitle{
padding:2px;
border: #500303 1px solid;
background:;
font-weight:normal;
background-image:url(http://s.blog.xuite.net/_image/skin/windows/16/blog011_2.gif);
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.1em;
font-size:15px;
margin-top:5px;
}

/*關於我 avatar*/

.avatar{ /* 2006-05-09 修改 */
background:#ffffff;
border: #F6E294 1px solid;
font-size:12px;
font-weight:normal;
line-height:140%;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:4px;
}


/*個人項目*/
.personallink{
display: block;
width:190px;
margin:0px 0px 0px 0px;
}

/*關於我*/
.plink ul{
list-style-type:none;
margin:0 0px;
padding:0px 2px 0px 20px;
word-wrap: break-word;
display: block;
float:left;
}
.plink li{
padding:0 0 0 0px;
margin:0px 0px 0px 0px;
list-style-image:url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.plink{
padding:0 0 0 0px;
WIDTH: 90px;
}

/*我的相簿*/
.pphoto ul{
list-style-type:none;
margin:0 0px;
padding:0px 2px 0px 20px;
word-wrap: break-word;
display: block;
float:left;
}
.pphoto li{
padding:0 0 0 0px;
margin:0px 0px 0px 0px;
list-style-image:url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.pphoto{
padding:0 0 0 0px;
WIDTH: 90px;
}

/*加入好友*/
.pfriend ul{
list-style-type:none;
margin:0 0px;
padding:0px 2px 0px 20px;
word-wrap: break-word;
display: block;
float:left;
}
.pfriend li{
padding:0 0 0 0px;
margin:0px 0px 0px 0px;
list-style-image:url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.pfriend{
padding:0 0 0 0px;
WIDTH: 90px;
}

/*我的留言板*/
.pboard ul{
list-style-type:none;
margin:0 0px;
padding:0px 2px 0px 20px;
word-wrap: break-word;
display: block;
float:left;
}
.pboard li{
padding:0 0 0 0px;
margin:0px 0px 0px 0px;
list-style-image:url(http://s.blog.xuite.net/_image/blogIcon19.gif);

}
.pboard{
padding:0 0 0 0px;
WIDTH: 90px;
}


已使用自訂CSS者，關於我圖示會出現 " "的情況，請參考以下解說，自行修改CSS檔內的定義，不便之處，請大家見諒~

（１）.personaltitle定義

.pTitle li (匿稱定義前的黑點)
=> 可以調整 list-style-image:url( 圖檔位置 );

底圖設定
=> 可以調整 background-image:url( 圖檔位置 );

（２）.plink li，.pphoto li，.pfriend li，.pboard li 定義前的黑點

=> 可以調整 list-style-image:url( 圖檔位置 );

進入我的日誌後，請由右上角的 " 我的日誌 " 進入管理介面。
或是登入後，由"關於我"區塊的部份進入管理介面。

By 部落甜心