Xuite 新增CSS 定義:我的影音、日誌分頁:布拉格的羅傑:Xuite日誌
  • 最新文章
  • 文章分類
  • 搜尋文章
  • 關鍵字
  • 日誌使用資源






  • 如何使用RSS
    Powered by Xuite
  • bgmusic
  • 背景音樂: Seaside Drop By
  • Roger
  • 上班族,無事玩Blog
    玩影像處理
    玩MIDI
    玩書寫
    為了對抗消逝的歲月,對抗腦力枯竭,對抗閒來無事的恍神

  • 我的網誌
  • 我的網誌
  • 參觀人氣統計
  • New blogemotion
  • 2007-05-22 23:54 Xuite 新增CSS 定義:我的影音、日誌分頁
  • ?
  • CSS實驗室
  • 好文轉寄
  • 平均分數:0 顆星    投票人數:0
    我要評分:
    標籤 : 


     http://blog.xuite.net/blog/baby/11709241

    「我的影音」是「關於我」裡頭的選項之一。我用自訂樣式 CSS 把它隱藏了。

    Xuite 的自訂樣式 CSS 中,藉由 .personaltitle.pTitle.avatar.avatarPhoto.avatarDesciption
    以及 .avatarbutton.personallink...等變數來控制「關於我」的版型表現。

    至於加入好友、我的相簿、「我的影音」、我的留言板及關於我的幾個連結,是藉由 .pfriend.pphoto、「.pvlog.pboard 以及.plink...等變數來控制。我用以下方式設定布拉格的羅傑中的「關於我」,供各位參考:

    /*關於我*/

    /*欄位名稱*/
    .personaltitle
    {
    display:none; /*我使用 display:none 指令,隱藏關於我的「欄位名稱」*/
    }
    .pTitle{
    }
    .pTitle li{
    list-style:url(/) none outside;
    }

    /*欄位內容*/
    .avatar
    {
    background:#fff url(http://f.blog.xuite.net/f/7/b/7/10055976/blog_6267/txt/4477948/108.gif) no-repeat;
    margin:0 0 15px 0;
    border-bottom:coral 3px solid;
    }

    /*照片*/
    .avatarPhoto
    {
    padding-top:10px;
    text-align:center;
    }

    /*我的描述*/
    .avatarDesciption
    {
    font:13px/120% "Trebuchet MS", Verdana, PMingLiU, sans-serif;
    color:#666;
    background:transparent none;
    padding:10px 10px 0;
    text-align:left;
    }

    /*我的日誌按鈕,當你登入時才看得到*/
    .avatarbutton{
    text-align:center;
    }

    /*個人項目---- 2006-5-11 Modify*/
    .personallink{
    display:block;
    font:13px/120% "Trebuchet MS", Verdana, PMingLiU, sans-serif;
    width:195px;
    }

    /*關於我*/
    .plink{
    }
    .plink li{
    margin-left:20px;
    list-style:url(http://f.blog.xuite.net/f/7/b/7/10055976/blog_6267/txt/4477948/9.gif) none outside;
    }

    /*加入好友*/
    .pfriend
    {
    padding:3px 0 0;
    }
    .pfriend li{
    margin-left:20px;
    list-style:url(http://f.blog.xuite.net/f/7/b/7/10055976/blog_6267/txt/4477948/9.gif) none outside;
    }

    /*我的相簿*/
    .pphoto
    {
    padding:3px 0 0;
    }
    .pphoto li{
    margin-left:20px;
    list-style:url(http://f.blog.xuite.net/f/7/b/7/10055976/blog_6267/txt/4477948/9.gif) none outside;
    }

    /*我的影音*/
    .pvlog
    {
    display:none; /*我使用 display:none 指令,隱藏「我的影音」*/
    }
    /*.pvlog li{
    margin-left:20px;
    list-style:url(http://f.blog.xuite.net/f/7/b/7/10055976/blog_6267/txt/4477948/9.gif) none outside;
    }
    */ /*因為隱藏「我的影音」,這段語法也不需要了*/

    /*我的留言板*/
    .pboard
    {
    padding:3px 0 0;
    }
    .pboard li{
    margin-left:20px;
    list-style:url(http://f.blog.xuite.net/f/7/b/7/10055976/blog_6267/txt/4477948/9.gif) none outside;
    }

    使用自訂樣式CSS的網友,請參閱站長說明,並修改你的自訂樣式CSS。

    如果你先前使用羅傑的自訂樣式CSS,請重新下載最新的CSS檔案並更新。

    祝各位擁有美麗的網誌版面。

     

    更多關於羅傑的CSS:
     http://blog.xuite.net/yeegiah/diary?st=c&re=list&p=1&w=110964



    Roger / Xuite日誌 / 回應(0) / 引用(0) / 好文轉寄
  • 回應