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

      Tạo border(đường viền)động cho blog(hot!)

      Thư mục: Thủ thuật |
      Quan trọng
      Đăng ngày: 16:39 22-06-2009
         Hôm nay,bỗng nhiên mình nhớ ra một thủ thuật rất hay,"Làm border động cho blog",ở một bài trước mình có hướng dẫn các bạn làm đường viền tĩnh cho blog nhằm thay thế cái đường viền cũ rích,tẻ nhạt,chẳng có phần hấp dẫn!Ở bài này,mình sẽ chỉ các bạn làm boder động,đẹp và lạ mắt hơn.
         Bắt đầu vào việc nhé!
      1/Code làm border kiểu ngắn(ảnh 5x5):

      ___________________________________________

      #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 ảnh 5x5) repeat-x right bottom;} #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(Thay link ảnh 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 ảnh 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 ảnh 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 lef


      _____________________________________________________
      2/Border này cũng gần giống như border ảnh 5x5 nhưng với code này,bạn phải làm dòng do hơn một chút như phải thay link ảnh phải,trái,dưới,trên,kích thước phải khác nhau:

      __________________________________________

      #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;}


      ________________________________________
      Còn các ảnh border,bạn có thể chỉnh sửa,thiết kế bằng soft với khung hình dạng như sau nhé:
      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òn bên dưới đây là một số mẫu border động và border tĩnh cho code dạng 5x5:

      Bản quyền bài viết thuộc vềDâu Tây'sBlog
      Bài viết có tham khảo của       [™Khoctham_boy05™] ¶+KuHồn_CôĐơn+¶ +»(¯`v´¯)»+
      Trích dẫn (0)
      Tổng cộng 3 lời bình
      Lời bình mới