Hiệu ứng cho logo 360Plus Beta

Ở bài viết [Beta Plus] Hiệu ứng shadow cho text olympia đã hướng dẫn cho các bạn cách làm shadow cho text. Hôm nay olympia sẽ hướng dẫn các bạn làm hiệu ứng đó cho logo 360Plus Beta





Logo 360Plus Beta thực tế là một ảnh .png được đưa vào blog. Lúc đầu olympia dự định sẽ chỉnh sửa trực tiếp trên logo rồi chia sẻ code các bạn chèn vào blog. Nhưng xét lại thì đó là hành động vi phạm quy định của Yahoo. Thế nên olympia có cách khác cho các bạn. Ta sẽ sử dụng một hình khác chèn vào lớp dưới của logo, như thế sẽ không vi phạm quy định của Yahoo


Để chèn các bạn sử dụng cú pháp sau

Quote:

#ygmalogo{background:transparent url(Link hình) no-repeat -3px -2px;height:38px;}/*olympia41124*/

Trong code trên bạn chỉ thay link hình bằng các hình dưới đây

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_pink.png

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_blue.png

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_yellow.png

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_violet.png

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_red.png

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_orange.png

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_green.png

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_gray.png

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_chocolate.png

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_brown.png

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_black.png

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_aqua.png

Ngoài ra nếu các bạn không muốn thay link hình bằng các link trên thì có thể thay link hình bằng các hình tuyết rơi vào code sau

Quote:

#ygmalogo{background:transparent url(Link hình);}/*olympia41124*/

Có thể tham khảo thêm các hình khác ở đây >>> http://s118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Hover/?start=all


Lưu ý cuối cùng là các hiệu ứng trên hiển thị đẹp nhất khi bạn đã trong suốt phần nóc nhà (. Bạn nên chú ý chọn hình có màu nổi bật hơn so với màu theme, tránh trường hợp bị chìm màu vào theme.



Written by olympia41124