Yahoo! Mash

Chắc mọi người ai cũng biết về phiên bản Mash mới của Yahoo đúng ko nè, vậy bạn nào cần khám phá mà chưa có invite thì cứ để lại nick yahoo & email tại đây, rồng sẽ gửi invite cho các bạn.

Mong sẽ gặp lại mấy bạn trong Mash! nhé

1 vài thông tin cho Yahoo Mash
Những thành phần chính của Mash
- Your profile: bao gồm 16 câu tự bạch về bản thân trong mục About me và hình đại diện Avatar của bạn (tương tự như phần My page của blog 360 nhưng khả năng tùy chỉnh hơn hẳn).
- Blog module: cho phép ghép blog 360 vào Mash bằng cách cập nhật các entry trong blog của bạn.
- Pulse: nơi ghi lại tất cả các hoạt động trong Mash của chủ nhân cũng như của những người bạn.
- Friends: danh sách bạn bè của bạn có thể phân chia theo cung bậc tình cảm, mối quan hệ.
- Guest book: giống như Quick comment trong blog 360 nhưng Mash cho phép viết giống như soạn thảo entry (có thể sử dụng code).
- Style this profile: nơi bạn có thể tạo phong cách riêng cho Mash của mình với tùy chỉnh về ảnh nền (không hạn chế dung lượng, kích thước ảnh), màu chữ, màu viền...
- Customize this page by adding cool stuff: thêm vào những mục ưa thích để trang trí và làm Mash phong phú như: nuôi thú ảo, thiên văn, nghệ thuật...
Tìm hiểu về Y! Mash và cách sử dụng
+ Your profile: tương tự như My page của 360.
+ Profile module: bạn có thể click vào hình và những dòng chữ có màu vàng để thay đổi hình đại diện (Avatar) và text.
+ About me: hơn 16 câu tự bạch về bản thân (có thể bổ sung thêm), khi click vào sẽ có box hiện ra để nhập câu trả lời. Có thể dùng code HTML để đưa nhạc, hình, video? vào.
+ Friends: [+] add a friend dùng để invite bằng email hoặc nick Y!M đã tham gia vào Mash.
+ Tag: có thể thêm một tag hoặc bổ sung thêm nhiều tag, xóa tag bằng cách click dấu "?"" để xóa tag.
+ My stuff: vào e*** để thêm text, mã HTML giống như viết bài bên 360.
+ Blurt: giống như Blast của Y! 360, chỉ có thể thêm text, không hỗ trợ mã HTML.
+ Guestbook: giống như chức năng lời bình nhanh (quick comment box) của 360. Thích thú hơn vì có thể sử sụng mã HTML.
+ Style this profile: tương thự như e*** customer theme của 360. Đặc biệt là bạn có thể sử sụng ảnh động.
Theme của Mash được sửa đổi tại đây.
+ Module color: màu nền của các module
+ Border color: màu đường viền của các module
+ Font color: màu chữ
+ Link color: màu chữ có kèm liên kết.
Có thể áp dụng theme của người khác vào Mash của mình bằng cách nhấn vào Steal! Nếu muốn về transparent như ban đầu, chỉ cần xóa mã màu hiện tại.
+ The Mash pet: nuôi thú ảo trên Y! Mash. Khi sửa chữa sẽ hiện ra dòng dán liên kết hình con thú, chiều ngang, chiều rộng của hình.
+ Customize this page by adding cool stuff: thêm vào các module khác cho trang Y! Mash của bạn.
Có thể sắp xếp các module theo ý bằng cách click và rê đến vị trí cần muốn.
Pulse: (gần giống như Home Y! 360 - see all updates) tuy nhiên hay hơn vì có thể xem tất cả các hoạt động trong Y! Mash của mình và của friends (kể cả có ai post trong guestbook của friends, hoặc friends gửi invite cho ai).
Friends: gồm có All friends/ Best friends/ Family/ Just friends và invite a friend. Phần này chủ yếu để kết nối bạn bè.
Settings: Bao gồm 5 phần.
- Permission: cho phép ai có thể xem profile/ e*** profile/post trong phần guestbook của bạn.
- Notifications: gần giống thông báo (alert) của Y! 360.
- Email management: chọn email để nhận notifications.
- Simple URL: chọn link đơn giản cho Y! Mash của bạn theo dạng http://mash.yahoo.com/ID_Yahoo.
- People I''ve blocked: giống chức năng khóa ID (ignore) của Y! 360

CODE CSS DÀNH CHO MASH
Chú ý: Để chèn được code CSS vào Mash bạn kéo xuống phần Style this profile và click vào Show advanced CSS sau đó copy mã CSS dán vào khung: Enter custom CSS. No HTML.
@@@ Trước khi đọc bài viết bên dưới chú thích 1 chút về màu chữ trong các đoạn code:
- Chữ màu đỏ: là giá trị cần có nhưng có thể thay đổi được tùy theo ý thích của các bạn.
- Chữ màu tím: Là chú thích của mình về code CSS phía trước, các bạn có thể bỏ, ko bỏ cũng chẳng sao, nó ko ảnh hưởng gì tới code !
- Những chữ còn lại: Bắt buộc phải có và các bạn ko nên thay đổi gì nếu ko biết về CSS.
A. NickName:
1. Thay màu và font chữ cho nickname: Cái này có 1 giới hạn là nếu máy người xem có font chữ đó thì mới hiện chính xác được (khuyến cáo ko dùng font VNI)
#ypf-coreid .user-card .user-info .user-name h1 span.nickname {
color:#ffffff;
font-family:courier new; /* Phông chữ */
font-size:16px; /* Cỡ chữ */
}
2. Thay nickname bằng file hình: (nên dùng dạng .gif hay .png để có nền trong suốt )
#nickname {
display: none; /* Dòng này để ẩn phần nickname bằng chữ */
}
#nickname-e*** h1 {
background: url(http://...); /* link tới hình dùng làm nickname */
background-repeat:no-repeat;
color: #ffffff;
height: 100px; /* chiều cao hình */
width: 400px; /* chiều rộng hình */
}
3. Thay khung ảnh cho Avartar:
#ypf-coreid .user-card .user-images {
background-image:url(''http://...''); /* Link ảnh */
}
B. Background cho Mash (chèn hình nền)
1. Dạng tile: hình nền lặp lại nhìu lần (khuyến cáo nên dùng hình ít màu sắc, có màu tối và phải làm nổi bật màu chữ, ko dùng section trong suốt sẽ gây mỏi mắt cho người xem !)
body {
background-color:#232f39;
background-image:url(''http://....gif''); /* link đến hình làm nền */
background-attachment:scroll;
font-family:Verdana, Tahoma, Arial, sans-serif; /* font chữ */
color:#97bcd0; /* màu chữ */
}
2. Dạng 1 hình cố định: cuộn được
body {
background-color:#232f39; /* Màu nền */
background-image:url(''http://....gif''); /* link hình */
background-attachment:scroll;
background-position:top; /* Vĩ trí của hình: có thể thay top bằng: left, right, bottom, center...hoặc ai rành CSS thì dùng % hay px để canh chính xác hơn */
background-repeat:no-repeat;
font-family:Verdana, Tahoma, Arial, sans-serif;
color:#97bcd0; /* Màu chữ */
}
3. Loại hình nền ko cuộn: chỉ cuộn chữ (khuyến cáo loại này nên dùng hình ít màu sắc và section ko trong suốt thì chữ sẽ dễ đọc hơn)
body{
background-image:url("http://....gif"); /* link hình */
background-attachment: fixed;
background-position: center; /* vị trí hình: có thể thay bằng left, right... */
background-repeat:no-repeat; /* nếu muốn hình lặp đi lặp lại thì thay bằng "repeat" */
background-color:ffffff; }
4. Dạng Top & Bottom ( gồm có 2 hình trên và dưới):
body
{
width:921px; /* Chiều rộng của hình nền */
background-color:#232f39; /* Màu nền */
background-image:url(''http://....jpg''); /* Link hình dùng làm TOP */
background-position:top left;
background-repeat:no-repeat;
padding-top:143px;
color:#c29157; /* Màu chữ */
}
.col-AA
{
background:url(''http://....jpg''); /* Link hình dùng làm BOTTOM */
background-position:bottom right;
background-repeat:no-repeat;
padding-bottom:133px;
}
C. Đề mục
1. Đổi font chữ, màu sắc, kích thước của đề mục:
h3 {
font-family:Words of love; /* tên font */
font-size:36px; /* Cỡ chữ */
color:#ffffcc; /* màu sắc */
}
2. Chèn hình vào đề mục:
-Chèn vào đầu đề mục:
h3 {
font-family: Tahoma, serif;
font-size: 26px;
font-weight: normal;
padding-left: 40px;
background-image:url(http://...; /* link hình */
background-position:left;
background-repeat:no-repeat; }
-Chèn hình trên đề mục:
.x1{
background:none;
filterrogidXImageTransform.Microsoft.AlphaImageLoader(src=''http://...''/* link hình */, sizingMethod=''scale'');
height: 104px; /* chiều cao hình */
width: 98px; /* chiều rộng hình */
display: block;
position:absolute;
top: -30px;
left:10px;
z-index: 20;
}
.x1[class]{
background: transparent url(http://... /* link hình */) no-repeat;
}
}
D. About me:
1. Thay đổi font chữ, màu chữ, chèn hình nền và đóng khung About me:
#ypf-profile {
background: url(http://...); /* link hình */
background-repeat:no-repeat; /* nếu muốn hình lặp lại thì thay bằng "repeat" */
background-position:bottom right; /* vị trí hình: phía dưới và bên phải */
font-family: serif; /* font chữ */
font-size: 26px; /* cỡ chữ */
color: #ffffcc; /* màu chữ */
border-top: 3px double #efefef; /* kích thước và màu khung trên */
border-left: 3px double #efefef; /* kích thước và màu khung trái */
border-bottom: 3px double #efefef; /* kích thước và màu khung dưới */
border-right: 3px double #efefef; /* kích thước và màu khung phải */
}
2. Thiết lập chiều rộng, chiều cao mặc định cho About me:
#ypf-profile .bd
{
width:394px; /* Chiều rộng */
height:332px; /* Chiều cao */
padding:0;
position:relative;
overflow:auto;
}
E. Link
- Trái tim bay lên khi rê chuột vào 1 liên kết:
a:hover
{
position:relative;
right:1px;
top:1px;
text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
border-bottom:1px dotted #D570EE;
background-image:url(http://img216.imageshack.us/img216/7128/traitimbayuw8.gif);
}
F. Yahoo Mash section:
1. Chèn hình nền và khung vào section:
.mod {
background-color:none; /* màu nền */
background-image:url(''http://...''); /* hình nền */
border-style:solid; /* kiểu khung */
border-width:2px; /* độ dày của khung */
border-color:#3C6A90; /* màu khung */
}
2. Thay màu nền cho tiêu đề của khung:
.hd {
background-color:#3C6A90; /* màu nền của phần tiêu đề */
}
G. Guestbook:
1. Chèn hình nền cho phần Guestbook:
#ypf-guestbook {
background-color:#232f39; /* Màu nền */
background-image:url(''http://....''); /* link hình nền */
background-position:left 40px;
background-repeat:no-repeat;
}
2.Thay nền cho khung viết Guestbook:
#ypf-guestbook .form-wrapper textarea
{
background-image:url(http://....); /* link hình */
}
3.Thiệp lập chiều dài mặc định cho phần Guestbook: (sẽ xuất hiện thanh cuộn khi có nhiều Entry)
#ypf-guestbook .bd
{
height:600px; /* Chiều dài */
position:relative;
overflow:auto;
}
Hình đẹp cho My pet
div#ypf-pet .bd img {
background:url(http://...)
transparent no-repeat bottom center;
width:0px;
height:0px;
padding:120px 100px 0px 0px;
}

nick yahoo là: httt2507@yahoo.com
congthuan3005@yahoo.com
mong sớm được bạn invite. Thanks!

Ủa, 2 email này đã đc invite mash rùi mà. Bạn chỉ cần checkmail để confirm là ok. Phải check mail & click vào đường link trong mail thì mới sign đc nha bạn.
Have fun.

nick yahoo cua minh la: nobian_85
mail yahoo: phantatthang@yahoo.com
Thanks!

Đã invite cho bạn. Check mail & click vào đường link để cònirm profile nhé. Have fun

nick: fatty_baby2004@yahoo.com
Cám ơn trước vì đã invite!!!

nick yahoo:whywhywhy_and_why
email: thanhliemvt2006@gmail.com

cho tớ xin 1 cái đi nà
nick: bong_ma9999@yahoo.com
thankiu