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: Blog Plus |
      Đăng ngày: 03:12 12-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 bài viết thuộc về W.Dephia's Blog - dephia.tk, vui lòng ghi rõ nếu sử dụng lại nhé !!)




      Xem Thêm

      Dành cho New Blogger
      Kĩ Thuật Cơ Bản [Phần 2]
      Chèn Hiệu Ứng Flash Vào Blog
      Chèn Nhạc, Tạo List Nhạc Cho blog 360 Plus
      Share Theme
      Cách chuyển Theme từ 360themes sang Plus
      Cài Theme, Post Nhạc, Ảnh vào Blog
      Sửa lỗi Font chữ, màu chữ bị nhoè khi làm trong suốt
      Thay màu link, chữ tại các Module
      Tổng Hợp Code Dành Cho CSS WorkShop
      Làm Blog Trong Suốt Hoàn Toàn
      Thêm biểu tượng ngăn dòng Module Bài Viết
      Làm Trong Suốt và Thay nền Comment
       [Share] Theme Xmas
      [Share] Nền Blast trong suốt
      [Hướng dẫn] Thiết kế Mod Profile
      [Share] nền Module Profile
      Hiệu ứng Avatar cho Friend list Module
      Làm Ảnh nền trong suốt với PhotoShop
      Thủ Thuật Làm Biến Mất Tên Module
      Khắc phục lỗi không thể Trong Suốt và Thay nền Module
      Hiệu ứng Blink và các tùy chỉnh cho chữ
      Support for Computer!
       
      Author: [W].Dephia - 12/06/2009 - Copyright © 2009.
      *Please ask for permission before copying this.

      Trích dẫn (1)
      Tìm tag: trongsuốt, cómàu, thaynền, blogplus
      Tổng cộng 512 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.