[Code Css 360 New Plus] Trang Trí Module Profile

Hôm nay 07/06/2010 các kỹ sư Yahoo lại sửa code Plus. Code nút home cũ không được. Ta sẽ có code mới

Quote:
#profile_highlight .backhome{background:transparent url(Link hình) no-repeat bottom;height:Apx;}/*olympia41124*/

Trong đó thay link hình bằng link hình bạn muốn. Thay A bằng chiều cao nút home bạn muốn chèn.

Lưu ý nút home này chỉ để trang trí, muốn quay về home thì bạn cần nhấp vào chữ "Trang chủ 360Plus" ngay trên. Không thể dùng CSS để "ép buộc" sao cho khi nhấp vào nút home thì quay về trang chủ được. Và tất nhiên vì vậy nên sẽ không có thủ thuật hover cho nút home 





Trong suốt phần thêm bạn và "Thao tác khác"

Quote:
#profile_highlight #profile_nav{background:transparent;}/*olympia41124*/




Lưu ý code trên chỉ trong suốt bổ sung thêm phần mới cập nhật thêm ngày 07/06/2010 nên nếu muốn trong suốt toàn bộ module đó thì tham khảo bài viết sau >>> [360Plus Beta Medium] Trong suốt toàn bộ blog 360Plus Beta - Trang chính





Thay icon thêm bạn

Quote:
#profile_highlight #addtofriends_ctn {background:transparent url(Link hình) no-repeat left top;text-align:center;height:Apx;}/*olympia41124*/

Trong đó thay link hình bạn muốn, A là chiều cao icon muốn chèn, trong text-align:center có thể thay bằng text-align:right tùy thích.


Thay icon đầu dòng "Thao tác khác"


Quote:
#profile_highlight #profile_nav ul li .yui3-menu-label{padding:1.6em 0.5em 1.5em 2em;background:transparent url(Link hình) no-repeat left center;}/*olympia41124*/

Trong suốt phần mở rộng của "Thao tác khác"

Quote:
#profile_highlight .yui3-menu-corner,#profile_highlight .yui3-menu-corner div,#profile_highlight .yui3-menu-corner-bl,#profile_highlight .yui3-menu-corner .yui3-menu-corner-tr,#profile_highlight .yui3-menu-corner-br,#profile_highlight #profilemorelinks .yui3-menu-content{background:transparent;border-style:none;}/*olympia41124*/


Thay nền cho phần mở rộng của "Thao tác khác"

Quote:
#profile_highlight #profile_nav .yui3-menu ul.first-of-type{padding:10px 0 0 0;}/*vietnam360plus.com*/
#profile_highlight #profilemorelinks .yui3-menu-content{background:transparent url(Link hình) top center;}/*olympia41124*/


Thay icon đầu dòng cho phần mở rộng của "Thao tác khác", phần tải ảnh và sửa hồ sơ.

Quote:
.yui3-menuitem-content{padding:0 0.5em 0 1.5em;background:transparent url(Link icon) no-repeat left top;}/*olympia41124*/

Thay icon cho toàn bộ phần thêm bạn, thao tác khác, sửa hồ sơ, tải ảnh, phần mở rộng của thao tác khác


Quote:
#profile_highlight #profile_nav .yui3-menu-content ul li{padding:0 0.5em 1em 1.5em;background:transparent url(Link icon) no-repeat left top;}/*olympia41124*/


Hiệu ứng nút ấn cho phần mở rộng của "Thao tác khác"

Quote:
#profile_highlight .yui3-menuitem-active, #profile_highlight .yui3-menu-label-active, #profile_highlight .yui3-menu-label-menuvisible{background:transparent url(Link hình) top center;}/*olympia41124*/




Written by olympia41124 - http://forum.vietnam360plus.com


3_ Trang Trí Nick Name


Ở bản beta thì nickname dường như được "vỗ béo" nên to đột biến





Vì vậy ta sẽ cần code chỉnh sửa lại các thuộc tính của nickname


Quote:
#profile_highlight .nickname a{
background:transparent url(Link);
font-weight:normal;
font-size:100%;
font-family:Tahoma;
color:#FF00FF;
text-decoration:blink;
}/*olympia41124*/

Trong đó

background:transparent url(Link) có thể chèn một link hình tuyết rơi tạo hiệu ứng cho nick
font-weight:normal là để kiểu chữ bình thường, mặc định đã là kiểu chữ đậm
font-size:100% quy định kích cỡ font chữ, có thể thay 100% bằng 90%, 80% ... hoặc 12px, 14px ...
font-family:Tahoma quy định kiểu chữ, có thể thay Tahoma bằng Arial, Georgia ...
color:#FF00FF quy định màu sắc font, có thể thay mã màu tùy ý
text-decoration:blink hiệu ứng nhấp nháy (không hiển thị trên IE)

Nếu không muốn dùng phần nào chỉ cần bỏ dòng đó trong code đi

Ngoài ra ở module này còn có thể chèn hình vào phần ngay dưới nickname, thay link hình thích hợp và A là chiều cao của hình


Quote:
.zodiac{background:transparent url(Link) no-repeat center;height:Apx;}/*vietnam360plus.com*/




4_ Thay đổi Avartar Động

Thực ra avatar động này chỉ hiển thị ở blog của chính bạn thôi, còn khi bạn đi comment ở blog khác thì avatar vẫn là avatar bình thường không phải hình động.

Sử dụng code sau để chèn avatar động

Quote:
#profile_highlight img{height:0;}/*olympia41124*/
#profile_highlight .profile_photos{background:url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/76uh876.gif) no-repeat center;height:420px;}/*vietnam360plus.com*/

Trong đó thayhttp://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/76uh876.gifbằng link hình bạn muốn làm avatar động, và height:420px quy định chiều cao của hình, bạn có thể thay 420 bằng chiều cao của hình bạn muốn chèn. Nếu muốn cân đối cho đẹp thì có thể tăng thêm 20px. Ví dụ hình trên là 400px thì ta ghi là height:420px.

Nguồn : chúng tôi sưu tầm từ nhiều nguồn

Không có nhận xét nào

Một số lưu ý khi bình luận

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời.

Để bình luận một đoạn code, hãy mã hóa code trước nhé!

» Cảm ơn bạn đã ghé thăm websitemika.com
» Nếu có thắc mắc hay góp ý, bạn hãy để lại một góp ý !
» Vui lòng đăng những góp ý lịch sự và gõ tiếng Việt có dấu nếu có thể
HƯỚNG DẪN ĐĂNG THÔNG TIN GÓP Ý :
Bước 1 – Gõ nội dung bạn cần góp ý tới chúng tôi.
Bước 2 - Xử lý mục " Nhận xét với tư cách "
Cách 1 : - Chọn Tên/URL: Gõ tên và địa chỉ blog bạn vào.Nếu không có tài khoản, bạn vẫn có thể nhận xét bằng cách Chọn hồ sơ là Tên/URL hay Ẩn danh. Tuy nhiên bạn nên chọn Tên/URL với URL có thể để trống để cho chúng tôi biết bạn là ai. Bạn vui lòng gõ tiếng Việt có dấu để mọi người không hiểu nhầm so thành sờ, mo thành mò.
Cách 2 : - Chọn Ẩn danh.
Bước 3 - Xem trước: Tuỳ, Bạn là người cẩn thận cần xem lại nội dung Bạn đã gõ (rất cần nếu Bạn có nhập mã, để xem nó hiển thị có đúng không).
Bước 4 - Nên nháy chuột vào nội dung, bấm phím Ctrol + A rồi Ctrol + C nhằm copy nội dung - Đề phòng lỡ hệ thống đăng góp ý trục trặt hoặc mạng rớt, ta có thể Ctrol + V dán đăng lại góp ý để khỏi tốn thời gian!
Bước 5 – Lick vào Button : Đăng nhận xét . Vậy là xong,góp ý của các bạn sẽ được Admin kiểm duyệt và cho đăng trong vòng 12h.Cảm ơn các bạn đã góp ý !

GIỚI THIỆU ĐẾN QUÝ KHÁCH MỘT SỐ DỰ ÁN SẼ THỰC HIỆN TRONG NĂM 2018


DANH MỤC BÀI ĐĂNG - KHÁCH MUỐN XEM NỘI DUNG GÌ LICK VÀO TIÊU ĐỀ ẤY


WEBSITEMIKA - THƯƠNG HIỆU UY TÍN BỞI HƠN 300 DOANH NGHIỆP VÀ CÁC THƯƠNG HIỆU VỪA VÀ NHỎ LỰA CHỌN
Điểm giao dịch: Online 24h
-Email: Setup247@gmail.com - Website: https://thietkeweb.mikalaza.com