A3_Pro Forum

~[ MEMORIES ]~
 
IndexIndex  CalendarCalendar  Trợ giúpTrợ giúp  Tìm kiếmTìm kiếm  Đăng kýĐăng ký  Thành viênThành viên  NhómNhóm  Đăng Nhập  

Share | 
 

 Tuyệt chiêu Mash

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


Tổng số bài gửi : 141
Age : 25
Location : HCM
Registration date : 26/12/2007

Bài gửiTiêu đề: Tuyệt chiêu Mash   Fri Jan 11, 2008 8:23 am

Các tuyệt chiêu thông dụng(Còn các chiêu nâng cao sẽ post sau)


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)
Code:

Code:
#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 )
Code:

Code:
#nickname {
display: none; /* Dòng này để ẩn phần nickname bằng chữ */
}

#nickname-edit h1 {
background: url(http://i153.photobucket.com/albums/s237/kelangthang182000/nickname.png); /* 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:
Code:

Code:
#ypf-coreid .user-card .user-images {
background-image:url('http://i153.photobucket.com/albums/s237/kelangthang182000/khunghinh.png'); /* 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 !)
Code:

Code:
body {
background-color:#232f39;
background-image:url('http://209.85.12.234/1046/116/upload/p8472559.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
Code:

Code:
body {
background-color:#232f39; /* Màu nền */
background-image:url('http://209.85.12.234/1046/116/upload/p8472559.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)
Code:

Code:
body{
background-image:url("http://209.85.12.234/1046/116/upload/p8472559.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 (giống 360 yahoo blog, gồm có 2 hình trên và dưới):
Code:

Code:
body
{
width:921px; /* Chiều rộng của hình nền */
background-color:#232f39; /* Màu nền */
background-image:url('http://209.85.12.234/1046/116/upload/p8493203.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://209.85.12.234/1046/116/upload/p8493201.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:
Code:

Code:
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:
Code:

Code:
h3 {
font-family: Tahoma, serif;
font-size: 26px;
font-weight: normal;
padding-left: 40px;
background-image:url(http://i153.photobucket.com/albums/s237/kelangthang182000/emotion-magic1.png); /* link hình */
background-position:left;
background-repeat:no-repeat; }

-Chèn hình trên đề mục:
Code:

Code:
.x1{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i153.photobucket.com/albums/s237/kelangthang182000/emotion-magic1.png'/* 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://i153.photobucket.com/albums/s237/kelangthang182000/emotion-magic1.png /* link hình */) no-repeat;
}
}

Ngoài ra nếu bạn biết CSS bạn có thể thay các đề mục trên Máh bằng hình ảnh của mình !

D. About me:
1. Thay đổi font chữ, màu chữ, chèn hình nền và đóng khung About me:

Code:
Code:
#ypf-profile {
background: url(http://i153.photobucket.com/albums/s237/kelangthang182000/aboutme.png); /* 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:
Code:

Code:
#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:
Code:

Code:
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:
Code:

Code:
.mod {
background-color:none; /* màu nền */
background-image:url('http://www.myspacelayoutsupport.com/myspace-backgrounds/images/bricks/bricks03b.jpg'); /* 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:
Code:

Code:
.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:
Code:
#ypf-guestbook {
background-color:#232f39; /* Màu nền */
background-image:url('http://209.85.12.234/1046/116/upload/p8493243.jpg'); /* link hình nền */
background-position:left 40px;
background-repeat:no-repeat;
}
2.Thay nền cho khung viết Guestbook:
Code:
#ypf-guestbook .form-wrapper textarea
{
background-image:url(http://img297.imageshack.us/img297/9261/gif34gifre8.gif); /* 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)
Code:

Code:
#ypf-guestbook .bd
{
height:600px; /* Chiều dài */
position:relative;
overflow:auto;
}
Code giấu khung style (khung chứa CSS)
Code:

Code:
#ypf-style
{
display:none;
}
Để sửa chữa CSS thì click vào chữ this is fugly (ở module chứa nick name), nó sẽ chuyển qua 1 trang khác (giống trang phụ) với nền màu trắng, sửa chữa CSS ở trang đó xong thì click vào show me shiny (ở module chứa nick name) để trở về trang chính.
Về Đầu Trang Go down
Xem lý lịch thành viên http://a3pro.yoo7.com
Lightdragon
Administrator
Administrator


Tổng số bài gửi : 141
Age : 25
Location : HCM
Registration date : 26/12/2007

Bài gửiTiêu đề: Re: Tuyệt chiêu Mash   Fri Jan 11, 2008 8:23 am

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:expres​sion(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.
Về Đầu Trang Go down
Xem lý lịch thành viên http://a3pro.yoo7.com
Lightdragon
Administrator
Administrator


Tổng số bài gửi : 141
Age : 25
Location : HCM
Registration date : 26/12/2007

Bài gửiTiêu đề: Re: Tuyệt chiêu Mash   Fri Jan 11, 2008 8:24 am

Hơi dài, các bạn cố gắng đọc nha. Cái Mash này hay hơn blog 360 nhiều lắm đó.
Về Đầu Trang Go down
Xem lý lịch thành viên http://a3pro.yoo7.com
Lightdragon
Administrator
Administrator


Tổng số bài gửi : 141
Age : 25
Location : HCM
Registration date : 26/12/2007

Bài gửiTiêu đề: Re: Tuyệt chiêu Mash   Fri Jan 11, 2008 8:28 am

ai có mash thì lên cái của em tui tham khảo nè phuchoangtran1994 hoặc ny_ko0l_gurzz


Được sửa bởi ngày Sun Jan 13, 2008 6:26 pm; sửa lần 1.
Về Đầu Trang Go down
Xem lý lịch thành viên http://a3pro.yoo7.com
Sói đói _ K.L
Gà Xé Phay
Gà Xé Phay


Tổng số bài gửi : 203
Age : 25
Registration date : 28/12/2007

Bài gửiTiêu đề: Re: Tuyệt chiêu Mash   Sun Jan 13, 2008 2:00 pm

Hơ... mash pro hơn, nhưng Uyên vẫn thích dùng 360 hihi. Tại quen rồi + thấy nó thân thiện, còn mash thì chế độ viết blog thì chưa rõ...
Về Đầu Trang Go down
Xem lý lịch thành viên
Lightdragon
Administrator
Administrator


Tổng số bài gửi : 141
Age : 25
Location : HCM
Registration date : 26/12/2007

Bài gửiTiêu đề: Re: Tuyệt chiêu Mash   Sun Jan 13, 2008 6:25 pm

Nếu có cần hỏi gì về mash thì liên hệ em tui qua nick yahoo phuchoangtran1994 nha.
Về Đầu Trang Go down
Xem lý lịch thành viên http://a3pro.yoo7.com
Acm Nobi
Gà Luộc
Gà Luộc


Tổng số bài gửi : 112
Age : 25
Location : Viet Nam
Registration date : 15/01/2008

Bài gửiTiêu đề: Re: Tuyệt chiêu Mash   Tue Jan 15, 2008 11:13 pm

Mash nhức đầu, nó cần dùng một số kiến thức căn bản về CSS. Nhưng mà cho dù code giỏi đến mấy cũng chả dỗi hơi ngồi code Mash Smile). Hình như có trang web nào cho phép tự tạo code CSS rùi paste vào Mash là xong.
mash.yahoo.com/chuotsachinhgao_91
Về Đầu Trang Go down
Xem lý lịch thành viên
Sponsored content




Bài gửiTiêu đề: Re: Tuyệt chiêu Mash   

Về Đầu Trang Go down
 
Tuyệt chiêu Mash
Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 
Trang 1 trong tổng số 1 trang
 Similar topics
-
» Vỉ tuyến 17.........................
» [Game RR] Tuyển GM
» Cảng vụ Hàng hải TpHCM tuyển dụng Giám sát viên Hệ thống trợ giúp hàng hải (VTS)
» Tuyển thành viên nhóm dịch CEF Group^^
» Tài liệu môn máy vô tuyến điện mới đây.

Permissions in this forum:Bạn không có quyền trả lời bài viết
A3_Pro Forum :: CNTT :: Blog và Mash-
Chuyển đến