Tự làm giao diện cho trang Yahoo Mash

Tự làm giao diện cho trang Yahoo Mash Cũng giống như Yahoo 360, bạn có thể trang điểm cho Mash bằng những phông nền riêng với khả năng tùy biến đa dạng hơn như đổi màu cho nick và các tiêu đề, chọn font chữ, cỡ chữ, kiểu gầy, béo khác nhau. Công cụ cần chuẩn bị: - Một tài khoản Yahoo Mash để đăng ký tại http://mash.yahoo.com. Tên tài khoản chính là nick YM, hòm thư Yahoo và Yahoo 360 sẵn có của bạn. Do còn trong giai đoạn thử nghiệm, Yahoo Mash chỉ chấp nhận những nick được...
Nội dung trích xuất từ tài liệu:
Tự làm giao diện cho trang Yahoo MashTự làm giao diện cho trang Yahoo MashCũng giống như Yahoo 360, bạn có thể trang điểmcho Mash bằng những phông nền riêng với khả năngtùy biến đa dạng hơn như đổi màu cho nick và cáctiêu đề, chọn font chữ, cỡ chữ, kiểu gầy, béo khácnhau.Công cụ cần chuẩn bị:- Một tài khoản Yahoo Mash để đăng ký tạihttp://mash.yahoo.com. Tên tài khoản chính là nickYM, hòm thư Yahoo và Yahoo 360 sẵn có của bạn.Do còn trong giai đoạn thử nghiệm, Yahoo Mash chỉchấp nhận những nick được mời từ một tài khoảnMash có sẵn. Đăng ảnh nhanh chóng vào Flickr ngay trên- Một hình nền có kích cỡ lớn, như desktop1042 x 768 pixel đã được đăng lênwebsite nào đó. Nếu bạn không có website chứa ảnhriêng, có thể dùng công cụ Flickr của Yahoo hayPhotobucket để đưa ảnh này lên.Thao tác thực hiệnCách 1. Basic ModeTrong phần Style this profile, bạn nhập vào ôBackground image URL địa chỉ đường dẫn tới ảnh đãđược tải lên trang web nào đó.Ví dụ: khi mở một bức ảnh trên Flickr, nhấn chuộtphải vào ảnh ở mục Large Size, chọn Properties, bạnsẽ thấy đường dẫn ảnh dưới dạnghttp://farm3.static.flickr.com... hoặc thấy luôn trong ôGrab the photos URL. Hãy copy đường dẫn này vàoô Background image URL.Nếu đánh dấu vào ô Fixed position, bức ảnh sẽ luôn ởmột vị trí khi bạn trượt thanh cuộn. Ngoài ra còn cólựa chọn Tile (lát nền, nghĩa là bức ảnh sẽ lặp lại ởcác vị trí thiếu), Center (ảnh nằm giữa trang)...Sau đó, nhấn Apply để lưu nền này.Cách 2. Dùng mã CSSNhấn vào dòng Show Advanced CSS. Đây là công cụdành cho những người hiểu biết về lập trình web đểhọ tùy biến theme đa dạng hơn. Tuy nhiên, những chỉdẫn dưới đây sẽ giúp người ngoại đạo có thể hiểudễ dàng.Một theme sẽ bao gồm nhiều yếu tố như kích thước,màu sắc, phông chữ, được chỉ định bằng những câulệnh nhập vào trong ô trắng trong mục Style thisprofile.- Định màu nền bằng cách gõbody { background: #99000;}Giải thích: #99000 là mã màu đỏ thẫm. Muốn biếtcác mã màu khác nhau, có thể tham khảo trong bảngsau.Hoặc cho nền một ảnh riêng bằng cách gõbody {background: #333333url(http://trangweb.com/anh.jpg) no-repeat;background-position:top center;}Giải thích: http://trangweb.com/anh.jpg là đường dẫntới ảnh đã đăng lên website, lấy tương tự như trongCách 1.no-repeat là ảnh không lặp lại (không lát trên bềmặt trang Mash). Muốn thay đổi, bạn gõ repeat-x(tham số cho chiều ngang) hoặc repeat-y (tham sốcho chiều dọc) hoặc repeat-xy (lát cho cả 2 chiều).#333333 là màu sẽ được hiển thị ngay sau bức ảnhnếu bạn không chọn chế độ lặp ảnh. Ví dụ, phần cuốitrang bị trống vì ảnh không dài tới đó thì sẽ đượcchèn màu này vào. Nếu không cần, bạn có thể bỏ mãsố này khỏi câu lệnh.top center là vị trí ảnh nền được đặt, ở đây là đặtchính giữa, phía trên. Bạn có thể thay đổi bằng cáchdùng các lệnh khác top right (phái trên bên phải), topleft (phía trên bên trái), bottom right (phía dưới bênphải), bottom center (ở dưới chính giữa), bottom left(ở dưới bên trái), center (ở giữa), top (bên trên), right(bên phải).- Định font chữbody {font-family: Arial, Georgia, Verdana;font-size: 12px;color:#FFFFFF;font-strength: normal}Giải thích: Arial, Georgia, Verdana là font chữ bạnchọn để người khác xem. Do không phải tất cả cácmáy tính đều có cùng font nên bạn cần chọn hệ thốngfont được nhiều người dùng nhất.12px là kích cỡ của font chữ, bạn có thể đổi con sốtùy theo ý thích.font-strength thường được đặt chế độ normal hoặcnếu không, bạn có thể gõ bold (để có chữ đậm) hoặcoblique (nghiêng).- Định module chung.mod {background:#555555url(http://trangweb.com/anh.jpg) repeat-x;border: #33000 2px dashed;}- Định module-link.mod a {color:#990000;}.mod a:visited {color:#660000;}.mod a:hover {color:#330000;}Giải thích: a có nghĩa là link. Ở đây, bạn đặt màukhác nhau tùy thuộc vào trạng thái của link, như bìnhthường thì có màu #990000, khi được bấm vào thì cómàu #660000, lúc rê chuột qua thì hiện màu#330000.- Định module nền#ypf-coreid .mod-content, #dragLeft .mod-content,#dragRight .mod-content {background: url(http://trangweb.com/anh.png) repeatscroll bottom right;}Ở đây bạn có thể thay đổi đường dẫn tới ảnh và dùngmã màu cho nền background:#colorcode- Định cách hiển thị tiêu đề#dragLeft .hd, #dragRight .hd {background: url(http://trangweb.com/anh.png)repeat-x scroll top left; color: beige;}Giải thích: Bạn có thể đổi hình ở chỗ này và dùng mãmàu background:#colorcode;color:beige là màu của tiêu đề module.Ngoài ra, còn có một danh sách các mã CSS dànhcho những module khác:#ypf-coreid : ảnh hoặc lời trích dẫn của người dùng#ypf-mystuff : My Mash Stuff#dragLeft : cột lớn bên trái#dragRight : cột lớn bên phải#ypf-mosh-rss2-randomnumber : thay một số ngẫunhiên bằng s ...