Trang chủ Blog | Các câu hỏi thường gặp | Yahoo! Việt Nam

      Bài mới nhất

      Sửa Đóng
      Bài viết Tìm bài viết:
      Trích dẫn Báo cáo

      CSS của Yahoo 360 plus!

      Thư mục: Yahoo!360plus |
      Quan trọng
      Đăng ngày: 10:14 10-12-2008
      Gần đây một số bạn trẻ mới chuyển qua dùng Yahoo 360+, cũng có nhiều ý kiến về sản phẩm này, tuy nhiên theo mình đây là sản phẩm tốt có khả năng phát triển, mặc dù vậy một yếu điểm dễ nhận thấy là đối với thị trường Việt Nam nơi phần nhiều người dùng blog không am hiểu nhiều về thiết kế web thì việc cung cấp tính năng tùy biến giao diện đôi khi lại không hợp lý, gây cảm giác khó sử dụng trong thời gian đầu!

          Nếu như yahoo cung cấp khả năng load file CSS cho người dùng thì yếu điểm này có thể được khắc phục, bởi khi đó sẽ có một cộng đồng những người sử dụng thành thạo CSS và thiết kế Web sẽ cung cấp những gói theme sẵn có để bất cứ ai cũng có thể sử dụng một cách đơn giản hiệu quả. Tuy nhiên trong thời gian này việc đó cũng có thể thực hiện được nhưng không phải load file CSS mà là chúng ta đi copy những đoạn mã CSS để làm giao diện của mình.

          Sau đây mình sẽ làm thử một mẫu đơn giản nhất, các bạn có thể từ đó chỉnh sửa và chia sẻ cho những người khác thành quả của mình. Đây là theme đơn giản không có hình nền, cũng như cho ẩn toàn bộ các khung màu trắng mặc định.


      /*CSS Yahoo 360 plus*/
      /*version 1.04*/

      /*CSS Yahoo 360 plus*/
      /*version 1.01*/

      /* Primary module header */
      .col-600 .rc_bd  .rc_bc .hd .titlebar,    /*JW*/
      .row-920 .rc_bd  .rc_bc .hd .titlebar,    /*JW*/
      .row-760 .rc_bd  .rc_bc .hd .titlebar        /*JW*/
      {background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/mod-bookmark760t2c1-bd-bg.gif) repeat-x bottom left;}

      /* Secondary module header */
      .col-150 .rc_bd  .rc_bc .hd .titlebar .hd,
      .col-150 .rc_bd  .rc_bc .hd .titlebar  /* JW */
      {
      background:url(http://sg.yimg.com/i/vn/blog/i/blog/mod-bookmark-edit-hdr-bg-2.gif) repeat top left;}

      /* Secondary module content */
      .col-150 .rc_bd  .rc_bc .bd /* JW */
      {background:#5E5E5E;background-image:url(http://us.f2.yahoofs.com/lifestory/1_AtyDWTCB7qOZ2fSRk-_2/blog/ap_20080430023310171.jpg?TTAmlGIBoNznESxB);color:#FFFFFF;}


      /*Blog title*/
      #blog_title  .rc {background:none;}
      #blog_title  .rc div{background:none;}
      #blog_title  .rc_bd{background:none;}
      #blog_title  .rc_bd div.rc_bc{background:none;}
      #blog_title  .rc_ft{background:none;}
      #blog_title  .rc_ft div{background:none;}
      #blog_title  A, A:hover{COLOR:#000000;}


      /*Blast*/
      #blast A, #blast A:hover{COLOR:#000000;}
      #blast DIV{background-color:#fffff;}

      /*Profile*/
      #profile_highlight .bd{background:#fff;}

      /*Bai moi nhat*/
      #article_new A:hover{COLOR:#0C8B1D;}
      #article_new .hd .titlebar div{background:url(http://us.f2.yahoofs.com/lifestory/1_AtyDWTCB7qOZ2fSRk-_1/blog/ap_20080428032536397.jpg?TTAa7FIB4WEUMCkN);}
      #article_new .bd div{background-image:url(http://us.f2.yahoofs.com/lifestory/1_AtyDWTCB7qOZ2fSRk-_2/blog/ap_20080430023310171.jpg?TTAmlGIBoNznESxB);}
      #article_new .rc {background:none;}
      #article_new .rc div{background:none;}
      #article_new .rc_bd{background:none;}
      #article_new .rc_bd div.rc_bc{background:none;}
      #article_new .rc_ft{background:none;}
      #article_new .rc_ft div{background:none;}
      #article_new .bd ul li {
      background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/mod-ico-li-4.gif) no-repeat scroll 5px 8px;font-size:10px;}

      /*Bang tin nhan*/
      #feature_mb A:hover{COLOR:#0C8B1D;}
      #feature_mb .bd div{background-image:url(http://us.f2.yahoofs.com/lifestory/1_AtyDWTCB7qOZ2fSRk-_2/blog/ap_20080430023310171.jpg?TTAmlGIBoNznESxB);}
      #feature_mb .rc {background:none;}
      #feature_mb .rc div{background:none;}
      #feature_mb .rc_bd{background:none;}
      #feature_mb .rc_bd div.rc_bc{background:none;}
      #feature_mb .rc_ft{background:none;}
      #feature_mb .rc_ft div{background:none;}

      /*Thu muc rieng*/
      #folder A:hover{COLOR:#0C8B1D;}
      #folder .bd div{background:#454545 url(http://us.f2.yahoofs.com/lifestory/1_AtyDWTCB7qOZ2fSRk-_2/blog/ap_20080430023310171.jpg?TTAmlGIBoNznESxB);}
      #folder .rc {background:none;}
      #folder .rc div{background:none;}
      #folder .rc_bd{background:none;}
      #folder .rc_bd div.rc_bc{background:none;}
      #folder .rc_ft{background:none;}
      #folder .rc_ft div{background:none;}
      #folder .bd ul li {
      background:transparent url(http://sg.yimg.com/i/vn/blog/i/blog/mod-ico-5.gif) no-repeat scroll 5px 3pt;}

      /*Lich*/
      #calendar A:hover{COLOR:#0C8B1D;}
      #calendar .bd div{background:#454545 url(http://us.f2.yahoofs.com/lifestory/1_AtyDWTCB7qOZ2fSRk-_2/blog/ap_20080430023310171.jpg?TTAmlGIBoNznESxB);}
      #calendar .rc {background:none;}
      #calendar .rc div{background:none;}
      #calendar .rc_bd{background:none;}
      #calendar .rc_bd div.rc_bc{background:none;}
      #calendar .rc_ft{background:none;}
      #calendar .rc_ft div{background:none;}

      /*Thong ke*/
      #statistic A:hover{COLOR:#0C8B1D;}
      #statistic .bd div{background:#454545 url(http://us.f2.yahoofs.com/lifestory/1_AtyDWTCB7qOZ2fSRk-_2/blog/ap_20080430023310171.jpg?TTAmlGIBoNznESxB);}
      #statistic .rc {background:none;}
      #statistic .rc div{background:none;}
      #statistic .rc_bd{background:none;}
      #statistic .rc_bd div.rc_bc{background:none;}
      #statistic .rc_ft{background:none;}
      #statistic .rc_ft div{background:none;}

      /*RSS*/
      #rss_output A:hover{COLOR:#0C8B1D;}
      #rss_output .bd div{background:none;}
      #rss_output .rc {background:none;}
      #rss_output .rc div{background:none;}
      #rss_output .rc_bd{background:none;}
      #rss_output .rc_bd div.rc_bc{background:none;}
      #rss_output .rc_ft{background:none;}
      #rss_output .rc_ft div{background:none;}

      /*Tim kiem*/
      #search_module A:hover{COLOR:#0C8B1D;}
      #search_module .bd div{background:#454545 url(http://us.f2.yahoofs.com/lifestory/1_AtyDWTCB7qOZ2fSRk-_2/blog/ap_20080430023310171.jpg?TTAmlGIBoNznESxB);}
      #search_module .rc {background:none;}
      #search_module .rc div{background:none;}
      #search_module .rc_bd{background:none;}
      #search_module .rc_bd div.rc_bc{background:none;}
      #search_module .rc_ft{background:none;}
      #search_module .rc_ft div{background:none;}

      /*Danh sach ban be*/
      #friendlist_module A:hover{COLOR:#0C8B1D;}
      #friendlist_module .bd div{background:url(http://us.f2.yahoofs.com/lifestory/1_AtyDWTCB7qOZ2fSRk-_2/blog/ap_20080430023310171.jpg?TTAmlGIBoNznESxB);}
      #friendlist_module .bd {background:url(http://us.f2.yahoofs.com/lifestory/1_AtyDWTCB7qOZ2fSRk-_2/blog/ap_20080430023310171.jpg?TTAmlGIBoNznESxB);}
      #friendlist_module .rc {background:none;}
      #friendlist_module .rc div{background:none;}
      #friendlist_module .rc_bd{background:none;}
      #friendlist_module .rc_bd div.rc_bc{background:none;}
      #friendlist_module .rc_ft{background:none;}
      #friendlist_module .rc_ft div{background:none;}

      /*Album*/
      #feature_album A:hover{COLOR:#0C8B1D;}
      #feature_album .bd div{background-color:#454545;}
      #feature_album .rc {background:none;}
      #feature_album .rc div{background:none;}
      #feature_album .rc_bd{background:none;}
      #feature_album .rc_bd div.rc_bc{background:none;}
      #feature_album .rc_ft{background:none;}
      #feature_album .rc_ft div{background:none;}

      /*Cap nhat ngay*/
      #update_date A:hover{COLOR:#0C8B1D;}
      #update_date .bd div{background:#454545 url(http://us.f2.yahoofs.com/lifestory/1_AtyDWTCB7qOZ2fSRk-_2/blog/ap_20080430023310171.jpg?TTAmlGIBoNznESxB);}
      #update_date .rc {background:none;}
      #update_date .rc div{background:none;}
      #update_date .rc_bd{background:none;}
      #update_date .rc_bd div.rc_bc{background:none;}
      #update_date .rc_ft{background:none;}
      #update_date .rc_ft div{background:none;}

      /*Blog yeu thich*/
      #subscribe_highlight A:hover{COLOR:#0C8B1D;}
      #subscribe_highlight .bd div{background-color:#454545;}
      #subscribe_highlight .rc {background:none;}
      #subscribe_highlight .rc div{background:none;}
      #subscribe_highlight .rc_bd{background:none;}
      #subscribe_highlight .rc_bd div.rc_bc{background:none;}
      #subscribe_highlight .rc_ft{background:none;}
      #subscribe_highlight .rc_ft div{background:none;}

      /*Blog ve toi*/
      #mod-tagged-frd-article A:hover{COLOR:#0C8B1D;}
      #mod-tagged-frd-article .bd div{background:#454545 url(http://us.f2.yahoofs.com/lifestory/1_AtyDWTCB7qOZ2fSRk-_2/blog/ap_20080430023310171.jpg?TTAmlGIBoNznESxB);}
      #mod-tagged-frd-article .rc {background:none;}
      #mod-tagged-frd-article .rc div{background:none;}
      #mod-tagged-frd-article .rc_bd{background:none;}
      #mod-tagged-frd-article .rc_bd div.rc_bc{background:none;}
      #mod-tagged-frd-article .rc_ft{background:none;}
      #mod-tagged-frd-article .rc_ft div{background:none;}

      /*Comment*/
      #comment_new A:hover{COLOR:#0C8B1D;}
      #comment_new .bd div{background-image:url(http://us.f2.yahoofs.com/lifestory/1_AtyDWTCB7qOZ2fSRk-_2/blog/ap_20080430023310171.jpg?TTAmlGIBoNznESxB);}
      #comment_new .rc {background:none;}
      #comment_new .rc div{background:none;}
      #comment_new .rc_bd{background:none;}
      #comment_new .rc_bd div.rc_bc{background:none;}
      #comment_new .rc_ft{background:none;}
      #comment_new .rc_ft div{background:none;}
      #comment_new .bd ul li {
      background:transparent url(http://sg.yimg.com/i/vn/blog/i/blog/bullet.gif) no-repeat scroll 0.6em 0.7em;color:#CCCCCC;}

      /*Anh tren blog*/
      #photo_highlight A:hover{COLOR:#0C8B1D;}
      #photo_highlight .bd div{background-color:#454545;}
      #photo_highlight .rc {background:none;}
      #photo_highlight .rc div{background:none;}
      #photo_highlight .rc_bd{background:none;}
      #photo_highlight .rc_bd div.rc_bc{background:none;}
      #photo_highlight .rc_ft{background:none;}
      #photo_highlight .rc_ft div{background:none;}


      /*Tam trang*/
      #mod_lifeline {background:#fff;}
      #mod_lifeline .bd div{background-color:#fff;}
      #mod_lifeline A:hover{COLOR:#0C8B1D;}
      #mod_lifeline .bd{background-color:#fff;}
      #mod_lifeline .rc {background:none;}
      #mod_lifeline .rc div{background:none;}
      #mod_lifeline .rc_bd{background:none;}
      #mod_lifeline .rc_bd div.rc_bc{background:none;}
      #mod_lifeline .rc_ft{background:none;}
      #mod_lifeline .rc_ft div{background:none;}


      /*Bai viet*/
      #article_list_module A:hover{COLOR:#0C8B1D;}
      #article_list_module .bd{color:#000;}
      #article_list_module .bd div{background:#fff;}
      #article_list_module .bd div .main-bd{background:#fff url(http://farm4.static.flickr.com/3083/2449346042_d02d401133.jpg?v=0) no-repeat right bottom;}


      /*Module tuy chon*/
      #user_mod_10002 A:hover{COLOR:#0C8B1D;}
      #user_mod_10002 .bd div{background:#454545 url(http://us.f2.yahoofs.com/lifestory/1_AtyDWTCB7qOZ2fSRk-_2/blog/ap_20080430023310171.jpg?TTAmlGIBoNznESxB);}
      #user_mod_10002 .rc {background:none;}
      #user_mod_10002 .rc div{background:none;}
      #user_mod_10002 .rc_bd{background:none;}
      #user_mod_10002 .rc_bd div.rc_bc{background:none;}
      #user_mod_10002 .rc_ft{background:none;}
      #user_mod_10002 .rc_ft div{background:none;}

      /*Thong tin chi tiet bai viet*/
      .mod-more-blogs A:hover{COLOR:#0C8B1D;}
      .mod-more-blogs .bd div{background:#454545 url(http://us.f2.yahoofs.com/lifestory/1_AtyDWTCB7qOZ2fSRk-_2/blog/ap_20080430023310171.jpg?TTAmlGIBoNznESxB);}
      .mod-more-blogs .rc {background:none;}
      .mod-more-blogs .rc div{background:none;}
      .mod-more-blogs .rc_bd{background:none;}
      .mod-more-blogs .rc_bd div.rc_bc{background:none;}
      .mod-more-blogs .rc_ft{background:none;}
      .mod-more-blogs .rc_ft div{background:none;}

      #mod_bookmark .col-150 .bookmark .rc_1 {
      background:transparent;}

      /*Module tuy chon*/
      #user_mod_10001 A:hover{COLOR:#0C8B1D;}
      #user_mod_10001 A{COLOR:#0EE55D;}
      #user_mod_10001 .bd div{background:#454545 url(http://us.f2.yahoofs.com/lifestory/1_AtyDWTCB7qOZ2fSRk-_2/blog/ap_20080430023310171.jpg?TTAmlGIBoNznESxB);}
      #user_mod_10001 .rc {background:none;}
      #user_mod_10001 .rc div{background:none;}
      #user_mod_10001 .rc_bd{background:none;}
      #user_mod_10001 .rc_bd div.rc_bc{background:none;}
      #user_mod_10001 .rc_ft{background:none;}
      #user_mod_10001 .rc_ft div{background:none;}
      #user_mod_10001 .bd ul li {
      background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/mod-ico-li-4.gif) no-repeat scroll 2px 4px;font-size:10px;}

      /*CSS Yahoo 360 plus*/

      Chúc mọi người edit vui vẻ! Edit được sản phẩm nào đẹp share cho mọi người dùng thử nhé!

      Trích từ: http://hantinhem.tk

      Trích dẫn (0)
      Tìm tag: CSS của Yahoo 360 plus!
      Tổng cộng 2 lời bình
      Lời bình mới

      Bài viết về bạn hoặc có tag tên bạn:

      • Chưa có bài nào có liên quan.

      Người đăng ký yêu thích blog này cũng đồng thời thích:

      • Chưa có blog yêu thích nào có liên quan.