日誌頁面-服務切換 @ Xuite Blog 日誌 :: 隨意窩 Xuite日誌

  • 這裡是 Xuite Blog 小組的會客廳,歡迎大家來這邊互動喔~

    1. 沒有新回應!
  • 重要事件公告區
  • Blog常見QA整理
  • Blog使用教學






  • 如何使用RSS
    Powered by Xuite
  • 2009-06-26 18:00 日誌頁面-服務切換
    平均分數:0 顆星    投票人數:0
    我要評分:

    服務切換

    日誌提供服務切換功能,可在觀看 日誌 時快速選擇 相簿影音留言好友名片 各項 Xuite 服務



    開啟日誌或文章時,在日誌頁面上方檔頭 Banner 區塊將顯示服務切換功能選項 (如下圖)

    • 日誌
    • 相簿
    • 影音
    • 留言
    • 好友
    • 名片






    服務切換功能於 2009/7/1 上線服務,在 2009/7/1 之前有套用CSS精靈或使用自訂CSS樣式編寫製作日誌樣板,會有預設服務切換區塊放在 Xuite日誌 LOGO圖示下方,另外,在自訂CSS樣式中沒有服務切換語法,需要自行加上服務切換CSS語法,才會有所變更。

    • 日誌
    • 相簿
    • 影音
    • 留言
    • 好友
    • 名片






    服務切換注意事項:

    1. 服務切換,是 Xuite日誌 所提供新功能,如果日誌樣板是套用CSS精靈或是使用自訂CSS樣式編寫語法製作而成,會有預設服務切換區塊放置在 Xuite日誌 LOGO圖示正下方
    2. 服務切換,是 Xuite日誌 所提供新功能,需要自行加上服務切換CSS語法,才會有所變更
    3. 服務切換,可以使用自訂CSS樣式功能修改服務切換區塊 CSS 語法。

     以下為服務切換功能 CSS 語法,需要自行加(貼)上服務切換CSS語法,才會有所變更
    /*服務切換tab*/

    .tab_service{
        width: 260px;
        top: 100px;     /* 服務切換定位語法,數字越小服務切換區塊離頁面頂端越近,依照版型的不同可能會有負值的情形發生。 */
        left: 200px;     /* 服務切換定位語法,數字越小服務切換區塊離頁面左邊越近,依照版型的不同可能會有負值的情形發生。 */
        position: absolute;
    }
    .tab_service ul{
        padding: 0px;
        margin: 0px;
    }
    .tab_service li{
        margin: 0px 1px 0px 0px;
        display: block;
        float: left;
        list-style-type: none;
        padding: 5px;
        color: #fefbdc;
        cursor: pointer;
        background: #ad3364;
    }
    #tab_select_blog{}
    #tab_select_photo{}
    #tab_select_vlog{}
    #tab_select_gbook{}
    #tab_select_friend{}
    #tab_select_card{}

     

     加註 CSS 語法方式,請參考以下教學文章。
     日誌管理-面板樣式:http://blog.xuite.net/blog/blog/23684953
     日誌管理-面板樣式(自定CSS樣式):http://blog.xuite.net/blog/blog/23684951

    4. 服務切換,如果日誌中不想要顯示此功能,需要自行加(貼)上下述服務切換CSS語法,才會有所變更
    /*服務切換tab*/

    .tab_service{
        display: none;     /* 加上這一段 CSS 語法。 */
    }


    Blog小組 / Xuite日誌 / 回應(0) / 引用(0) / 好文轉寄
    回應