Chuyên mục tin học
Top 10 PCGuide
Tuần Tháng Năm
1 bunbuongbinh 210
2 mayphuoc 73
3 dienlanh 43
4 myngoc2012 14
5 bachkhoaso1 14
6 bachkhoach 9
7 viera 4
8 quangminhz 4
9 zico113 3
10 cachiu 2
11 thevinh 1
12 pdt686979 1
13 dinhduongvn 1
cập nhật lúc 04:38 ngày 31/07
Sự kiện Intel
Intel Vietnam

Promote Your Page Too
Tạo dòng text xoay tròn quanh chuột
anvietchieu
Bài viết: 3245
Ngày gởi: 14/03/2011 | Số lần xem: 1479
Giới thiệu bạn bè
Bạn có muốn chú chuột nhỏ bé trên blog mình trở nên xinh xắn thu hút hơn không? Một thủ thuật mà mình muốn giới thiệu cùng các bạn đó là tạo phong cách riêng cho chuột trên blog. Thủ thuật này sẽ làm cho chú chuột của bạn mang phong cách riêng biệt, nó sẽ mang theo dòng chữ mà bạn muốn hiển thị trên blog mình. Dòng text sẽ chạy xung quanh chú chuột vừa tạo cảm giác thú vị, vừa thể hiện được phong cách riêng cho blog. Ở đây mình xin hướng dẫn cách tạo dòng text chạy vòng quanh chú chuột trên Blogger, dưới đây là thủ thuật.



☼ Bất đầu thủ thuật

1. Đầu tiên hãy đăng nhập tài khoản của blog bạn
2. Vào bố cục chọn chỉnh sửa HTML
3. Chèn code bên dưới vào trước thẻ ]]></b:skin>
Chỉnh code: Bạn chỉ việc dựa vào chú thích trong code để chỉnh sửa code cho hợp lý, nhớ xóa bỏ các dòng text khi chỉnh sửa xong nhe.

4. Save template lại
5. Trở về phần tử trang thêm 1 HTML/Javascript
6. Thêm code sau vào phần tử vừa tạo
Bạn hãy điều chỉnh theo hướng dẫn cho phù hợp với ý thích của bạn.
7. Save lại là xong

Địa chỉ bài viết: http://www.pcgu...qSxiM
Nguồn: TRAIDATMUI.com
Code Mẫu:

#outerCircleText {
font-styleitalic;
font-weightbold/*Nếu không muốn in đậm cho text bạn có thể bỏ dòng này*/
font-familytimes/*chọn font chữ*/
color#0033ff; /*màu của dòng text hiển thị*/
positionabsolute;
top0;
left0;
z-index1000;
cursor: default; /*hình dạng của chuột*/
}

#outerCircleText div {
positionrelative;}

#outerCircleText div div {
positionabsolute;
top0;
left0;
text-aligncenter;}
<
script type="text/javascript">
var 
msg "Chào bạn đến với TRAIDATMUI.COM"// thay thành text của bạn
var size 24// cỡ chữ, bạn có thể chọn cỡ chữ khác
var circleY 0.75// độ rộng vòng tròn text theo chiều đứng
var circleX 2// độ rộng vòng tròn text theo chiều ngang
var letter_spacing 8// khoảng trắng giữa các chữ cái
var diameter 10;
var 
rotation 0.2;
var 
speed 0.3// tốc độ chạy của text
</script>
<script type="text/javascript" src="http://traidatmui-tips.googlecode.com/files/circle_text.js">
</script>
10
PTS
Câu trả lời hay:
Chưa có
Báo cáo vi phạm
0
Bài viết đã bị đóng.

Chưa có trả lời nào!

ˆ Lên đầu trang