wellcum †o From Rum Jimmy Nguyễn _ Camxucfan9x

Chào Mừng bạn.. Khách viếng thămKhách viếng thăm đã đến với điễn đàn vào lúc 0
 
Trang ChínhGalleryTrợ giúpTìm kiếmTừ Điển -Đa Năng Thành viênNhómĐăng kýĐăng Nhập

Share|
Tiêu đề

Hướng dẫn viết code CSS tạo thanh trượt cho tất cả các Modules

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down
Tác giảThông điệp

Jimmy Nguyễn

avatar

Sagittarius Goat
Çhào Đời ngày : 10/12/1991
Tuổi Đời : 26
†ham gia Çlub : 16/07/2008
posts : 1659
points : 389352
thanked : 9
Yêu/Ghét : >>>>......Yêu sự sống yêu cái dẹp.....<<<<
Tài năng của Jimmy Nguyễn
Hạng:
Level:1659
Tài năng:/300


Vật phẩm hiện có
Thú Kưng : 100%
Vật phẩm Của bạn:

Bài gửiTiêu đề: Hướng dẫn viết code CSS tạo thanh trượt cho tất cả các Modules Sun Jun 28, 2009 2:01 pm

Được viết bởi Born To Love ngày Feb 26, 2008 trong Yahoo Mash
Được xem 5208 lần, 13 lần trong hôm nay.
Cái các bạn hay gặp phải là cái module RSS 2.0, đưa RSS từ Blog 360 sang Mash, khi entry đó quá dài, sẽ tạo cho Mash của bạn nhìn khó chịu, không cân đối!

Sau đây tôi sẽ hướng dẫn các bạn cách viết code để tạo thanh trượt cho module!

Trước tiên, tôi khuyến khích các bạn sử dụng trình duyệt Fire Fox để duyệt Mash, vì duyệt bằng IE thường có nhiều lỗi gặp phải! các lỗi này khó có thể khắc phục được!

Tôi lấy VD minh họa trên Mash tôi, là cái Module Blog RSS 2.0 ( Blog 360 đưa qua)

Đối với những bạn chưa từng biết về Source…. CSS… thì trước tiên phải coi cái tiêu đề của Blog trong Mash mình là gì (của tôi là Born To Love)

Bước 1 : Tìm ID của Bookmarks
Click chuột phải vào bất cứ chỗ nào trên Mash (đừng click vào Link) và chọn “View Page Source” xem hình dưới (đối với IE thì chọn “view -> Source” trên thanh công cụ


Nó sẽ hiện ra 1 page mới,có quá nhiều code chằn chịt, bạn nhấn Ctr + F để tìm, và đánh từ khoá là tiêu đề Blog của bạn, mời xem hình:


Nó sẽ tìm đúng phần Source của Blog Module của bạn, Nhớ là phải tìm cho tới khi nào tương tự như trong hình nhá!

Phần tôi đánh dấu màu đỏ là cái bạn đang cần! hãy copy nó ra và bắt đầu viết code nhá!

Bước 2: Viết code
Tôi đưa ra mẫu cho bạn 1 code:

Code:
#ID.bd
{
height:700px;
position:relative;
overflow:auto;
}
Cái chữ ID màu đỏ Bạn phải thay cái ID vừa tìm được vào nhá! còn số 700 đó là chiều dài của thanh trượt, bạn muốn dài hơn thì tăng thêm, ngắn thì bớt xuống!

1 code CSS hoàn chỉnh (đối với mash của tôi) sẽ như sau:

Code:
#ypf-mosh-rss2-1193738705 .bd
{
height:700px;
position:relative;
overflow:auto;
}
Bạn copy cái vửa viết vào Khung Style, nhấn “apply” là okie!

Nếu trong quá trình thực hiện có gì lỗi, hoặc không tìm ra ID thì cứ liên hệ mình sẽ giúp!

Hãy cảm ơn bài viết của Jimmy Nguyễn bằng cách bấm vào"" nhé!!!

Về Đầu Trang Go down

Xem lý lịch thành viên http://jimmynguyenimt.4forum.biz

Tiêuđề

Hướng dẫn viết code CSS tạo thanh trượt cho tất cả các Modules

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang
Trang 1 trong tổng số 1 trang
::.
Permissions in this forum:Bạn không có quyền trả lời bài viết
wellcum †o From Rum Jimmy Nguyễn _ Camxucfan9x :: †rung †âm Fan Çlub Với Công Nghệ :: †hế Giới Çông Nghệ IT (Çập nhập những ứng đụng hay chuyên nghiệp )-
Free forum | © phpBB | Free forum support | Report an abuse | www.sosblogs.com