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 Nhà phân phối giày bảo hộ Jogger tại Long An      ♥ Top 10 địa điểm du lịch tại Thổ Nhĩ Kỳ      ♥ Top 10 trang cá cược bóng đá uy tin nhất năm      ♥ SHEET Anh còn yêu em      ♥ Kinh doanh bảo hộ lao động tại Thái Nguyên      ♥ Chia sẻ điều kiện đậu visa Hà Lan      ♥ Nguyên tắc xuất hóa đơn đỏ      ♥ SHEET No matter what      ♥ Vai trò của giày bảo hộ trong hệ thống bảo hộ      ♥ 5 lý do doanh nghiệp nên triển khai hóa đơn điện t      ♥ Bác sĩ dùng hydrocortisone để chữa bệnh gì      ♥ Mỹ tăng lệ phí xin visa H-1b đến 2,7 tỷ đồng      ♥ SHEET Je Suis Parti      ♥ SHEET Em về nào có hay      ♥ SHEET Phượng yêu      ♥ SHEET Phượng yêu      ♥ Hạt Nhựa Nguyên Sinh Trong Ngành Điện Tử      ♥ Đăng ký sử dụng hóa đơn điện tử      ♥ Cách chọn mua bảo hộ lao động tại Bắc Ninh      ♥ Giải mã các biển báo an toàn lao động      

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 May 1 2006, 10:13 AM
Gửi vào: #1


Group Icon

The chALLeNgER
**********
Thành viên: 1
Nhập: 3-July 05
Bài viết: 3,003
Tiền mặt: 1,210
Thanked: 1572
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è: 253 (Xem)
Thêm vào nhóm bạn bè
Gửi thiệp điện tử
Trang thông tin





Ok, bạn đã tạo một web cá nhân ở VnVista cho riêng mình, mặc dù có thể can thiệp, kiểm soát nhiều tính năng của blog, nhưng bạn vẫn chưa thật sự hài lòng. Vậy phải làm sao để có một blog đẹp? Topic này sẽ đưa ra cho các bạn một số lời khuyên để khai thác & sử dụng VnVista WonderMe một cách phù hợp nhất với bạn.

Tip 1: Thường thì những ảnh có chiều ngang quá 500 pixel sẽ được tự động thu nhỏ về 500 pixel, và người xem có thể click vào ảnh để xem ảnh nguyên gốc. Tuy nhiên nếu muốn bạn vẫn có thể tự điều chỉnh kích cỡ ảnh của mình theo ý mình

Để điều chỉnh kích cỡ của ảnh, thay vì dùng thẻ "img" chèn ảnh vào bài viết, bạn sử dụng thẻ "imgresize".

Chẳng hạn bức ảnh http://vnvista.googlepages.com/ty.jpg có kích cỡ chiều ngang 600 pixel, còn nếu bạn muốn đăng ảnh với chiều ngang chỉ 300, 200 hay 150 pixel, còn chiều cao sẽ được tự động chỉnh tỉ lệ với chiều ngang, bạn chỉ cần dùng thẻ "imgresize" như ví dụ sau:

CODE

[imgresize=300]http://vnvista.googlepages.com/ty.jpg[/imgresize] [imgresize=200]http://vnvista.googlepages.com/ty.jpg[/imgresize] [imgresize=150]http://vnvista.googlepages.com/ty.jpg[/imgresize]


Và đây là kết quả - ảnh được đăng với kích cỡ đã được điều chỉnh:

User Posted Image User Posted Image User Posted Image

Thật đơn giản phải không 1.gif

Đặc biệt, bạn có thể sử dụng % để kích thước ảnh hiển thị luôn chiếm một tỉ lệ phần trăm nhất định của khung bài viết của bạn - chẳng hạn nếu bạn để 100% thì chiều ngang ảnh sẽ luôn chiếm hết khung bài viết - cho dù kích thước thật của ảnh có thế nào, và bạn có thể yên tâm là kích thước ảnh sẽ không làm cho khung bài viết bị kéo dài ra theo.

Ví dụ:
CODE

[imgresize=100%]http://vnvista.googlepages.com/ty.jpg[/imgresize]


Sẽ cho kết quả:

User Posted Image


--------------------
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 
Closed TopicStart new topicStart Poll
Trả Lời(15 - 17)

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,003
Tiền mặt: 1,210
Thanked: 1572
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è: 253 (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,003
Tiền mặt: 1,210
Thanked: 1572
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è: 253 (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,003
Tiền mặt: 1,210
Thanked: 1572
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è: 253 (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à: 25th September 2025 - 09:22 AM
Home | Mạng xã hội | Blog | Thiệp điện tử | Tìm kiếm | Thành viên | Sổ lịch