Bản in cho chủ đề
Click vào đây để xem chủ đề như bình thường
VnVista Forum _ Phòng tranh VnVista _ CHÚ Ý!!! Cách gửi ảnh trong forum!!!
Người gửi: Tacaza Mar 4 2006, 12:05 PM
http://vnvista.com/go.php?url=http://vnvista.com/forums/index.php?showtopic=1970
Người gửi: BHL May 22 2006, 01:59 PM
Để cho tiện, tôi xin trích dẫn lại bài của bác Tacaza vô đây luôn, khỏi mất công mở cái kia lên... 
Bạn chỉ việc làm theo 3 bước sau:
1. Vào trang web http://vnvista.com/go.php?url=http://imageshack.us
2. Click nút Browse (xem hình dưới) để chọn ảnh cần upload từ máy tính của bạn
<img src='http://img149.imageshack.us/img149/5585/17zx2.jpg' border='0' alt='(A?nh hien gio ko hien thi duoc)' title='VnVista Forum Image' />
Sau khi chọn file để upload xong, các bạn click vào nút "host it!" (hình dưới)
<img src='http://img149.imageshack.us/img149/6079/27rl.jpg' border='0' alt='(A?nh hien gio ko hien thi duoc)' title='VnVista Forum Image' />
3. Chờ một lúc để hình được upload lên (nếu kích thước hình lớn thì sẽ phải chờ lâu), sau đó bạn sẽ được chuyển tới một trang mới:
<img src='http://img157.imageshack.us/img157/6381/35vh.jpg' border='0' alt='(A?nh hien gio ko hien thi duoc)' title='VnVista Forum Image' />
- Nếu bạn muốn chèn vào bài viết của mình một hình thu nhỏ của hình vừa được upload để khi người xem click vào hình đó sẽ được chuyển tới hình lớn thì bạn click vào khung thứ hai từ trên xuống (khung bên cạnh có chữ "Thumbnail for forums (1)" - phần đánh dấu chữ X ở hình minh họa trên), rồi click chuột phải, chọn "Copy" từ menu chuột phải, sau đó trở lại phần soạn bài viết ở trang web cá nhân của bạn, click chuột phải vào chỗ bạn muốn chèn ảnh, chọn "Paste" từ menu chuột phải để dán đoạn mã ảnh vào đó. Đoạn mã có dạng như sau (vd):
Xong! Khi bạn gửi bài, phần mã ảnh bạn vừa dán sẽ được thay thế bằng hình thu nhỏ của hình bạn vừa upload, và khi click vào hình đó sẽ mở một cửa sổ mới có hình kích thước thật.
- Nếu bạn muốn chèn vào bài viết của mình hình vừa upload với kích thước thật thì hãy click vào khung dài thứ tư từ trên xuống (khung bên cạnh có chữ "Hotlink for forums (1)" - phần đánh dấu chữ Y ở hình minh họa trên), rồi click chuột phải, chọn "Copy" từ menu chuột phải, sau đó trở lại phần soạn bài viết ở trang web cá nhân của bạn, click chuột phải vào chỗ bạn muốn chèn ảnh, chọn "Paste" từ menu chuột phải để dán đoạn mã ảnh vào đó. Đoạn mã có dạng như sau (vd):
Xong! Khi bạn gửi bài, phần mã ảnh bạn vừa dán sẽ được thay thế bằng hình bạn vừa upload với kích thước thật. ( bạn có thể xóa đoạn
Người gửi: BHL May 22 2006, 06:31 PM
Như vậy sau khi đọc bài trên bạn biết cách gửi hình rồi đúng không 
. Rất đơn giản. Còn nếu bạn đọc bài trên mà vẫn chưa hiểu thì tôi xin nói lại cho rõ : bạn chỉ cần vào 1 trong 2 host http://photobucket.com (cần đăng ký tài khoản - miễn phí) hoặc http://imageshack.us
Sau đó bạn upload hình lên host, sau đó nó cho bạn cái link hình, bạn copy cái link hình đó và chèn vào mã IMG. Có thể viết IMG hay img đều được
Ví dụ hình của tôi sau khi upload nó có link (đường dẫn) là :
http://i7.photobucket.com/albums/y300/bachoclight2/366566.jpg
Tôi chèn vào :
Vậy là nó ra :
Ngoài ra, nếu bạn có hình thumbnail (hình thu nhỏ) của nó, thì bạn muốn post hình thumbnail, và khi click chuột vào hình thumbnail nó sẽ mở ra hình lớn, thì hãy xem cách sau :
Ví dụ :
Hình thumbnail của hình trên là :
Chèn hình lớn vào hình thu nhỏ, thì làm như sau :
Cấu trúc :
Và nó sẽ ra :
(bấm vào đây để mở hình lớn)
http://i7.photobucket.com/albums/y300/bachoclight2/366566.jpg
Vậy thôi, còn nếu bạn chỉ muốn post TEXT LINK thay cho thumbnail, thì bạn có thể viết là :
Cấu trúc :
Ví dụ : (cái con màu vàng đó tên là mettool, vì vậy tôi đặt tên hình là mettool)
Nó sẽ ra là :
(bấm vào đây để mở hình lớn)
http://i7.photobucket.com/albums/y300/bachoclight2/366566.jpg
Bạn không cần quan tâm tới các mã "code" hay "B" hay "I" trong bài tôi làm gì, đó chỉ là các mã bold (bôi đậm) và italic (in nghiêng) thôi... Còn [CODE] là để minh hoạ cho bài viết để nó không bị hiện ra ảnh. Chúc các bạn thành công....
Mục đích của việc sử dụng thumbnail-link hay text-link là để cho bài viết mình gọn lại, và ảnh sẽ load nhanh hơn, nếu bạn post cả ảnh lớn như vậy thì sẽ rất nặng, vừa cực cho người viết, vừa cực cho người đọc và cả server nữa, chẳng có ích gì hết, vì thế với số lượng ảnh nhiều trong bài viết thì bạn nên post link ảnh không, hoặc text-link, hoặc thumbnail link thôi nhé
Người gửi: BHL May 26 2006, 01:45 PM
Để cho bài viết đựơc gọn gàng hơn, tôi đề nghị các bạn hãy chèn thêm mã spoiler vào hình của mình (nếu là hình lớn - cỡ khung trả lời trở lên)
VD :
ví dụ hình này chẳng hạn :
http://i7.photobucket.com/albums/y300/bachoclight2/366566.jpg
=> nó sẽ ra :
Bạn chỉ việc bấm vào nút CLICK HERE là nó sẽ hiện ra...bấm lần nữa để thu gọn lại, cứ thế...
Vậy nhé, từ nay về sau nếu bài nào chơi hình lớn mà không xài mã này tui warn ráng chịu
Còn post nhiều hình một bài thì tăng thêm warn cho chừa, vì lợi ích chung của mọi người
Coi tiếp bài DIV=abc bên dưới. Cái đó cũng rất có lợi...
Người gửi: BHL May 30 2006, 12:47 PM
Ngoài mã SPOILER ở trên ra, các bạn cũng có thể dùng mã DIV=abc
Trong đó : abc là con số, tính bằng PIXEL ví dụ 100, 200, 300,... hoặc cũng có thể là số khác, ở đây tôi chọn từ 60-80 là vừa.
Ví dụ hình này :
http://i7.photobucket.com/albums/y300/bachoclight2/366566.jpg
Sau khi cho vào thẻ DIV=abc :
[div=80]
[img]http://i7.photobucket.com/albums/y300/bachoclight2/366566.jpg[/img][/div]
Nó sẽ ra là :
Khi đó chỉ việc kéo thanh trựơt để xem tiếp tấm hình...
Cái này rất có lợi, thay vì post ảnh lớn sẽ kéo dài ra mất thẩm mỹ bài viết >_<.
Do đó tôi khuyên các bạn nên dùng 1 trong 2 cách trên:
1) là dùng thẻ SPOILER
2) là dùng thẻ div=số pixel
Đó là dùng cho hình lớn (cỡ con này trở lên, còn hình bé tí tẹo thì khỏi...
Vậy nhé...
Người gửi: BHL May 30 2006, 12:53 PM
Có gì thắc mắc các bạn có thể hỏi đáp luôn trong này......., tôi đặt chú ý cho nó lên trên cùng...
Người gửi: BHL Jun 10 2006, 11:32 AM
Các bạn tham khảo thêm các bài viết khác về hình ảnh :
http://vnvista.com/forums/topic2603.html
Tiện hơn, tôi xin hướng dẫn các bbcode về hình ảnh trong diễn đàn :
--------------------------------------------------------------------
Quy định post ảnh :
1) Dùng một trong các thẻ (có thể kết hợp các thẻ lại với nhau)
a) SPOILER (dùng để thu gọn ảnh lại, cho bài gọn)
b) DIV=abc (cũng cho bài gọn lại, thay abc bằng số pixel (số điểm ảnh), ví dụ : abc = 80, 100, 150, 200)
Tốt nhất, theo tôi các bạn nên để nhỏ nhất là 80, còn cao nhất là 200, như thế bài viết sẽ gọn gàng hơn...
c) IMGRESIZE=abc để post ảnh lớn, hoặc nhỏ cũng được. (tương tự, thay abc= số pixel)
Lớn quá có thể thu nhỏ, còn nhỏ có thể phóng lớn...
d) Tốt nhất, chỉ đưa link ảnh thôi, và hãy chắc chắn rằng nó "còn sống".
Dùng ImageShack.us hoặc PhotoBucket.com để host ảnh (hoặc cái khác tốt hơn mà bạn biết). Không dùng anhso.net, vì nó sẽ xoá ảnh của bạn...
2) Không post quá 4 ảnh LỚN trong 1 bài. Ảnh nhỏ thì thoải mái
3) Chữ ký và hình nền bài viết :
- Dùng chữ ký/hình nền có dung lượng dưới 180 KB và kích thước không đựơc quá lớn
- Không dùng hình động làm ảnh nền và sắp xếp theo kiểu TILE +_+.
- Cái hình mẫu ở dưới của tui là <100KB và kích thước vậy là vừa rồi. Đừng nên chơi ảnh lớn hơn kích thước đó !!!
4) Tạm thời là vậy, ai không nghe thì tui pm 1 lần, lần 2 chém
, lúc đó đừng trách tui !!!--------------------------------------------------------------------
Chữ ký mẫu :
--------------------------------------------------------------------
Good Luck
Mong rằng với các bbcode mà bác Tacaza đưa vào diễn đàn như vậy, các bạn sẽ làm phong phú thêm bài viết của mình
Người gửi: kieunga_lethi2000 Jun 21 2006, 01:54 PM
Cám ơn bạn, chỉ dẫn của bạn rất dễ hiểu, rất cặn kẽ. Tôi đã thực hiện mong muốn bấy lâu, là làm cho mình một trang web cá nhân. Trang web của tôi có thể các bạn thấy nó không đẹp, không hay...nhưng với tôi thì ...không nghĩ mình làm được như vậy. Nhờ các bạn đó, cảm ơn rất nhiều. Không biết trang web của tôi tồn tại bao lâu hở bạn Cat aza ? Tôi còn lấn cấn chỗ không biết chèn nhạc vào bài viết thế nào, vui lòng hướng dẫn được không ?
MỘT THÀNH VIÊN KHIẾM THÍNH
Người gửi: BHL Jun 21 2006, 03:31 PM
Lạc đề rồi nhé, hỏi về ảnh & cách post ảnh, những trục trặc liên quan tới post ảnh... thì bạn có thể vô tư vào đây hỏi 
Tacaza, tên đúng phải là như vậy.
WEb của bạn tôi thấy cũng đẹp đó mà
Nếu bạn khiếm thính tại sao bạn lại đòi chèn nhạc 
?
Về nhạc nhẽo hay bb code khác kg liên quan tới hình ảnh, xin bạn vui lòng vào box giải đáp về blog... hay hướng dẫn sử dụng diễn đàn ^^
Người gửi: huydesign Jul 11 2006, 11:04 AM
Nếu muốn thay Banner trên cùng của trang web cá nhân em phải làm thế nào xin nhờ các bác giúp em vơi! em vừa làm xong nhưng không biết cách đưa lên 
Người gửi: hoyatashi Jul 11 2006, 12:24 PM
xí xí tui hơi lạc đề một chúc , bà con có trang web nào up nhạc ko cần đăng ký ko vậy
Người gửi: BHL Jul 14 2006, 06:28 PM
2 bài này lạc đề, và không liên quamk => tui không trả lời +_+
Mời 2 bạn vào đây :
http://vnvista.com/forums/forum109.html
Người gửi: ruanshi Sep 7 2006, 05:39 PM
hỏi cách viết bài một bên hình một bên ảnh như the nay thi phải làm sao???
như hình minh hoạ trên
Người gửi: tamnhieuchuyen Sep 15 2006, 11:09 AM
khà khà !!!!.........Tám tui thanks BHL nhìu lắm nha . Tám tui đọc và làm theo bài chỉ dẫn của bạn . hiện tại Tám tui đã bõ hình vô spoiler đưo85c rùi , bửa nào khao bạn uống cafê nha
Người gửi: Em gái của Hoài Linh Mar 23 2007, 04:26 PM
Em nhìn em chả hỉu gì cả ! Anh admin thiết kế kại cho đơn giản hơn đi ! 
Người gửi: BHL Mar 24 2007, 06:48 PM
Gì mà không hiểu 
chỉ cặn kẽ vậy là dễ hiểu lắm rồi, còn đòi hỏi gì nữa
Người gửi: phanlinhtrang Oct 8 2007, 09:29 PM
. Rất đơn giản. Còn nếu bạn đọc bài trên mà vẫn chưa hiểu thì tôi xin nói lại cho rõ : bạn chỉ cần vào 1 trong 2 host http://photobucket.com (cần đăng ký tài khoản - miễn phí) hoặc http://imageshack.usSau đó bạn upload hình lên host, sau đó nó cho bạn cái link hình, bạn copy cái link hình đó và chèn vào mã IMG. Có thể viết IMG hay img đều được
Ví dụ hình của tôi sau khi upload nó có link (đường dẫn) là :
http://i7.photobucket.com/albums/y300/bachoclight2/366566.jpg
Tôi chèn vào :
Vậy là nó ra :
<img src='http://i7.photobucket.com/albums/y300/bachoclight2/366566.jpg' border='0' alt='(A?nh hien gio ko hien thi duoc)' title='VnVista Forum Image' />
Ngoài ra, nếu bạn có hình thumbnail (hình thu nhỏ) của nó, thì bạn muốn post hình thumbnail, và khi click chuột vào hình thumbnail nó sẽ mở ra hình lớn, thì hãy xem cách sau :
Ví dụ :
Hình thumbnail của hình trên là :
<img src='http://s7.photobucket.com/albums/y300/bachoclight2/th_366566.jpg' border='0' alt='(A?nh hien gio ko hien thi duoc)' title='VnVista Forum Image' />
Chèn hình lớn vào hình thu nhỏ, thì làm như sau :
Cấu trúc :
Và nó sẽ ra :
(bấm vào đây để mở hình lớn)
http://i7.photobucket.com/albums/y300/bachoclight2/366566.jpg
Vậy thôi, còn nếu bạn chỉ muốn post TEXT LINK thay cho thumbnail, thì bạn có thể viết là :
Cấu trúc :
Ví dụ : (cái con màu vàng đó tên là mettool, vì vậy tôi đặt tên hình là mettool)
Nó sẽ ra là :
(bấm vào đây để mở hình lớn)
http://i7.photobucket.com/albums/y300/bachoclight2/366566.jpg
Bạn không cần quan tâm tới các mã "code" hay "B" hay "I" trong bài tôi làm gì, đó chỉ là các mã bold (bôi đậm) và italic (in nghiêng) thôi... Còn [CODE] là để minh hoạ cho bài viết để nó không bị hiện ra ảnh. Chúc các bạn thành công....
Mục đích của việc sử dụng thumbnail-link hay text-link là để cho bài viết mình gọn lại, và ảnh sẽ load nhanh hơn, nếu bạn post cả ảnh lớn như vậy thì sẽ rất nặng, vừa cực cho người viết, vừa cực cho người đọc và cả server nữa, chẳng có ích gì hết, vì thế với số lượng ảnh nhiều trong bài viết thì bạn nên post link ảnh không, hoặc text-link, hoặc thumbnail link thôi nhé
Hay nhỉ nhưng nhiều người không chịu đọc tham khảo nên không biết
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)