New articles Năng lực quản lý: nhân tố thứ năm     ♥ Lựa chọn mục tiêu cuộc đời     ♥ 10 bí quyết cân bằng công việc và gia đình     ♥ Cô đơn trên mạng     ♥ Chứng khoán: Giấc mơ và ác mộng     ♥ Tám     ♥ Những tính năng của blog VnVista     ♥ Các mạng xã hội thống trị Google     ♥ Điều gì tạo nên một giám đốc công nghệ thông tin giỏi?     ♥ Cố gắng xóa bỏ những ấn tượng xấu     ♥ Cần một cách làm ăn mới     ♥ Tiếp thị hướng đến doanh nhân     ♥ Đưa cửa hàng thật lên chợ ảo     ♥ Bí quyết quản lý các nhân viên trẻ     ♥ Một số câu hỏi phỏng vấn “đặc biệt” của Microsoft     ♥ 4 bài học thành công trong kinh doanh     ♥ Tạo dựng hình ảnh một cô gái trẻ chuyên nghiệp     ♥ Góc “khác” của thế giới online đêm     ♥ Phong cách người Mỹ     ♥ Chỉ nghĩ đến tiền cũng làm người ta ích kỷ     
New blog entries 大好き!遊戯王      ♥ Cách thanh toán, nạp thẻ qua ứng dụng MY VNPT      ♥ Lucky88 phân tích: Lý Hoàng Nam thắng 'kép'      ♥ 不用品最高!      ♥ Cách đăng ký gói cước D10 của Mobifone      ♥ Đốt viêm lộ tuyến cổ tử cung đẻ thường ko      ♥ Cách đăng ký gói cước MimaxKHM Viettel      ♥ Giá niềng răng kim loại có cố định không?      ♥ SHEET Dư âm mùa Giáng Sinh      ♥ Cách đăng ký gói cước BIG70 mạng Vinaphone      ♥ Đám cưới tiết kiệm nhất      ♥ シュノーケリングの秘密お教えします。      ♥ 不動産最高!      ♥ Cổ phiếu Facebook đóng cửa ở mức giá thấp nhất      ♥ 呼び出しボタンって….      ♥ Lễ kết hôn sử dụng hoa lan      ♥ Máy nước nóng mặt trời 250 lít Đại Thành      ♥ 大好き!クリーニング      ♥ Đồng AUD / USD cao khi đồng đô la trượt      ♥ Kịch bản khi tổ chức tiệc cưới      
2 Trang < 1 2 
Closed TopicStart new topicStart Poll

Liệt Kê · [ Bình Thường ] · Tách Biệt+

VnVista WonderMe - Bạn có biết?, Làm sao để tạo một blog như ý?


Tacaza
post Dec 15 2006, 03:51 AM
Gửi vào: #16


Group Icon

The chALLeNgER
**********
Thành viên: 1
Nhập: 3-July 05
Bài viết: 3,022
Tiền mặt: 1,188
Thanked: 1558
Cấp bậc: 43
------
Giới tính: Male
Sinh nhật: 3 Tháng 4 - 1983
Đến từ: Hà Nội
------
Xem blog
Bạn bè: 252 (Xem)
Thêm vào nhóm bạn bè
Gửi thiệp điện tử
Trang thông tin





Sau đây là hiệu ứng tuyết rơi, tim rơi, @ rơi, hay ...bất cứ ký tự nào rơi mà bạn muốn laugh.gif

Đây là một đoạn mã mà tôi tình cờ gặp khi vào blog của thành viên kitty trong VnVista hot.gif

Để sử dụng hiệu ứng này, bạn chỉ cần sửa một khối bất kỳ trên blog của bạn mà bạn đã tạo ra (hoặc tạo một khối mới nếu bạn chưa có khối nào do bạn tự tạo). Trong phần nội dung khối này, ở cuối bạn chèn thêm đoạn HTML sau.

Nếu bạn đang sử dụng trình soạn thảo rich text, thì bạn cần phải click vào nút user posted image để xem mã HTML của bài viết & chèn đoạn mã dưới đây ở cuối & click OK. Còn nếu bạn sử dụng trình soạn thảo đơn giản (bbcode) thì chỉ việc chèn vào cuối nội dung trong khung soạn thảo là được

CODE

<div style='color:red; font-size:10px;'>
<marquee style='position:absolute; left: 53px; top: 200px; width: 16px; height: 260px;' scrollamount='2' direction='down'>♥</marquee><marquee style='position:absolute; left: 81px; top: 160px; width: 16px; height: 280px;' scrollamount='5' direction='down'>♥</marquee><marquee style='position:absolute; left: 120px; top: 190px; width: 16px; height: 270px;' scrollamount='3' direction='down'>♥</marquee><marquee style='position:absolute; left: 179px; top: 200px; width: 16px; height: 270px;' scrollamount='3' direction='down'>♥</marquee><marquee style='position:absolute; left: 207px; top: 210px; width: 16px; height: 160px;' scrollamount='2' direction='down'>♥</marquee><marquee style='position:absolute; left: 257px; top: 210px; width: 16px; height: 330px;' scrollamount='1' direction='down'>♥</marquee><marquee style='position:absolute; left: 300px; top: 160px; width: 16px; height: 480px;' scrollamount='5' direction='down'>♥</marquee><marquee style='position:absolute; left: 331px; top: 150px; width: 16px; height: 200px;' scrollamount='1' direction='down'>♥</marquee><marquee style='position:absolute; left: 366px; top: 200px; width: 16px; height: 360px;' scrollamount='4' direction='down'>♥</marquee><marquee style='position:absolute; left: 411px; top: 250px; width: 16px; height: 400px;' scrollamount='4' direction='down'>♥</marquee><marquee style='position:absolute; left: 436px; top: 150px; width: 16px; height: 460px;' scrollamount='2' direction='down'>♥</marquee><marquee style='position:absolute; left: 505px; top: 170px; width: 16px; height: 290px;' scrollamount='3' direction='down'>♥</marquee><marquee style='position:absolute; left: 541px; top: 190px; width: 16px; height: 350px;' scrollamount='5' direction='down'>♥</marquee><marquee style='position:absolute; left: 582px; top: 160px; width: 16px; height: 400px;' scrollamount='1' direction='down'>♥</marquee><marquee style='position:absolute; left: 595px; top: 210px; width: 16px; height: 350px;' scrollamount='2' direction='down'>♥</marquee><marquee style='position:absolute; left: 645px; top: 220px; width: 16px; height: 400px;' scrollamount='4' direction='down'>♥</marquee><marquee style='position:absolute; left: 685px; top: 180px; width: 16px; height: 450px;' scrollamount='1' direction='down'>♥</marquee><marquee style='position:absolute; left: 740px; top: 210px; width: 16px; height: 470px;' scrollamount='2' direction='down'>♥</marquee><marquee style='position:absolute; left: 775px; top: 230px; width: 16px; height: 370px;' scrollamount='4' direction='down'>♥</marquee><marquee style='position:absolute; left: 800px; top: 150px; width: 16px; height: 150px;' scrollamount='5' direction='down'>♥</marquee><marquee style='position:absolute; left: 860px; top: 210px; width: 16px; height: 400px;' scrollamount='3' direction='down'>♥</marquee><marquee style='position:absolute; left: 891px; top: 190px; width: 16px; height: 350px;' scrollamount='4' direction='down'>♥</marquee><marquee style='position:absolute; left: 943px; top: 160px; width: 16px; height: 240px;' scrollamount='1' direction='down'>♥</marquee><marquee style='position:absolute; left: 978px; top: 250px; width: 16px; height: 170px;' scrollamount='5' direction='down'>♥</marquee>
</div>


Rồi save lại. Vậy là xong!
Vào lại blog bạn để xem hiệu ứng.

Nếu bạn muốn chỉnh sửa hiệu ứng này theo ý bạn (rất đơn giản), bạn chỉ cần chú ý những điểm sau:


- Đoạn mã được mở đầu bằng dòng:
CODE
<div style='color:red; font-size:10px;'>

Nếu bạn muốn trái tim có màu khác màu đỏ thì chỉ việc thay chữ red ở dòng này. Nếu bạn muốn trái tim lớn hơn thì chỉ việc nhập một số lớn hơn 10 ở phần font-size:10px;

- Tiếp theo chỉ là hàng loạt các dòng kiểu như:
CODE
<marquee style='position:absolute; left: 978px; top: 250px; width: 16px; height: 170px;' scrollamount='5' direction='down'>♥</marquee>

Mỗi dòng này sẽ tạo ra một trái tim rơi trên blog bạn, do đó, nếu bạn muốn thay hiệu ứng trái tim rơi bằng một ký tự khác rơi, thì chỉ việc thay hết các ký tự ♥ trong đoạn trên bằng ký tự khác. Vd:
* (tuyết rơi), ♪ , ♫ , ☼, ♀, ♂, ○ , o, •, ♠, ♣, ♦, ♥, ☻, ☺, ■, . , ▓ , ↓ , † (copy các ký tự này nếu bạn ko biết cách gõ)

Ngoài ra, trong phần <marquee style='position:absolute; left: 978px; top: 250px; width: 16px; height: 170px;' scrollamount='5' direction='down'>, còn một số thông số khác:
left: 978px; top: 250px; -> Trái tim bắt đầu rơi cách cạnh trái màn hình 978px, cách cạnh trên màn hình 250px (nếu bạn đang dùng màn hình độ phân giải 800x600px thì khoảng cách này sẽ làm blog bạn bị kéo dài ra theo chiều ngang)
height: 170px; - Quãng đường đi của trái tim là 170px
scrollamount='5' - Tốc độ rơi của trái tim (số càng lớn rơi càng nhanh)
direction='down' - Trái tim di chuyển xuống dưới (rơi) chứ ko sang trái, phải hay lên trên (thay down bằng left, right, up nếu bạn muốn thử 4.gif )

Thật đơn giản phải không?

-----------

À kitty mới bảo rằng, để tạo đoạn mã như trên, bạn chỉ cần vào trang này:
http://www.pimp-my-profile.com/codes/raining-symbols.php
6.gif

Bài viết đã được chỉnh sửa bởi Tacaza: Dec 15 2006, 04:30 AM


--------------------
Nhóm bạn bè:


dung_buong_tay

tamhonngoc_536

uchinhuong

MTTH

xuxusp2

Xem tất cả


--------------------

Sao không là mặt trời, gieo hạt nắng vô tư?


 
Nếu bạn thấy bài viết này vi phạm nội quy forum, hãy click nút này:
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

Tacaza
post Feb 8 2007, 02:33 AM
Gửi vào: #17


Group Icon

The chALLeNgER
**********
Thành viên: 1
Nhập: 3-July 05
Bài viết: 3,022
Tiền mặt: 1,188
Thanked: 1558
Cấp bậc: 43
------
Giới tính: Male
Sinh nhật: 3 Tháng 4 - 1983
Đến từ: Hà Nội
------
Xem blog
Bạn bè: 252 (Xem)
Thêm vào nhóm bạn bè
Gửi thiệp điện tử
Trang thông tin





Ở các bài trước tôi đã giới thiệu cách chèn một hộp thoại từ trang cbox.ws vào blog của mình. Tuy nhiên bạn có muốn một hộp chat với phong cách như của Y!M trên blog của mình, như vd dưới đây? (Bạn có thể thử chat luôn ở hộp chat này)



Rất đơn giản, bạn chỉ cần vào trang http://www.xatech.com/web_gear/chat.php Ở đây bạn thiết lập các thông số cho hộp chat của bạn. Sau đó copy đoạn mã được tạo ra, dán vào một bài viết hay vào một khối trên blog mình là xong.
Chú ý: Nếu bạn đang sử dụng trình soạn thảo rich text, bạn phải click vào công cụ edit HTML user posted image rồi mới dán đoạn mã hộp chat vào khung soạn thảo HTML.


Bạn chú ý chỉnh thông số chiều ngang (Width) & chiều cao (Height) khi tạo hộp chat cho phù hợp, để nếu chèn vào blog sẽ không đẩy kích cỡ các khối của blog ra, làm mất cân đối nhé.

Bài viết đã được chỉnh sửa bởi Tacaza: Feb 10 2007, 03:19 PM


--------------------
Nhóm bạn bè:


dung_buong_tay

tamhonngoc_536

uchinhuong

MTTH

xuxusp2

Xem tất cả


--------------------

Sao không là mặt trời, gieo hạt nắng vô tư?


 
Nếu bạn thấy bài viết này vi phạm nội quy forum, hãy click nút này:
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

Tacaza
post Feb 8 2007, 03:27 AM
Gửi vào: #18


Group Icon

The chALLeNgER
**********
Thành viên: 1
Nhập: 3-July 05
Bài viết: 3,022
Tiền mặt: 1,188
Thanked: 1558
Cấp bậc: 43
------
Giới tính: Male
Sinh nhật: 3 Tháng 4 - 1983
Đến từ: Hà Nội
------
Xem blog
Bạn bè: 252 (Xem)
Thêm vào nhóm bạn bè
Gửi thiệp điện tử
Trang thông tin





Một kiểu chat nữa!

Nếu bạn muốn bạn bè vừa xem blog của bạn vừa chat với bạn ngay trên blog, không cần tới các chương trình chat như Y!M, thì hãy sử dụng công cụ này.

VD: Để chat ngay trên trang VnVista.com, hãy click vào hình sau:

user posted image



Cách làm:
Giả sử blog của bạn ở VnVista có đường dẫn là: http://vnvista.com/ten_ban

Thì bạn chỉ cần gửi đường dẫn: http://gabbly.com/vnvista.com/ten_ban tới bạn bè mình. Blog của bạn khi vào bằng đường dẫn này sẽ có một hộp chat!
Bạn có thể dán link này ở sau mỗi bài viết của bạn, hoặc trong chữ ký của bạn trong diễn đàn, để người xem chỉ việc click vào đó là có thể chat với bạn, ngay trên blog của bạn!

Vd:

BBcode sử dụng chữ:
CODE

[url=http://gabbly.com/vnvista.com/tacaza][b][color=blue][size=4]Nhấn vào đây để chát với tôi[/size][/color][/b][/url]

Kết quả:

Nhấn vào đây để chát với tôi


BBcode sử dụng hình ảnh:
CODE

[url=http://gabbly.com/vnvista.com/tacaza][img]http://img252.imageshack.us/img252/8836/chat1io8.gif[/img][/url]

Kết quả:

user posted image


Sau đây là một số hình ảnh tôi vừa làm để các bạn lựa chọn:


user posted image

http://img252.imageshack.us/img252/8836/chat1io8.gif


user posted image

http://img165.imageshack.us/img165/4200/chat2gt2.gif


user posted image

http://img110.imageshack.us/img110/562/chat3hc8.gif


user posted image

http://img249.imageshack.us/img249/1430/chat4pc8.gif


user posted image

http://img391.imageshack.us/img391/5167/chat5kr0.gif


user posted image

http://img391.imageshack.us/img391/5945/chat6rn3.gif


--------------------
Nhóm bạn bè:


dung_buong_tay

tamhonngoc_536

uchinhuong

MTTH

xuxusp2

Xem tất cả


--------------------

Sao không là mặt trời, gieo hạt nắng vô tư?


 
Nếu bạn thấy bài viết này vi phạm nội quy forum, hãy click nút này:
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

2 Trang < 1 2
Thank you! Closed TopicTopic OptionsStart new topic
 

Bản Rút Gọn Bây giờ là: 15th November 2018 - 08:33 AM
Home | Mạng xã hội | Blog | Thiệp điện tử | Tìm kiếm | Thành viên | Sổ lịch |