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

      Cách Làm Nền Module Trong Suốt Có Màu - [Share] Nền Trong Suốt

      Thư mục: Design Blog Plus |
      Quan trọng
      Đăng ngày: 14:48 22-06-2009
      Có nhiều bạn thắc mắc về phần làm nền blog trong suốt nhưng có màu giống như blog mình. Dạo này nhiều comment tương tự như vậy quá, mà giải thích thì cũng chỉ là giải thích cách làm, tuy nhiên có thể một số bạn ko biết cách làm, hoặc ko biết dùng các chương trình chỉnh sửa ảnh để làm nền, vì thế hôm nay mình hướng dẫn luôn cho các bạn vậy !




      1 - Giải thích về cách làm nền trong suốt có màu :

      • Thực ra đây cũng chỉ là dùng ảnh nền màu để làm nền cho các Module thôi. tuy nhiên, các nền này được giảm độ trong suốt (transparent) với một giá trị nhất định, nên vừa có màu , vừa trong suốt. Cách làm nền này với Photoshop các bạn có thể xem ở Đây !


      2 - Về Code, do chỉ là code thay nền nên có thể dùng Code sau:

      Dùng Code sau cho vào CSS ( Thiết Kế > Theme > Tự Chỉnh Sửa > CSS ), thay link ảnh nền vào trước nhé !

      Code:
      .col-150 .rc_bd  .rc_bc .bd {background:transparent url(Link Ảnh Nền Trong Suốt)}


      Code:
      .col-600 .rc_bd  .rc_bc .bd {background:transparent url(Link Ảnh Nền Trong Suốt)}


      Các bạncó thể thay Tên_Module trong đoạn code bên dưới bằng tên các Module tương ứng :

      Code:
      Tên_Module .rc_bd  .rc_bc .bd {background:transparent url(Link Ảnh Nền Trong Suốt)}


      • #article_new : Module Bài Viết Mới
      • #statistic :  Module Thống Kê
      • #guestbook_entries :  Module Bình Luận Nhanh
      • #search_module :  Module Tìm Kiếm
      • #folder : Module Thư Mục
      • #comment_new : Module : Bình Luận Mới
      • #calendar :  Module Lịch
      • #update_date :  Module Cập Nhật
      • #profile_highlight :  Module Profile
      • #gallery_list :  Module Hình Ảnh Trong Blog
      • #article_list_module :  Module Bài Viết
      • #friendlist_module :  Module Friend List
      • #mod_lifeline :  Module Tâm Trạng
      • #subscribe_highlight :  Module blog Yêu Thích
      • #user_mod_1000X :  Module Tự Tạo, X là số thứ tự từ 1 đến 10 của các Module


      3 - Share Một Số Nền Màu Trong Suốt:

      Do một số điều kiện nhất định, có một số bạn ko thể tự làm các nền trong suốt này, vì thế mình làm sẵn một số nền trong suốt có màu, các bạn có thể đem về sửa dụng, trang trí cho blog mình theo sở thích cá nhân nhé !

      Đây là một số nền mình làm sẵn, các bạn có thể download về, sau đó up lên host ảnh của mình để tránh hiện tượng hết bandwidth do dùng chung link ảnh nhé ! Sau khi up ảnh, bạn lấy link Direct và cho vào Code ở phần 2 nhá !




      • Cách Save Ảnh : Click chuột phải vào ảnh mình chọn, chọn Save Image As hoặc Save Picture As để save ảnh về nhá !


      4 - Share Hình Nền kèm Code :

      Nếu cảm thấy không muốn tự mình up ảnh, bạn có thể dùng code làm sẵn ở dưới đây
      Lưu ý : Mình làm sẵn code cho toàn bộ các Module nhé !




      Code:
      .col-150 .rc_bd  .rc_bc .bd,.col-600 .rc_bd  .rc_bc .bd {background:transparent url(http://img291.imageshack.us/img291/3343/52359814.png)}




      Code:
      .col-150 .rc_bd  .rc_bc .bd,.col-600 .rc_bd  .rc_bc .bd {background:transparent url(http://img269.imageshack.us/img269/1198/72466686.png)}




      Code:
      .col-150 .rc_bd  .rc_bc .bd,.col-600 .rc_bd  .rc_bc .bd {background:transparent url(http://img81.imageshack.us/img81/5443/91767680.png)}




      Code:
      .col-150 .rc_bd  .rc_bc .bd,.col-600 .rc_bd  .rc_bc .bd {background:transparent url(http://img8.imageshack.us/img8/8499/47693722.png)}




      Code:
      .col-150 .rc_bd  .rc_bc .bd,.col-600 .rc_bd  .rc_bc .bd {background:transparent url(http://img132.imageshack.us/img132/3039/32336448.png)}




      Code:
      .col-150 .rc_bd  .rc_bc .bd,.col-600 .rc_bd  .rc_bc .bd {background:transparent url(http://img188.imageshack.us/img188/3606/49523840.png)}




      Code:
      .col-150 .rc_bd  .rc_bc .bd,.col-600 .rc_bd  .rc_bc .bd {background:transparent url(http://img188.imageshack.us/img188/7918/76988511.png)}




      Code:
      .col-150 .rc_bd  .rc_bc .bd,.col-600 .rc_bd  .rc_bc .bd {background:transparent url(http://img191.imageshack.us/img191/2484/57127653.png)}




      Code:
      .col-150 .rc_bd  .rc_bc .bd,.col-600 .rc_bd  .rc_bc .bd {background:transparent url(http://img191.imageshack.us/img191/2484/57127653.png)}




      Code:
      .col-150 .rc_bd  .rc_bc .bd,.col-600 .rc_bd  .rc_bc .bd {background:transparent url(http://img193.imageshack.us/img193/3180/40659371.png)}




      Code:
      .col-150 .rc_bd  .rc_bc .bd,.col-600 .rc_bd  .rc_bc .bd {background:transparent url(http://img200.imageshack.us/img200/4092/29884623.png)}




      Code:
      .col-150 .rc_bd  .rc_bc .bd,.col-600 .rc_bd  .rc_bc .bd {background:transparent url(http://img81.imageshack.us/img81/6030/10325834.png)}




      Code:
      .col-150 .rc_bd  .rc_bc .bd,.col-600 .rc_bd  .rc_bc .bd {background:transparent url(http://img8.imageshack.us/img8/8476/79534321.png)}




      Code:
      .col-150 .rc_bd  .rc_bc .bd,.col-600 .rc_bd  .rc_bc .bd {background:transparent url(http://img132.imageshack.us/img132/118/24791923.png)}




      Code:
      .col-150 .rc_bd  .rc_bc .bd,.col-600 .rc_bd  .rc_bc .bd {background:transparent url(http://img188.imageshack.us/img188/1631/55792414.png)}

      Code được thay vào CSS nhé : Thiết kế > Theme > Tự Chỉnh Sửa > CSS


      Ok, vậy là xong . Các bạn nhớ đọc kĩ nội dung Entry trước khi có thắc mắc nhé !!

      Bản quyền  thuộc về Plus Connect - W.Dephia's Blog - dephia.tk
      Trích dẫn (0)
      Tìm tag: blog, module, nen, mau, transparent, blog, plus
      Tổng cộng 66 lời bình
      sau (50) sau (50)
      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.