Bài mới nhất

Sửa Đóng
Thư mục: Design Blog Plus |
Quan trọng
Đăng ngày: 11:58 11-12-2008
   

Bạn có muốn tạo cho mình 1 Border đặc biệt, khác với Border màu trắng tẻ nhạt Yahoo mặc định cho bạn ko ???
Nếu muốn thì làm theo cách sau nhé :

Copy đọan Code sau vào CSS :

1> Đối với Border dài :

Code:
#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ể tự thiết kế bằng PTS với khung hình như sau :

  • 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

(Nguồn : Blog Vũ Nguyễn)

2> Đối với Border ngắn ( ảnh 5x5 )

Nếu thấy khó hiểu, bạn có thể chỉ cần làm 1 hình kích thước 5 x 5 thôi vào bỏ vào Code hết sau sửa lại thành như vầy :
Code:
#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 left top;}


. Các ảnh 5x5 thì rất dễ tạo, có thể cắt từ các hình động, hay viền đẹp nào đó .Hơi đơn điệu xíu nhưng ... có còn hơn ko

[Share] thêm 10 bộ Border cho Blog !!!

sau (50)
  • a ơi....làm thế nào để thay đổi kík thước Border hả a ?? e làm đc r`....nhưg nó bé tí...tìm k thấy fần thay kík thước
  • a oi e lam ma ko thay gi het ne a oi chj e voi
  • Báo cáo

    trangkute 23:42 01-11-2009

    sao minh lam mai k dc

    no van la dg vien cu  the

    no cung chang thong bao gi het

     

  • thay vien ban trai fai j` dok la = link nao`??
  • Báo cáo

    ngochan 09:24 27-10-2009

    hong hieu gi het tron
  • ah hok hiu j het

    a chi can ke hon dc hok

    thanks a lot

  • Báo cáo

    Angelinh 19:23 20-09-2009

    chào cả nhà mình vừa làm xong vài cái viền khung cho blog cute lắm đó nha!

    下一張(熱鍵:c)    下一張(熱鍵:c)    下一張(熱鍵:c)

    bạn nào thích thì vô blogn mình coppy code nha!


  • Báo cáo

    banmaixanh_ntkn 17:00 19-09-2009

    anh oi* em chang?hieu^?j` ka? huhuhuhuhu
  • Báo cáo

    ng0c'^ 14:35 19-08-2009

    Em lAm dc r0y`
  • Báo cáo

    ng0c'^ 14:35 19-08-2009

    Em lAm dc r0y`
  • cai' dkm toan` luu` x-( , tao lam` ro^k` deo' tha^y' cai' ri` ca? ..... :-@ www.
  • code trên sai rùi nhìn kỷ code ở dưới nha.....

    #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 nút 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 bên phải) repeat-y right top;}

     Ko nhất thiết cần boder 1024x5, 5x10, nút bên trái và bên phải.....
    1 boder ....x5 (.... là tùy ý)
    1 boder 5x.... (.... là tùy ý)
    nút bên trái,bên phải ko có cũng được
    lúc đó ta sửa 1 chút lại cái code trên


    #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) repeat center bottom;} #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent;} #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 bên phải) 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) repeat center top;} #friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent;}
  • Báo cáo

    care_h66722 12:07 12-08-2009

    a oi, e lam mai~ ma sao mai~ hem dc,no' cu*' ra dong` chu*~ :"rat tiec hay ko cap nhat dc ha`,chi~ ro~ jup' e vs

    THANKS!

  • Báo cáo

    care_h66722 12:04 12-08-2009

    a oi,e lam mai~ roy` ma sao hem dc,han cu*' ra dong chu~:''ko cap nhat dc hay la rat tiec mai ha`,chi~ ro~ cho e vs

    THANKS!

  • Báo cáo

    komachi 19:41 11-08-2009

    Sao ban biet may cai nay vay. Hay lam!
  • Báo cáo

    Đỗ Hà Trang 13:30 31-07-2009

    nè!
    mình mún hỏi chút ;)
    nếu mình muốn chỉ làm code viền cho 1 modun (ví dụ: modun thư mục riêng)
    thì  lấy đoạn nào?
  • Báo cáo

    Ppj lUv 20:05 27-07-2009

    cho e hoj~ kaj may duong vien do minh faj~ kiem hinh do o~ dua
  • sao em khng lam dc chj giup em voi

  • Báo cáo

    all_stars 01:56 13-07-2009

    thanks ban , minh` lam` dc ui` ma` sao ben fia' cot. trai' ko thay' duog` vien` T__T , ma^t' 1 ben nhin` ki` wa'
  • Bạn làm ơn chỉ cho mình cách làm border cho module tu tạo được hok zạ

    thanks bạn trước !!!!!!

  • Báo cáo

    ¶²é…NgỐ 15:24 09-07-2009

    ũa anh pék làm kái hình nền = hình mỳnh hok…!!!

    Báo cáo

    plusconnect16:06 09-07-2009

    em làm hình cho em , rùi up hình lên trang webnào đó, em lấy liên kết hình bỏ vào code là xong mà
  • Báo cáo

    mr.Pr0 13:40 09-07-2009

    cho mjnh` hoi? vo*I" : vj` sao minhf thay CSS mo*i' thi` CSS cu~ lai. ma^T' ??? tra? lo*i` jup' mjnh` nha
    Báo cáo

    plusconnect14:43 09-07-2009

    bạn phải enter xuống hàng để chép thêm css, chứ ko phải bạn xóa đi nhe. Css cho phép nhìu code mà, nên cứ enter xuống hàng và chép thui
  • Bạn có thể cho mình code làm mất viền Module hok? Thax nhìu nhìu
    Báo cáo

    plusconnect14:44 09-07-2009

    vào entry này xem phần làm border trong suốt nhé Transparent (Trong suốt) tổng thể cho blog
  • Báo cáo

    kyanhphuong 12:34 07-07-2009

    ac

  • Mọi người ơi, có ai biết cái trang jì jì : bioo.com hay sao ế. Nó là trang    cũng tạo đ chữ nghệ thuật, nó có cả đường viền nhưng cóp mã HTLM hay sao ế. TỚ ko biết nói kiểu jì. Ai biết thì chỉ lại cho tớ nhé. Hôm nọ tớ vào. Quên xừ tên. CHán
  • Báo cáo

    nguyentrongbang9x 21:46 21-06-2009

    Thanks nhé, em làm đc rồi.
    Xem border của em tạo nè, chỉ 1 pixel (giả mạo thôi):

    #friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(http://i541.photobucket.com/albums/gg400/nguyentrongbang9x/blog360lus/border1024x5trencopy.png) no-repeat right bottom;}#friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://i541.photobucket.com/albums/gg400/nguyentrongbang9x/blog360lus/border5x5l.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://i541.photobucket.com/albums/gg400/nguyentrongbang9x/blog360lus/border5x10.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://i541.photobucket.com/albums/gg400/nguyentrongbang9x/blog360lus/bordervientraicopy-1.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://i541.photobucket.com/albums/gg400/nguyentrongbang9x/blog360lus/border1024x5duoicopy-1.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://i541.photobucket.com/albums/gg400/nguyentrongbang9x/blog360lus/border5x5r.png) no-repeat left top;}

    Xem demo border của em: http://vn.myblog.yahoo.com/nguyentrongbang9x
  • Báo cáo

    rim 12:22 21-06-2009

    ban oi cho minh` hoi chut'

    thay may cai link vien` thi` lay o dau ban

    chi min`h nha h`ih`i

  • Báo cáo

    hoahongutuyet_a1 23:35 15-06-2009

    anh  có thể copy cái code mà làm trong suất toàn bộ blog giúp em không hoặc cách làm trong suất nền bài viết cũng được ,em mò mãi mà không tìm ra ,nhớ giúp em sớm nha.thank trước

          

  • mình mún tạo 1 boder có kích thước lớn hơn thì làm sao bạn
  • hok biet lam ne ? chi ro hon chut di nha
  • Báo cáo

    Lil-♥x4 4ever 12:37 09-06-2009

    hixx hixx bạn ơi dạy mìk cák làm boder độg đi :)

  • PC ui, em lam dc border zu`i, nhu*ng seo cai' vien` ben trai' cua em cu' chay dau mat' zay^ choi`, ma` lem` dung' roi` chu' bo^. T___________T
  • Báo cáo

    Ti 13:57 01-06-2009

    Nếu muốn border ngắn hơn nữa thì để ảnh 3x3 hoặc 2x2 được ko??? Tks!
    Báo cáo

    plusconnect15:44 01-06-2009

    dc bạn ơi..miễn sao nhõ hơn 5px là dc hết.,..bạn làm to hơn nó sẽ ko nhìn thấy hết viền..!!
  • Báo cáo

    bachdienthusinh 16:27 24-05-2009

    Thanks Plusconnect.

     

  • Báo cáo

    bachdienthusinh 16:22 24-05-2009

    Mình boder được rồi. Thanks Plusconnect.
  • Báo cáo

    Tommy Liu 16:10 24-05-2009

    Chao ban!
    Minh cung moi chuyen qua Plus sau khi nghe tin 360 sap dong cua. Minh dang tim hieu Plus va co nhieu thac mac nhung hau nhu so luong nguoi biet css khong phai la nhieu nen neu co gi ko biet mong ban giup do duoc chu? Add Blog nhe! Cam on ban nhieu.
  • Báo cáo

    Kiss The Rain 23:46 18-05-2009

    a ui , e lam dc rui ~ sao co may cho bi cat vay? A giup e di
  • anh oi cho em hoi cai CSS La zy vay anh.Em tim mai ma ko thay.Con nua anh oi cai Sửa ở Module Tên Blog   la o dau vay anh em kiem hoai ko ra >.< anh chi cho em di
  • Báo cáo

    Tha Da 22:21 28-04-2009

    Chị cho em xin module luôn đi chị ơi, giống của chị đó, em mới lập blog mà bắt em thay link em ko hiểu gì hết trơn chị àh
  • Báo cáo

    Tha Da 22:21 28-04-2009

    Chị cho em xin module luôn đi chị ơi, giống của chị đó, em mới lập blog mà bắt em thay link em ko hiểu gì hết trơn chị àh
  • Báo cáo

    tinhlinhtinh_002 16:56 19-04-2009

    chi oi thay linh anh nut' phia' duoi' &thay linh anh nut' phia' tren la gi` vay

    tra loi cho em nhanh len nha

  • Báo cáo

    surprise_pl 02:01 31-03-2009

    muon thay linh vien tren va linh vien duoi  va 2 ben
    thi nhung linh vien do minh lay o dau
    sao minh lam mai ko duoc
    co the chi ro mot chut duoc ko cam on nhiu
    Báo cáo

    plusconnect09:26 31-03-2009

    để chuột lên hình , chọn phải chuột , nhấn properties, sẽ copy phần url là link hình ảnh đó em
  • Báo cáo

    surprise_pl 05:03 27-03-2009

    cha cha
    bai nay kho qua to lam mai ma van ko duoc hixxx

    Báo cáo

    plusconnect11:29 27-03-2009

    kiên nhẫn chút em..1^^
  • Báo cáo

    YuMe'sBlog 03:33 21-02-2009

    thank ban nha blog ban nhieu` thu thuat cho blog vay ko biet ban kiem dau ra nhieu the ^^ minh` cung muon hoc nhung cai na`y ma` hok co ai day hihi
    Báo cáo

    plusconnect10:19 21-02-2009

    nếu bạn ở Hn , thì sắp tới 28/2 có offline tại Hn về hướng dẫn tạo blog và css, chi tiết xem thêm tai trang chính của PLus Connect nhé
  • Báo cáo

    plusconnect10:34 10-02-2009

    chúc vui..!!^^
  • Báo cáo

    bachdienthusinh 12:10 04-02-2009

    Cám ơn bạn nhìu lắm. Nhưng làm sao chỉnh sửa bề dày của border? Giúp giùm nha Plusconnect!
    Báo cáo

    plusconnect12:29 04-02-2009

    bề dày của Plus mặc định là 5px, nếu bạn muốn nó mỏng hay dày,thì bạn tạo 1 hình có là 5px, nhưng nét vẽ bên trong nhỏ lại ..miễn sao nằm vừa hoặc nhỏ hơn 5px, upload hình lên và thay thế link là dc..
  • Báo cáo

    Trần Phú Khang 13:04 31-01-2009

    Cảm ơn bạn nha ! Mời bạn vào blog của mình chơi tí nha ! mình rất hân hạnh được đón tiếp bạn!
    Báo cáo

    plusconnect19:05 31-01-2009

    thanks..!!^^
sau (50)

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.