Bulleted Text với CSS trong Flash

Hướng dẫn Flash miễn phí, Sử dụng CSS trong Flash, Bullet Text

Điều này được thực hiện trong trường văn bản và đạn là một Movie Clip đơn giản. 

Tạo ra bạn bullet Movie Clip và vẽ nó như bạn muốn, tôi làm bốn viên đạn khác nhau làm ví dụ: 
Hướng dẫn Flash miễn phí, Sử dụng CSS trong Flash, Bullet Text

Đặt định danh cho bạn bullet, tôi sẽ sử dụng một hình vuông, do đó, nhận dạng của tôi sẽ được “hình vuông”. 

Mở hành động cho khung đầu tiên trong dòng thời gian chính và dán:

_root.createTextField (“textBox”, 33, 100, 100, 300, 300); / / để cho hộp văn bản của chúng tôi có nhiều hơn một dòng textBox.multiline = true; / / quấn văn bản nếu nó quá lớn textBox.wordWrap = true; // cho phép sử dụng html hoặc CSS textBox.html = true; TextBox.htmlText = “<img src = ‘square’ vspace = ‘5’ hspace = ’10 ‘> Mục 1 </ textformat> <br> <img src =’ square ‘vspace =’ 5 ‘hspace =’ 10 ‘> Mục 2 </ textformat> <br> <img src =’ square ‘vspace =’ 5 ‘hspace = ’10’> Mục 3 </ textformat> <br> <img src = ‘ square ‘vspace =’ 5 ‘hspace = ’10’> Mục 4 </ textformat> <br> <br> “;

Trong dòng đầu tiên, chúng ta đã tạo ra một hộp văn bản có các tham số sau:

_root.createTextField (“tên”, chiều sâu, _x, _y, chiều rộng, chiều cao);

Bạn phải làm cho chiều rộng và chiều cao đủ lớn để phù hợp với tất cả văn bản của chúng tôi. 

Trong phần cuối cùng của mã nơi chúng tôi thiết lập hmltText của hộp văn bản của chúng tôi, chúng tôi sử dụng một số mã CSS:

// đây là mã cho mục đầu tiên <img src = ‘square’ vspace = ‘5’ hspace = ’10 ‘> Mục 1 </ textformat> <br> <br>

Đối với nguồn hình ảnh chúng tôi đã sử dụng “hình vuông”, đó là định danh của Movie Clip đạn. “vspace” và “hspace” được sử dụng chỉ để tập trung các viên đạn bằng văn bản. 
Phần còn lại của mã CSS là cùng một điều, chỉ cần thay đổi văn bản giữa các thẻ hoặc định danh nếu bạn muốn sử dụng các đạn khác nhau: 
Hướng dẫn Flash miễn phí, Sử dụng CSS trong Flash, Bullet Text

Để sử dụng này bạn luôn phải tự động đặt văn bản hoặc nó sẽ không hoạt động.

Leave a Reply

Your email address will not be published. Required fields are marked *