Viết blog - Phần 4

- Bài tập 1: Danh mục/ Danh sách/ Chương mục/List
- Bài viết lùi dòng đâu trong câu mở đầu
- Cách viết Chữ Đổ Bóng / Text-shadow

Style	Description
list-style-type:disc	The list items will be marked with bullets (default)
list-style-type:circle	The list items will be marked with circles
list-style-type:square	The list items will be marked with squares
list-style-type:none	The list items will not be marked

And more!

Disc:

<ul style="list-style-type:disc">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

Disc:

Coffee
Tea
Milk

Circle:

<ul style="list-style-type:circle">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

Circle:

Coffee
Tea
Milk

Square:

<ul style="list-style-type:square">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

Square:

Coffee
Tea
Milk

None:

<ul style="list-style-type:none">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

None:

Coffee
Tea
Milk

Numbers:

<ol type="1">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

Numbers:

Coffee
Tea
Milk

Uppercase Letters:

<ol type="A">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

Uppercase Letters:

Coffee
Tea
Milk

Lowercase Letters:

<ol type="a">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

Lowercase Letters:

Coffee
Tea
Milk

Uppercase Roman Numbers:

<ol type="I">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

Uppercase Roman Numbers:

Coffee
Tea
Milk

Lowercase Roman Numbers:

<ol type="i">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

Lowercase Roman Numbers:

Coffee
Tea
Milk

Còn rất nhiều kiểu bullet dùng khi trình bày danh sách, danh bạ (list). Chỉ lấy vài thứ căn bản cần thiết khi viết blog. Những bullet ở đây được lấy từ nguồn:
HTML Tutorial
http://www.w3schools.com/html/default.asp

Ngoài ra, có thể làm danh sách bullet bằng hình.
Để cho vui vui trước khi qua bài tập viết blog về danh sách/list. Xin được trình bày thêm cách lấy hình lá cờ VNCH làm bullet list.

[ul style="list-style-image:
url('https://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Flag_of_South_Vietnam.svg/30px-Flag_of_South_Vietnam.svg.png');"]

Trong trận chiến này có sự tham dự của ba vị sĩ quan xuất thân từ Trường Thiếu Sinh Quân:

Thiếu Tá Hòa Tiểu Đoàn Trưởng
Đại Úy Bổn Đại Đội Trưởng
Chuẩn Úy Hiếu Trung Đội Trưởng

Thiếu Tá Hòa xuất thân từ Trường Sĩ Quan Đồng Đế.

Đại Úy Bổn tốt nghiệp Trường Võ Bị Quốc Gia Việt Nam và The Basic School-USMC.

Chuẩn Úy Hiếu Trường Võ Khoa Thủ Đức.

Thiếu Sinh Quân Với Phòng Tuyến Mỹ Chánh
https://caybut2.blogspot.com/2016/02/thieu-sinh-quan-voi-phong-tuyen-my-chanh.html

Code list-style-Image:

 


Trong trận chiến này có sự tham dự của ba vị sĩ quan xuất thân từ Trường Thiếu Sinh Quân:
 
<ul style="list-style-image:
url('https://i767.photobucket.com/albums/xx312/nguyenus90/Flag_of_South_Vietnam.svg_zpsdhpdsayp.png');">

<li>Thiếu Tá Hòa Tiểu Đoàn Trưởng</image></li>
<li> Đại Úy Bổn Đại Đội Trưởng </image></li>
<li> Chuẩn Úy Hiếu Trung Đội Trưởng</image></li>
 
<li> Thiếu Tá Hòa xuất thân từ Trường Sĩ Quan Đồng Đế.</image></li>
 
<li> Đại Úy Bổn tốt nghiệp Trường Võ Bị Quốc Gia Việt Nam và The Basic School-USMC.</image></li>
 
<li> Chuẩn Úy Hiếu Trường Võ Khoa Thủ Đức.</image></li>
</ul>

Code của hai bài. Một loại bài viết không thụt đầu dòng và đầu câu và một loại bài viết thụt đầu dòng và đầu câu / text-indent

<div style=" margin:12pt 24pt 0pt;text-align: justify; ">
<font-style=" font-size: 20pt; color: navy; font-family: Cambria; background-color: transparent; margin: 0pt 10pt 0pt 0pt;"> Đổ bộ xuống Cầu Đá, chúng tôi ướt sủng, mệt lả và đói meo với túi quân trang trĩu nặng nước mưa trên vai. Sau 10 giờ đêm, đoàn xe chở 182 Sinh Viên Sĩ Quan Khóa 26 - Đệ Tam KIM NGƯU vừa đổ xuống trước cổng quân trường thì nhanh như chớp, một rừng đàn anh Khóa 25 "ở đâu" ùa tới, la hét vang trời:   – "Các anh 26! Các anh 26!"   Và thế là những "trò chơi" bắt đầu - một giai đoạn cam go - giai đoạn HUẤN NHỤC hay còn gọi là HUẤN CHÍ.   Xin chú ý, tôi gọi những hình phạt trong thời gian HUẤN NHỤC là những "trò chơi" vì hình phạt nào của đàn anh 25 cũng ngộ nghĩnh, chưa từng thấy trong thời gian 3 tháng rèn luyện Căn Bản Quân Sự ở Trung Tâm Huấn Luyện Cam Ranh bao giờ!   Ngày đầu vào quân trường, phải nói là "đêm" đầu mới đúng vì vào trường sau 10 giờ đêm, tôi đã được hân hạnh ôm cây GARANT M1 nằm ngủ quên dưới cơn mưa trong sân cờ TRUNG TÂM HUẤN LUYỆN HẢI QUÂN NHA TRANG vì quá mỏi mệt, sau khi bị phạt từ ngoài cổng phạt vô mà chẳng biết mình bị tội gì. Tôi giật mình thức giấc khi hai lỗ tai lùng bùng nghe tiếng thét trong đêm khuya chen lẫn trong tiếng gió, mưa: "Các anh 26!!! Các anh 26!!!"  Từ đó, mỗi lần nghe tiếng thét "Các anh 26!!!" của đàn anh là tôi nổi da gà! Dù là trong cơn mưa, gió, lạnh lùng của Nha Trang trời tháng 8.  

</div>

Bài viết theo cách không thụt đầu hàng ở dòng đầu

Đổ bộ xuống Cầu Đá, chúng tôi ướt sủng, mệt lả và đói meo với túi quân trang trĩu nặng nước mưa trên vai. Sau 10 giờ đêm, đoàn xe chở 182 Sinh Viên Sĩ Quan Khóa 26 - Đệ Tam KIM NGƯU vừa đổ xuống trước cổng quân trường thì nhanh như chớp, một rừng đàn anh Khóa 25 "ở đâu" ùa tới, la hét vang trời:

– "Các anh 26! Các anh 26!"

Và thế là những "trò chơi" bắt đầu - một giai đoạn cam go - giai đoạn HUẤN NHỤC hay còn gọi là HUẤN CHÍ.

Xin chú ý, tôi gọi những hình phạt trong thời gian HUẤN NHỤC là những "trò chơi" vì hình phạt nào của đàn anh 25 cũng ngộ nghĩnh, chưa từng thấy trong thời gian 3 tháng rèn luyện Căn Bản Quân Sự ở Trung Tâm Huấn Luyện Cam Ranh bao giờ!

Ngày đầu vào quân trường, phải nói là "đêm" đầu mới đúng vì vào trường sau 10 giờ đêm, tôi đã được hân hạnh ôm cây GARANT M1 nằm ngủ quên dưới cơn mưa trong sân cờ TRUNG TÂM HUẤN LUYỆN HẢI QUÂN NHA TRANG vì quá mỏi mệt, sau khi bị phạt từ ngoài cổng phạt vô mà chẳng biết mình bị tội gì.

Tôi giật mình thức giấc khi hai lỗ tai lùng bùng nghe tiếng thét trong đêm khuya chen lẫn trong tiếng gió, mưa: "Các anh 26! Các anh 26!"

Từ đó, mỗi lần nghe tiếng thét "Các anh 26!" của đàn anh là tôi nổi da gà! Dù là trong cơn mưa, gió, lạnh lùng của Nha Trang trời tháng 8.

Code text-indent



Đổ bộ xuống Cầu Đá, chúng tôi ướt sủng, mệt lả và đói meo với túi quân trang trĩu nặng nước mưa trên vai. Sau 10 giờ đêm, đoàn xe chở 182 Sinh Viên Sĩ Quan Khóa 26 - Đệ Tam KIM NGƯU vừa đổ xuống trước cổng quân trường thì nhanh như chớp, một rừng đàn anh Khóa 25 "ở đâu" ùa tới, la hét vang trời:  


—  "Các anh 26! Các anh 26!" 


Và thế là những "trò chơi" bắt đầu - một giai đoạn cam go - giai đoạn HUẤN NHỤC hay còn gọi là HUẤN CHÍ.  


Xin chú ý, tôi gọi những hình phạt trong thời gian HUẤN NHỤC là những "trò chơi" vì hình phạt nào của đàn anh 25 cũng ngộ nghĩnh, chưa từng thấy trong thời gian 3 tháng rèn luyện Căn Bản Quân Sự ở Trung Tâm Huấn Luyện Cam Ranh bao giờ!  



Ngày đầu vào quân trường, phải nói là "đêm" đầu mới đúng vì vào trường sau 10 giờ đêm, tôi đã được hân hạnh ôm cây GARANT M1 nằm ngủ quên dưới cơn mưa trong sân cờ TRUNG TÂM HUẤN LUYỆN HẢI QUÂN NHA TRANG vì quá mỏi mệt, sau khi bị phạt từ ngoài cổng phạt vô mà chẳng biết mình bị tội gì.  


Tôi giật mình thức giấc khi hai lỗ tai lùng bùng nghe tiếng thét trong đêm khuya chen lẫn trong tiếng gió, mưa:  "Các anh 26! Các anh 26!"  


Từ đó, mỗi lần nghe tiếng thét  "Các anh 26!"  của đàn anh là tôi nổi da gà! Dù là trong cơn mưa, gió, lạnh lùng của Nha Trang trời tháng 8.  



— "Các anh 26! Các anh 26!"

Và thế là những "trò chơi" bắt đầu - một giai đoạn cam go - giai đoạn HUẤN NHỤC hay còn gọi là HUẤN CHÍ.

Xin chú ý, tôi gọi những hình phạt trong thời gian HUẤN NHỤC là những "trò chơi" vì hình phạt nào của đàn anh 25 cũng ngộ nghĩnh, chưa từng thấy trong thời gian ba tháng rèn luyện Căn Bản Quân Sự ở Trung Tâm Huấn Luyện Cam Ranh bao giờ!

Ngày đầu vào quân trường, phải nói là "đêm" đầu mới đúng vì vào trường sau 10 giờ đêm, tôi đã được hân hạnh ôm cây GARANT M1 nằm ngủ quên dưới cơn mưa trong sân cờ TRUNG TÂM HUẤN LUYỆN HẢI QUÂN NHA TRANG vì quá mỏi mệt, sau khi bị phạt từ ngoài cổng phạt vô mà chẳng biết mình bị tội gì.

Tôi giật mình thức giấc khi hai lỗ tai lùng bùng nghe tiếng thét trong đêm khuya chen lẫn trong tiếng gió, mưa: "Các anh 26! Các anh 26!"

Từ đó, mỗi lần nghe tiếng thét "Các anh 26!" của đàn anh là tôi nổi da gà! Dù là trong cơn mưa, gió, lạnh lùng của Nha Trang trời tháng 8.

Phần trích đoạn... Xin đọc toàn bài viết tại đây:
➤ Khóa 26 - Đệ Tam KIM NGƯU
http://www.herbalworldcenter.com/phanrang/tinhxuatruongcu-Khoa26-DeTamKimNguu-TruongSiQuanHaiQuanNhaTrang.htm

Text-shadow

Những loại kiểu chữ đổ bóng

Text-shadow

Việt Nam Cộng Hòa

Võ Bị Đà Lạt

Mùa Hè Đỏ Lửa 1972

Võ Bị Đà Lạt

Tái Chiếm Triệu Phong

Biệt Động Quân

Thủy Quân Lục Chiến

Thủ đô Sài Gòn

Code của text-shadow:

1
<div style="text-align:justify;text-shadow:2px 2px 4px black;color:rgb(255,255,4);font-family:'Time New Roman';font-size:20pt;">
<h1>Việt Nam Cộng Hòa </h1>
</div>

2

<div style="text-shadow: 2px 4px violet;color:teal;font-family:'Cambria';font-size:20pt;">
<h1>  Võ Bị Đà Lạt </h1>
</div>

3

<div style="text-shadow:2px 2px 4px orange;color:crimson;font-family:'oldbook';font-size:20pt;">
<h1>Mùa Hè Đỏ Lửa 1972</h1>
</div>

4

<div style="background-color:teal;color:white;text-shadow:2px 5px red;font-family:'Time New Roman';font-size:20pt;">
<h1>  Võ Bị Đà Lạt </h1>
</div>

5

<div style="text-align:justify;text-shadow:2px 2px 4px darkviolet;color:rgb(255,255,4);font-family:'Time New Roman';font-size:20pt;">
<h1>Tái Chiếm Triệu Phong </h1>
</div>

6

<div style="text-align:justify;text-shadow:2px 2px 4px salmon;color:maroon;font-family:'Time New Roman';font-size:20pt;">
<h1>Biệt Động Quân </h1>
</div>

7

<div style="text-shadow:2px 2px 4px aquamarine;color:teal;font-family:'Time New Roman';font-size:20pt;">
<h1>Thủy Quân Lục Chiến </h1>
</div>

8

<div style="text-align: justify;text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue; color: white; font-family:'Times'; font-size: 50pt; width="55";>
Thủ đô Sài Gòn
</div>

Một bài thơ nói về nỗi tiếc thương khi bức tượng bị cho giật sập vì sự trả thù của Việt cộng

Tiếc Thương

Đi qua chốn cũ anh ngồi,
Còn đâu thấy nữa dáng người năm xưa.
Chiến tranh, dâu bể, nắng mưa,
Bụi thời gian đã phủ mờ rêu xanh.
Chừng trông vẫn tựa bóng anh,
Trong tâm ai đó còn dành "tiếc thương".

Đỗ Hoàng Ý

Code của bài thơ chữ đổ bóng

 

<div style="text-align: justify;text-shadow:darkmagenta 2px 2px 2px; color:cyan; font-family: 'cambria'; font-size: 37pt; width="650";>
 Tiếc Thương 
</div> 
<div style="text-align: justify; text-shadow: cyan 2px 2px 2px; color:#9900ff; font-family: 'cambria'; font-size: 28pt; width="650";>
Đi qua chốn cũ anh ngồi, 
Còn đâu thấy nữa dáng người năm xưa. 
Chiến tranh, dâu bể, nắng mưa, 
Bụi thời gian đã phủ mờ rêu xanh. 
Chừng trông vẫn tựa bóng anh, 
Trong tâm ai đó còn dành "tiếc thương". 
<div style="text-align: justify; text-shadow: darkmagenta 2px 2px 2px; color:cyan; font-family: 'cambria'; font-size: 30pt; width="650";>
Đỗ Hoàng Ý<
</div></div>

********************************************

Dưới đây không phải là bài tập, mà là những bài viết để cho ta có ý niệm về cách đánh số trong bản văn.
Chúng ta đang tập viết blog như một trò giải trí khám phá về kỹ thuật hiện đại.
Đến một lúc nào đó, ta cũng sẽ trở thành một tay viết blog, web thành thạo. Biết đâu ta sẽ có ý tưởng muốn viết một bài tường trình, một bản khảo cứu, một bài biên khảo về đề tài nào đó. Chẳng hạn như 'cuộc thảm sát người dân làng Ba Chúc năm 1978' mà Việt cộng đã đổ thừa cho người Miên mà chúng ta thấy cần phải đưa ra ánh sáng sự kiện này.

Topic and Sentence Outlines
and
Indention for Parallel Structure.

Use parallel structure for parallel parts of the topic outline to clarify the coordination of parts. In topic outlines, the major headings (I, II, III, and so on) should be expressed in parallel structure, as should each group of subheadings. Any intelligible system of notation is acceptable. The one used for both the topic outline and the sentence outline is in common use. This system, expanded to show subheadings of the second and third degrees, is as follows:

I. .......................[Used for major headings]

   A.  .....................[Used for subheadings of the                              first degree]
   B.  .....................[Used for subheadings of the                              first degree]
      1.  ..................[Used for subheadings of the                              second degree]
      2.  ..................[Used for subheadings of the                              second degree]
         a.  ...............[Used for subheadings of the                              third degree]
         b.  ...............[Used for subheadings of the                              third degree]
II.  .......................

The Rise of the New Deal Order

I. Your musical introduction

A. Row, Row, Row With Roosevelt

B. Roosevelt, Garner, and Me

C. Happy Days Are Here Again

D. F.R.'s First Inauguration Speech

II. Historical Question

A. Was the New Deal a radical social reform program?

III. Thesis

A. Roosevelt's haphazard program of New Deal reforms brought radically new approaches to American social reform. The expansion of the federal government, redefinitons of poverty and its causes, as well as a social welfare system that has become a steple of all subsequent presidential administrations testify to the New Deal's seminal importance in American political and social life.

IV. The "New" Deal

A. The Expansion of the Federal Government

1. The 100 Days and Alphabet Soup

B. Redefinitions of Poverty

1. The Federal Emergency Relief Administration

a. Harry Hopkins, Spending To Save

b. Local government

c. A New Deal for Blacks?

C. Social Welfare

1. The Second New Deal

2. The Social Security of 1935

V. Suggestions for further reading include:

A. Michael Moore's video Roger and Me offers great insights into 1930s working-class history. Rent it at your local video store.

B. Lizbeth Cohen, Making a New Deal: Industrial Workers in Chicago, 1919-1930

C. Alan Brinkley, Voices of Protest: Huey Long, Father Coughlin, and the Great Depression

Outline paper

Outlines and Parallel Structure
(The Rise of the New Deal Order)

I. ............................................................

A. ............................................................

B. ............................................................

C. ............................................................

D. ............................................................

II. ............................................................

A. ............................................................

III. ............................................................

A. ............................................................

IV. ............................................................

A. ............................................................

1. ............................................................

B. ............................................................

1. ............................................................

a. ............................................................

b. ............................................................

c. ............................................................

C. ............................................................

1. ............................................................

2. ............................................................

V. ............................................................

A. ............................................................

B. ............................................................

C. ............................................................

Parallelism with headings

To format a multipage report

Use the same side margins for all pages of the report.

Leave an approximate 2-inch top margin on page 1.

Leave an approximate 1-inch bottom margin on all pages.

Leave a 1-inch top margin on continuing pages.

Do not number the first page. However, number all continuing pages at the top right margin.

Note: When you reach the end of a page, your word processing software will automatically insert a soft page break.

--------->>> try out

1
text-shadow:darkmagenta 2px 2px 2px; color: skyblue; font-family:'cambria'

Tiếc Thương

Đỗ Hoàng Ý

text-shadow:darkmagenta 2px 2px 2px; color: skyblue; font-family:'cambria'

 

<div style="text-shadow:darkmagenta 2px 2px 2px; color: skyblue; font-family:'cambria'; font-size: 37pt; width="650";>

Tiếc Thương
</div>
 
<div style="text-align: justify;text-shadow:darkmagenta 2px 2px 2px; color: skyblue; font-family: 'cambria'; font-size: 28pt; width="650";>
Đi qua chốn cũ anh ngồi, 
Còn đâu thấy nữa dáng người năm xưa. 
Chiến tranh, dâu bể, nắng mưa, 
Bụi thời gian đã phủ mờ rêu xanh. 
Chừng trông vẫn tựa bóng anh, 
Trong tâm ai đó còn dành "tiếc thương". 
 
<div style="text-align: justify; text-shadow:darkmagenta 2px 2px 2px; color: skyblue; font-family: 'cambria'; font-size: 30pt; width="650";>
Đỗ Hoàng Ý
</div>
</div>
 

2
text-shadow:darkmagenta 2px 2px 2px; color: cyan; font-family: 'cambria'

Tiếc Thương

Đỗ Hoàng Ý

2

 text-shadow:darkmagenta 2px 2px 2px; color: cyan; font-family: 'cambria'
 
<div style="text-align: justify;text-shadow:darkmagenta 2px 2px 2px; color: cyan; font-family: 'cambria'; font-size: 37pt; width="650";>
Tiếc Thương
</div>
 
<div style="text-align: justify;text-shadow:darkmagenta 2px 2px 2px; color: cyan; font-family: 'cambria'; font-size: 28pt; width="650";>
Đi qua chốn cũ anh ngồi, 
Còn đâu thấy nữa dáng người năm xưa. 
Chiến tranh, dâu bể, nắng mưa, 
Bụi thời gian đã phủ mờ rêu xanh. 
Chừng trông vẫn tựa bóng anh, 
Trong tâm ai đó còn dành "tiếc thương". 
<div style="text-align: justify; text-shadow:darkmagenta 2px 2px 2px; color: cyan; font-family: 'cambria'; font-size: 30pt; width="650";>
Đỗ Hoàng Ý
</div></div>
 

3
text-shadow:darkmagenta 2px 2px 2px; color: limegreen; font-family: 'Tahoma';

Tiếc Thương

Đỗ Hoàng Ý

3

 text-shadow:darkmagenta 2px 2px 2px; color: limegreen; font-family: 'Tahoma';  
<div style="text-align: justify;text-shadow:darkmagenta 2px 2px 2px; color: limegreen; font-family: 'Tahoma'; font-size: 37pt; width="650";>
Tiếc Thương</div>
 
<div style="text-align: justify;text-shadow:darkmagenta 2px 2px 2px; color: limegreen; font-family: 'Tahoma'; font-size: 28pt; width="650";> Đi qua chốn cũ anh ngồi, 
Còn đâu thấy nữa dáng người năm xưa. 
Chiến tranh, dâu bể, nắng mưa, 
Bụi thời gian đã phủ mờ rêu xanh. 
Chừng trông vẫn tựa bóng anh, 
Trong tâm ai đó còn dành "tiếc thương". <div style="text-align: justify; text-shadow:darkmagenta 2px 2px 2px; color: limegreen; font-family: 'Tahoma'; font-size: 30pt; width="650";>
Đỗ Hoàng Ý
</div></div>
 

4

text-shadow:darkmagenta 2px 2px 2px; color: wheat; font-family: 'Tahoma'

4

   text-shadow:darkmagenta 2px 2px 2px; color: wheat; font-family: 'Tahoma'   <div style="text-align: justify;text-shadow:darkmagenta 2px 2px 2px; color: wheat; font-family: 'Tahoma'; font-size: 28pt; width="650";>
Đi qua chốn cũ anh ngồi, 
Còn đâu thấy nữa dáng người năm xưa. 
Chiến tranh, dâu bể, nắng mưa, 
Bụi thời gian đã phủ mờ rêu xanh. Chừng trông vẫn tựa bóng anh, 
Trong tâm ai đó còn dành "tiếc thương". 
</div><hr> 

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

5

Trình bày chữ đổ bóng bằng bài thơ có tấm hình
text-shadow:darkmagenta 2px 2px 2px; color: thistle; font-family: 'Times'

Tiếc

Thương

Đỗ Hoàng Ý

5

 Trình bày chữ đổ bóng bằng bài thơ có tấm hình text-shadow:darkmagenta 2px 2px 2px; color: thistle; font-family: 'Times' <TABLE width="100%" align="center" border="0" cellSpacing="0" cellPadding="4">
<TBODY> <TR> <TD>
 
<img src="https://i935.photobucket.com/albums/ad200/DaTinhThiSi/Ngay%20Quan%20Luc/tiecthuong.jpg" border="0" alt=" photo tiecthuong_zps57kadvje.jpg" border="0" alt=" "></td><td style="text-align: justify;text-shadow:darkmagenta 2px 2px 2px; color: thistle; font-family: 'Times'; font-size: 55pt; width="30";> Tiếc Thương </td></tr></tbody></table> <div style="text-align: justify;text-shadow:darkmagenta 2px 2px 2px; color: thistle; font-family: 'Times'; font-size: 28pt; width="650";> Đi qua chốn cũ anh ngồi, Còn đâu thấy nữa dáng người năm xưa. Chiến tranh, dâu bể, nắng mưa, Bụi thời gian đã phủ mờ rêu xanh. Chừng trông vẫn tựa bóng anh, Trong tâm ai đó còn dành "tiếc thương". 
</div>
<div style="text-align: justify; text-shadow:darkmagenta 2px 2px 2px; color: thistle; font-family: 'Times'; font-size: 30pt; width="650";>
Đỗ Hoàng Ý
</div>

Chữ đổ bóng bằng bài thơ bên phải của tấm hình

	*Tiếc Thương* *Đi qua chốn cũ anh ngồi,* *Còn đâu thấy nữa dáng người năm xưa.* *Chiến tranh, dâu bể, nắng mưa,* *Bụi thời gian đã phủ mờ rêu xanh.* *Chừng trông vẫn tựa bóng anh,* *Trong tâm ai đó còn dành "tiếc thương".* Đỗ Hoàng Ý

Code của bài số 6 Chữ đổ bóng bằng bài thơ

<TABLE width="100%" align="center" border="0" cellSpacing="0" cellPadding="4">
<tr>
<tbody>
<th>
<img src="https://i935.photobucket.com/albums/ad200/DaTinhThiSi/Ngay%20Quan%20Luc/tiecthuong.jpg" border="0" alt=" ">
</th>
<td>
 
 
<div style="text-shadow:darkmagenta 2px 2px 2px; color: skyblue; font-family:'cambria'; font-size: 34pt; width="";>
Tiếc Thương
</div>
 
<div style="text-align: justify;text-shadow:darkmagenta 2px 2px 2px; color: skyblue; font-family: 'cambria'; font-size: 20pt; width="";>
Đi qua chốn cũ anh ngồi, 
Còn đâu thấy nữa dáng người năm xưa. 
Chiến tranh, dâu bể, nắng mưa, 
Bụi thời gian đã phủ mờ rêu xanh. 
Chừng trông vẫn tựa bóng anh, 
Trong tâm ai đó còn dành "tiếc thương".
 
<div style="text-align: justify; text-shadow:darkmagenta 2px 2px 2px; color: skyblue; font-family: 'cambria'; font-size: 20pt; width="";>
Đỗ Hoàng Ý
</div></div>
 
</td></tr></tbody></table>

Chữ đổ bóng bằng tựa đề cạnh bên bức hình

	Bức tượng "Thương Tiếc"

code bài số 7 - tựa đề bằng chữ đổ bóng

 

<TABLE width="100%" align="center" border="0" cellSpacing="0" cellPadding="4">
<tr>
<th>
 
<img src="https://i935.photobucket.com/albums/ad200/DaTinhThiSi/Ngay%20Quan%20Luc/tiecthuong.jpg" border="0" alt=" ">
</th>
<td>
<div style="text-align: justify;text-shadow:darkmagenta 2px 2px 2px; color: silver; font-family: 'Times'; font-size: 50pt; width="30";>
Bức 
tượng 
"Thương 
Tiếc"
</div>
</td></tr></tbody></table>

	Bức tượng "Thương Tiếc"

code
số 8
 

<TABLE width="100%" align="center" border="0" cellSpacing="0" cellPadding="4">
<tr>
<th>
 
<img src="https://i935.photobucket.com/albums/ad200/DaTinhThiSi/Ngay%20Quan%20Luc/tiecthuong.jpg" border="0" alt=" ">
</th>
<td>
<div style="text-align: justify;text-shadow: 1px 1px 2px black, 0 0 25px darkviolet, 0 0 5px darkviolet; color: lavender; font-family:'Times'; font-size: 50pt; width="30";>
Bức 
tượng 
"Thương 
Tiếc"
</div>
</td></tr></tbody></table>

9
thêm chữ đổ bóng nữa
<div style="text-align: justify;text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue; color: white; font-family:'Times'; font-size: 50pt; width="30";>

	Bức tượng "Thương Tiếc"

text-shadow: teal 2px 2px 4px; color: aquamarine; font-family: 'Arial'

Tiếc Thương

Đỗ Hoàng Ý

Hãy thử các kiều chữ, độ số của bóng đổ và màu sắc khác nhau cho bài thơ
Arial
Calibri
Cambria
Book Antiqua
Tahoma
Times New Roman
Verdana

◢ Mã Màu
https://caybut2.blogspot.com/2016/01/ma-mau.html

◢ Colors Ral
https://caybut2.blogspot.com/2016/04/colors-ral.html

◢ Web-Safe Colours
https://caybut2.blogspot.com/2016/08/web-safe-colours-httpcloford.html

***********************

➤ Viết blog - Phần 1: Những bước căn bản
http://caybut2.blogspot.com/2016/04/viet-blog_27.html

➤ Viết blog - Phần 2: Cách đặt hình ảnh trong văn bản của blog
https://caybut2.blogspot.com/2016/05/viet-blog-phan-2.html

➤ Viết Blog - Phần 3: Cách đặt quote và box-shadow trong văn bản
https://caybut2.blogspot.com/2016/05/viet-blog-phan-3.html

➤ Viết Blog - Phần 4: danh sách số thứ tự và text-shadow
https://caybut2.blogspot.com/2016/05/viet-blog-phan-4.html

➤ Viết Blog - Phần 5: Nền khung được ghép hai mảnh
https://caybut2.blogspot.com/2016/05/viet-blog-phan-5.html

Cây Bút 2

Friday, May 20, 2016

Viết blog - Phần 4

Disc:

Circle:

Square:

None:

Numbers:

Uppercase Letters:

Lowercase Letters:

Uppercase Roman Numbers:

Lowercase Roman Numbers:

Những loại kiểu chữ đổ bóng

Việt Nam Cộng Hòa

Võ Bị Đà Lạt

Mùa Hè Đỏ Lửa 1972

Võ Bị Đà Lạt

Tái Chiếm Triệu Phong

Biệt Động Quân

Thủy Quân Lục Chiến

No comments:

Post a Comment