Trang chủ Liên hệ Sơ đồ  
 
Trang chủ 1001 Mẫu Web Thiết kế Web Lập trình Quản trị Web Web & Hosting Hình nền Blog Icon & Logo
 
 
     
       Mẫu web mới nhất
Xem | ID: 9360
Xem | ID: 2118
HƯỚNG DẪN LÀM BLOG
Làm blog sinh động hơn với code css
(Thứ Sáu, 29/01/2010-2:06 PM)
Cách làm như sau:các bạn vào : thiết kế----themes---chế độ tự chỉnh sửa----và kéo thanh trượt xuống khung css và điền các đoạn code css mình kiếm đươc ở dưới đây vào :nhớ là kiếm những tấm ảnh mà bạn thích điền vào các link ở dưới nha!!cách lấy link ảnh như sau bạn tìm một tấm ảnh mà bạn thích trên mạng sau đó phải chuột vào tấm ảnh chọn properti và link tấm ảnh sẽ có dang( http://...) các bạn copy các đương link trên và dán vào các đường link trong mã css nha!(hoặc các bạn có  thể lấy luôn link ảnh của các tấm ảnh của mình tìm về  ở dưới cũng được ) nếu như các ban thích (chú ý là sau mỗi mã css thì các ban nhớ nhấn enter nha! và và sau mỗi lần điền code bạn nên đăng rồi điền code khác nha! để tránh trường hợp không câp nhật đươc css bạn điền.
  • CSS tạo hình nền cho khung có tấm ảnh của bạn :

           #profile_highlight .bd{BACKGROUND:#FFFFFF url(link hình);}

  •  Ảnh nền của bộ đếm Statistic:(cái khung đếm số người vào blog của bạn)#statistic .bd {background:#FFFFFF url(link hình);}
  • Ảnh nền của phần lịch:
    #calendar .bd {background:#FFFFFF url(link hình);}
  •  hình nền bản tin nhắn:
    BODY.guestbook {BACKGROUND:url(link hình) #000000 fixed;}
  •  hình nền cho bản comments:
    #comment_new .bd {background:#FFFFFF url(link hình);}
  •  hình nền cho tiêu đề bài viết :
    .mod-alist-full .main-hd{background:#FFFFFF url(link hình)fixed;}
  • để làm hình nền chính cho blog , ta dùng code như sau:(hình nền to nhat trong blog cua bạn)
    BODY.blog_my {BACKGROUND:url(link hình nền) #000000 fixed;}
  • Chèn hình nền cho tựa đề Entry:
    .mod-alist-full .main-hd{background:#FFFFFF url(link ảnh here)}
  • Chèn hình nền cho nội dung Entry:(nội dung bài viết của bạn)      

          .mod-alist-full .main-bd{background:#FFFFFF url(link ảnh here)}

  • Thay hình nền cho tất cả các nội dung của module phụ (các module nhỏ, module con):
    .col-150 .rc_bd .rc_bc .bd /* JW */
    {background:transparent url(Link ảnh here);color:#FFFFFF;}

          Code làm trong suốt cho các module chính và module phụ

  • Đoạn code sau sẽ làm trong suốt nền cho các module chính và phụ ở blog bạn
    .col-150 .rc_bd .rc_bc .bd {background:transparent;}
    .col-600 .rc_bd .rc_bc .bd {background:transparent;}
    .row-920 .rc_bd .rc_bc .bd {background:transparent;}

    Chú thích: thông số 150 là cho module nhỏ, 600 là module chính to (ví dụ như mục bài viết của bạn), và 920 là module to nhất trong blog bạn, nếu bạn ko muốn module nào trong suốt thì bỏ cái dòng làm trong suốt của module đó đi.
  •  Còn đây là code làm nền tiêu đề module trong suốt
    .col-150 .rc_bd .rc_bc .hd .titlebar .hd,.col-150 .rc_bd .rc_bc .hd .titlebar{background:transparent;}
    .col-600 .rc_bd .rc_bc .hd .titlebar .hd,.col-600 .rc_bd .rc_bc .hd .titlebar{background:transparent;}
    .row-920 .rc_bd .rc_bc .hd .titlebar .hd,.row-920 .rc_bd .rc_bc .hd .titlebar{background:transparent;}

                Đối với module tự tạo
1. Code làm trong suốt nền tiêu đề:
 #user_mod_1000X .rc_bd .rc_bc .hd .titlebar .hd,#user_mod_1000X

            .rc_bd .rc_bc .hd .titlebar{background:transparent;}                                    đối với module tự tạo trên cac ban điên số thích hợp vào nha!điền vào  dấu x đó nha   từ 1 den 10 tương úng với 10 module tự tạo(cách tạo modul tự tạo như sau:thiết kế ---themes----chế độ tự chỉnh sửa----chọn môt module tự thiết kế --chon vi trí đặt module là xong)

  • Code làm trong suốt nền module:
    2.  #user_mod_1000X .rc_bd .rc_bc .bd {background:transparent;}

    Code làm trong suốt một số module khác

  •  Module tâm trạng
    a/   #mod_lifeline div.bd, #mod_lifeline div.rc_bc {background:transparent!important;}
  • Module friendlist
  •    #friendlist_module .rc_bd .rc_bc .hd .titlebar .hd{background:transparent;}
  • Làm trong suốt blast 
  • #blast .rc_bc .bd{background:transparent;}
    #blast .rc_ft, #blast .rc_ft div{background:transparent no-repeat left top;} #blast .rc div {background:transparent ;}
    #blast .rc {background:transparent ;}
    #blast .rc_bd div.rc_bc {background:transparent ;}
    #blast .rc_bd {background:transparent ;}
    #blast .rc_ft {background:transparent ;}
    #blast .rc_ft div {background:transparent ;}
  • Làm trong module tên blog 
          #blog_title .bd{background:transparent}
  •  Làm trong suốt tổng số trang (dưới entry)
    .mod-alist-summary .pagination, .mod-alist-full .pagination{background:transparent}
  • Làm trong suốt nền cmm (khung bình luận của bài viết)
    .cmt-mod-alist #comments-listing .extend-hd, .cmt-mod-alist #comments-listing .extend-bd .alist-comment {background:none;}
    .alist-comment #comment_container *, .cmt-mod-alist #comments-listing , .cmt-mod-alist #comments-listing .alist-comment {background:none;}
    Chú thích: Code này chỉ nên sử dụng khi blog bạn thiên về một background lớn bao quát toàn blog, và thiên về sử dụng trong suốt các module
  • Làm trong suốt viền các module
    #friend-list .rc div, #friendlist_module .rc div, .rc div,.col-150 .rc div {background:transparent ;}
    #friend-list .rc, #friendlist_module .rc, .rc,.col-150 .rc {background:transparent ;}
    #friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc,.col-150 .rc_bd {background:transparent ;}
    #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd,.col-150 .rc_bd div.rc_bc {background:transparent ;}
    #friend-list .rc_ft div, #friendlist_module .rc_ft div, .rc_ft div, .col-150 .rc_ft div {background:transparent ;}
    #friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, .col-150 .rc_ft {background:transparent ;}
Theo Myblog

"1001 Templates +Themes + Ebook về Download miến phí" www.thegioiweb.vn


 In bài này  Gửi bài viết
    [ Các bài mới ]
    [ Các bài đã đăng ]

    Download phần mềm 
    được ưa dùng  nhất