Chèn hình nền vào các đề mục
Tạo 1 file hình có kích thước khoảng 35 x 30px
Code:
Code: |
.hd { text-align:right; background-image: url(link hinh); font-weight:bold; padding:7px; color: #ffffff; /* Màu của các đề mục */ background-color:#FFFFFF; /* màu nền các đề mục (ko quan trọng) */ }
|
Đổi màu các button trong Mash
Code:
Code: |
#ypf-guestbook input, #ypf-add-mod input, input.button { background:#000000; /* màu của button*/ border:none; color:#FFF; padding:2px 4px; margin-right:2px; width:auto !important; font-weight:bolder; } |
Các bạn cũng có thể chèn hình vào các button (nếu thích màu dùng gradient)
Code:
Code: |
#ypf-guestbook input, #ypf-add-mod input, input.button { background:#ffffff url(link hinh) left top repeat-x; border:none; color:#FFF; padding:2px 4px; margin-right:2px; width:auto !important; font-weight:bolder; } Đổi màu, cỡ chữ của tuổi và giới tính (dưới nick name)
Code: #age.age, #sex.gender { color: #f58f03; /*màu chữ*/ font-size: 14px; /* cỡ chữ*/ font-weight:bold; }
|
Chèn hình nền vào module nick name (làm no nổi bật chút)
Code:
Code: |
.user-info { background:url(link hình)repeat; } |
Bạn chèn code này vào CSS để có được section trong suốt:
Code:
Code: |
.mod { border:1px solid #000000; /* Màu của khung */ }
.mod .x1 { background:#fafdff; /* Màu nền section */ opacity:0.1; /* Độ trong suốt, gái trị càng nhỏ thì càng trong suốt */ filter:alpha(opacity=10); /* Giá trị trong suốt, cái này tỉ lệ với độ trong suốt bên trên nếu trên là 0.1 thì dưới là 10, 0.2 : 20, 0.3:30... */ display:block; } |
Nếu bạn chỉ cần đóng khung cho các section thôi thì chỉ cần chèn code sau:
Code:
Code: |
.mod { border:1px solid #000000; /* Màu của khung */ } Blog ko sử dụng CSS,chỉ đơn giản trong Module Color ko chọn màu nào và mặc định sẽ là trong suốt. Nhưng dùng CSS sẽ dễ tùy biến hơn sau này. |
Đổi màu module khi mouse over
Code:
Code: |
.mod-content:hover { background: #fcdfff; /* Mã màu /* } |
Hoặc thay màu bằng hình ảnh
Code:
Code: |
.mod-content:hover { background:url(http://fc02.deviantart.com/fs11/i/2006/195/f/7/Background_Tile_01_by_Starlet96x.gif) /* Link ảnh /* } |
Cũng có thể kết hợp cả 2.
Code:
Code: |
#age.age { display: none; } |
Nuôi và thay pet mà ko cần grab cái pimpmypet về làm gì cho tốn đất trong mash, chỉ cần bạn chèn code này vào còn khi thay hình pet khác thì cũng chỉ việc đổi link hình lẫn bổ sung dài, rộng của hình đó là xong .
Code:
Code: |
} div#ypf-pet .bd img { background:url(link hình của pet) transparent no-repeat bottom left; width:0px; height:0px; padding:166px 142px 0px 0px; { /* Phần này nhớ điền đủ, cái đầu tiên là chiều cao còn cái thứ 2 là chiều rộng của pet, ko điền nó thì pet sẽ bị thiếu trước hụt sau */ } |
Đổi màu chữ cho câu nói mới nhất trên blurt
Code:
Code: |
} #ypf-blurt .nickname,#ypf-blurt .blurt-msg { font-size:105%; font-style:italic; font-weight:strong; color:#00BADF; /* thay thế code màu này theo ý thích*/ }
|
Cần đổi màu chữ và font thì xài code:
Code:
Code: |
h3 { font-family:Words of love; /* tên font */ font-size:36px; /* Cỡ chữ */ color:#ffffcc; /* màu sắc */ } |
1. Thay đổi Pet’s mood (tâm trạng của con vật yêu của bạn)
Để thay đổi Pet’s mood bạn chỉ cần thực hiện một số thao tác đơn giản như sau:
Bạn click vào phần change name, thay vì điền tên của bạn, bạn có thể thay thế bằng một đoạn mã như sau :
banana:mood=number (bạn thay phần number bằng bất kỳ một con số từ 1-60 )
VD: banana:mood=0
Bây giờ bạn quay về profile của bạn, lúc này mục Flickr RSS sẽ xuất hiện và bạn chỉ cần dán địa chỉ RSS của account Flickr (tài khoản Flickr) của bạn và click save để hoàn tất.
2. Thay đổi Pet’s image (hình vật yêu của bạn)
Để thay đổi Pet’s image thì bạn cũng làm như thao tác trên chỉ thay đổi đoạn mã, đoạn mã thay thế như sau:
Code: |
banana:img.happy=link_hình_ảnh_thú_yêu_của_bạn banana:img.content=link_hình_ảnh_thú_yêu_của_bạn banana:img.meh=link_hình_ảnh_thú_yêu_của_bạn banana:img.sad=link_hình_ảnh_thú_yêu_của_bạn banana:img.dejected=link_ảnh_thú_yêu_của_bạn banana:img.dead=link_hình_ảnh_thú_yêu_của_bạn |
VD: Bạn muốn thay đổi hình thể hiện tâm trạng buồn của con cún của bạn làm như sau:
banana:img.sad=http://farm2.static.flickr.com/cuncon.gif
Lưu ý: nên lựa chọn hình ảnh có kích cỡ 185 pixels và link phải còn tồn tại trên website.
3. Liên kết hình ảnh lên Mash từ Flickr
View source" rel="lightbox">
Bên dưới profile của bạn có phần Customize this page by adding cool stuff. Bạn chọn Flickr RSS để thêm vào profile của bạn chức năng này.
Bây giờ bạn quay về profile của bạn, lúc này mục Flickr RSS sẽ xuất hiện và bạn chỉ cần dán địa chỉ RSS của tài khoản Flickr của bạn và click save để hoàn tất.
Nếu như bạn chưa có account Flickr thì bạn có thể vào đây để tạo một account
http://www.flickr.com (dùng chung tài khoản Yahoo! sẵn có của bạn để tạo).
Sau khi tạo xong tài khoản bạn upload hình ảnh của mình và nếu muốn trên Mash của bạn xuất hiện những hình ảnh này hãy click vào "your photo", ở phần cuối trang có một biểu tượng màu cam click phải chuột và chọn copy shortcut (đối với Internet explore) hay copy link location (đối với firefox), bạn click tổ hợp phím Ctrl+V để dán dòng link bạn vừa copy vào phần Mash như cách giới thiệu ở trên, click save để hoàn tất.
4. Sau đây là một số thủ thuật đơn giản với advanced CSS (Chức năng CSS nâng cao) của bạn
Ở phần Style this profile bạn chọn chức năng Show advenced CSS để làm việc với chức năng này ở dạng nâng cao. Ở phần này sẽ xuất hiện một khung hình chữ nhật trống và bạn có thể điền trực tiếp những đoạn mã cho profile của bạn trong khung này.
Để tạo một khung hình chủ đạo cho Mash
body
Code: |
{ background: url(link_hình_ảnh) repeat fixed top center; color: snow; } |
Thay đổi font cho tên, nơi ở....
Code: |
#ypf-coreid .user-card .user-info span.age, span.gender, span.locality { color:#fFF0000; (Thay đổi giá trị màu này theo màu của bạn) } |
Thay đổi khung hình Avatar
Code: |
#ypf-coreid .user-card .user-images { background-image:url(link_hình_ảnh) } |
Để loại bỏ Nick name của bạn ra khỏi Blurt
Code: |
#blurt-inline .nickname { display:none; } |
Tránh người khác đọc các Blurt cũ ở trang trước của bạn
Code: |
#blurt-prev { display:none; } |
Thay đổi tiêu đề của Modules
Code: |
.hd { color:#00000; (Màu của text) font-family:arial,sans-serif; (Font chữ) font-size:15px; (cỡ chữ) background-image:url(link_hình_ảnh) } |
Giúp bạn tránh sự tràn lề khi ai đó post hình kích cỡ lớn trên profile của bạn
Code: |
.message img { max-width:200px; width:expression(document.body.clientWidth 200? "200px": "auto" ); } |
Để chèn hình vào khung Guestbook của bạn, bạn chỉ việc thay thế đoạn (link_hình_ảnh) trong đoạn mã bằng bất kì một link hình ảnh khác mà bạn tìm thấy trên mạng
Code: |
#guestbook-text { width:275px; height:159px; opacity:0.9; filter:alpha(opacity=90); color:#FFFFFF; font-weight:900; background:url(link_hình_ảnh) no-repeat; } |
Cách thay đổi khung ảnh cho hình của bạn, công việc của bạn cũng tương tự như trên bạn chỉ việc thay đổi dòng (link_hình_ảnh) trong đoạn mã sau
Code: |
#ypf-coreid .user-card .user-images { background-image:url(link_hình_ảnh); } |
Ở Mash có chức năng "Grab it" chức năng này cho phép những người khác lấy những phần như : hình nền, nhạc, Game... trên profile của bạn về profile của họ, đoạn mã sau đây sẽ ngăn chặn sự lấy cắp bằng cách dấu nút này đi.
Code: |
.grab { display:none; } |
Khi hoàn thành nhấn nút Preview để xem trước. Nếu đã hài lòng với theme của mình, bạn nhấp nút Apply để save lại.