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

      Hướng dẫn làm và share một số border Y!Plus

      Thư mục: Yahoo!360plus |
      Quan trọng
      Đăng ngày: 00:09 07-12-2008
      Border của Plus thực chất là một image màu trắng,tuỳ theo thiết kế và style của bạn,bạn hoàn toàn có thể bỏ đi hoặc thay thế nó bằng một màu phù hợp hơn.

      1.Một số border mẫu chuẩn theo các màu:

      Code:


      /*  Border Cac Module */

      #friend-list .rc div, #friendlist_module .rc div, .rc div,  #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcne-blue.png) no-repeat right bottom;}
      #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcnw-blue.png) no-repeat left bottom;}
      #friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rce-blue.png) repeat-y right top;}
      #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd,  #mod-tagged-frd-article .rc_bd {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcwe-blue.png) repeat-y ;}
      #friend-list .rc_ft div, #friendlist_module .rc_ft div,  .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcse-blue.png) no-repeat right top;}
      #friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcsw-blue.png) no-repeat left top;}

      /* Border cua Blast trong suot*/
      #blast .rc_ft {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blastsw-blue.png) no-repeat left bottom;}
      #blast .rc_ft div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blastse-blue.png) no-repeat right bottom;}
      /* Ket Thuc*/



      Code:


      /*  Border Cac Module */
      #friend-list .rc div, #friendlist_module .rc div, .rc div,  #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcne-xanh-la.png) no-repeat right bottom;}
      #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcnw-xanh-la.png) no-repeat left bottom;}
      #friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rce-xanh-la.png) repeat-y right top;}
      #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd,  #mod-tagged-frd-article .rc_bd {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcwe-xanh-la.png) repeat-y ;}
      #friend-list .rc_ft div, #friendlist_module .rc_ft div,  .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcse-xanh-la.png) no-repeat right top;}
      #friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcsw-xanh-la.png) no-repeat left top;}

      /* Border cua Blast trong suot*/
      #blast .rc_ft {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blastsw-xanh-la.png) no-repeat left bottom;}
      #blast .rc_ft div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blastse-xanh-la.png) no-repeat right bottom;}

      /* Ket Thuc*/



      1.3 Border Yellow


      /*  Border Cac Module */

      #friend-list .rc div, #friendlist_module .rc div, .rc div,  #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcne-vang.png) no-repeat right bottom;}

      #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcnw-vang.png) no-repeat left bottom;}

      #friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rce-vang.png) repeat-y right top;}

      #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd,  #mod-tagged-frd-article .rc_bd {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcwe-vang.png) repeat-y ;}

      #friend-list .rc_ft div, #friendlist_module .rc_ft div,  .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcse-vang.png) no-repeat right top;}

      #friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcsw-vang.png) no-repeat left top;}

      /* Border cua Blast trong suot*/

      #blast .rc_ft {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blastsw-vang.png) no-repeat left bottom;}

      #blast .rc_ft div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blastse-vang.png) no-repeat right bottom;}

      /* Ket Thuc*/


      1.4 Border  tông nền Tím
      Code:


      /*  Border Cac Module */
      #friend-list .rc div, #friendlist_module .rc div, .rc div,  #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcne-tim.png) no-repeat right bottom;}
      #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcnws-tim.png) no-repeat left bottom;}
      #friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div .rc_bc, .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rce-tim.png) repeat-y right top;}
      #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd,  #mod-tagged-frd-article .rc_bd {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcwe-tim.png) repeat-y ;}
      #friend-list .rc_ft div, #friendlist_module .rc_ft div,  .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcse-tim.png) no-repeat right top;}
      #friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcsw-tim.png) no-repeat left top;}

      /* Border cua Blast trong suot*/
      #blast .rc_ft {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blastsws-tim.png) no-repeat left bottom;}
      #blast .rc_ft div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blastse-tim.png) no-repeat right bottom;}
      /* Ket Thuc*/


      1.5 Border cho tông nền đen
      Code:


      /*  Border Cac Module */
      #friend-list .rc div, #friendlist_module .rc div, .rc div,  #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(      http://i292.photobucket.com/albums/mm19/themesplus2000/rcnejp6.png) no-repeat right bottom;}
      #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(      http://i292.photobucket.com/albums/mm19/themesplus2000/rcnwsp7.png) no-repeat left bottom;}
      #friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div .rc_bc, .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc {background:transparent url(      http://i292.photobucket.com/albums/mm19/themesplus2000/rcemv1.png) repeat-y right top;}
      #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd,  #mod-tagged-frd-article .rc_bd {background:transparent url(      http://i292.photobucket.com/albums/mm19/themesplus2000/rcwew9.png) repeat-y ;}
      #friend-list .rc_ft div, #friendlist_module .rc_ft div,  .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent url(      http://i292.photobucket.com/albums/mm19/themesplus2000/rcseqp1.png) no-repeat right top;}
      #friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent url(      http://i292.photobucket.com/albums/mm19/themesplus2000/rcswhs6.png) no-repeat left top;}

      /* Border cua Blast trong suot*/
      #blast .rc_ft {background:transparent url(      http://i292.photobucket.com/albums/mm19/themesplus2000/blastswso7.png) no-repeat left bottom;}
      #blast .rc_ft div {background:transparent url(      http://i292.photobucket.com/albums/mm19/themesplus2000/blastseai6.png) no-repeat right bottom;}
      /* Ket Thuc*/

      -Lưu ý: Code trên đã bao gồm trang trí cho Blast,nếu bạn không thích có thể bỏ phần Blast đi
      2.Cách làm và code chuẩn
      2.1 Dạng đơn giản

      Code:



      /*  Border Cac Module */
      #friend-list .rc div, #friendlist_module .rc div, .rc div,  #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(Thay link 5x5) repeat-xright bottom;}
      #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(Thay Link 5x5) no-repeat left bottom;}
      #friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc {background:transparent url(Thay Link 5x5) repeat-y right top;}
      #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd,  #mod-tagged-frd-article .rc_bd {background:transparent url(Thay link 5x5) repeat-y ;}
      #friend-list .rc_ft div, #friendlist_module .rc_ft div,  .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent url(Thay Link ảnh 5x5) repeat-x right top;}
      #friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent url(Thay Link ảnh 5x5) no-repeat left top;}



      -Bạn có thể dùng PhotoShop hoặc các phần mềm chỉnh sửa ảnh để thiết kế cho mình một cái Border ưng ý,cỡ 5x5 px nha

      2.1 Dạng nâng cao
      Code:



      /*  Border Cac Module */
      #friend-list .rc div, #friendlist_module .rc div, .rc div,  #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(Thay link  viền trên) no-repeat right bottom;}
      #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(Thay Link Viền bên Fải) no-repeat left bottom;}
      #friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc {background:transparent url(Thay Link nút bên trái fía trên) repeat-y right top;}
      #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd,  #mod-tagged-frd-article .rc_bd {background:transparent url(Thay link ảnh Viền bên trái) repeat-y ;}
      #friend-list .rc_ft div, #friendlist_module .rc_ft div,  .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent url(Thay Link ảnh Viền Dưới) no-repeat right top;}
      #friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent url(Thay Link ảnh nút trái fía dưới) no-repeat left top;}


      Phần này có vẻ chi tiết hơn phần trước vì bạn phải thiết kế nhiều ảnh border
      Kích thước:
      2 đường viền ngang : 1024 x 5
      2 đường kẻ dọc : 5 x 10
      2 nút bên trái góc trên và dưới khung : 5 x 5

      (Cả cái của tớ nữa nhờ =))

      4.Không dùng Border nhấn vào đây

      5.Dành cho bạn chưa biết chèn code này vào đâu

      -Nhấn vào chữ thiết kế nhé,chọn theme,chế độ tự sửa,CSS,copy rồi chèn code vào đó

      -Lưu ý: Đây chỉ là một số border mẫu,nếu muốn đẹp,có phong cách riêng bạn phải tự thiết kế

      -Khi chèn code CSS vào Blog nên backup CSS đã có trước đó,copy ra notepad hoặc word,tránh trường hợp rủi ro.

      HTML clipboard

      http://thatlongyeuem.somee.com/blog/uploads/200810/11_204108_hayl986187.jpg

       

      Copyright by Tam Thiếu Hiệp'sblog

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

      Trích dẫn (0)
      Tìm tag: Hướng dẫn làm và share một số border Y!Plus

      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.