Vietnamese Single Network > Forum VietnamCách đăng: hình ảnh, video, html, đánh máy ><strong><font color=003300>Giới thiệu vài kỹ thuật hữu ích khi post bài !</font></strong>

Forgot PW - Ghi danh

Diễn Đàn
Những chủ đề mới nhất
Những góp ý mới nhất
Những chủ đề chưa góp ý

NCTT Những chủ đề mới nhất
NCTT Những góp ý mới nhất
NCTT Website

Forum > Cách đăng: hình ảnh, video, html, đánh máy >> Giới thiệu vài kỹ thuật hữu ích khi post bài !

Bấm vào đây để góp ý kiến

1 2 3

Xem tat ca - Xem Tung trang

tocdaioi
member

ID 52298
05/21/2009

Giới thiệu vài kỹ thuật hữu ích khi post bài !

(Hôm nay tôi mở chủ đề này nhằm lần luợt trình bày 1 số kỹ thuật trong phạm vi hiểu biết của tôi nhằm giúp các bạn mới và những bạn nào chưa từng sử dụng qua các kỹ thuật này, rất mong nhận được ý kiến đóng góp của các bạn đã có kinh nghiệm.)

1/ Post chữ trên hình:
a/ Đơn giản:
<div style="background-image=url('link hinh');height:400;width:400;background-repeat:no-repeat;">Nội dung bài viết ở đây</div>

b/ Có thêm thông số để tạo khoảng cách, màu chữ và đường viền:
<div style="padding-top:100;color:yellow;text-align:center;background-image=url('link hinh');height:400;width:400;border-style:solid;border-color:yellow;border-width:1px;font-size:12pt;font-family:Arial;font-weight:bold;font-style:italic;background-repeat:no-repeat;line-height:120%;">Nội dung bài viết ở đây</div>

Ghi chú:
-Padding-top: Là khoảng cách từ đỉnh bài viết đến cạnh trện, bạn có thể thêm padding-bottom, padding-left, padding-right vào và dùng dấu ; để cách giữa từng thông số.
-color: Màu chữ, phần trên đang đặt chữ màu vàng (yellow).
-Text-align: Canh lề cho bài viết có thể chọn center, left, right,top,bottom.
-line-height:Khoảng cách giữa các hàng, đơn vị tính theo %(bình thường là 100%).
-Background-image=url('linkhinh'): Là ảnh nền cho bài viết, phần linkhinh bạn cần đặt theo link ảnh của bạn và nằm giữa cặp dấu '
-Height, width: Độ cao và độ rộng của khung chứa bài viết và ảnh.
-Border-style: Là kiểu đường viền bao quanh, có thể chọn các kiểu( dotted,outset,dashed,groove,ridge) mỗi kiểu sẽ cho hiệu ứng khác nhau.
-Border-color: Màu của đường viền.
-Border-width:Là độ rộng đường viền.
Bạn cũng có thể viết gọp lại thành: border:red 4px dashed, để thể hiện màu, độ rộng và kiểu đường viền.
-Font-family: Kiểu chữ
-Font-size: Cỡ chữ.
-font-weight: Độ đậm nhạt của chữ, có thể chọn Bold(Chữ đậm), bolder(đậm hơn),lighter(nhạt hơn),...
-font-style:Có thể chọn Normal(bình thường), italic(nghiêng),oblique(nghiêng) .
-Background-repeat: Có thể đặt là repeat hoặc no-repeat. Mặc định nếu bạn không đặt thông số này thì nó sẽ là repeat, tức là khi size hình của bạn nhỏ hơn cái khung thì nó sẽ lặp lại hình đó, để chỉ hiện 1 hình bạn cần đặt Background-repeat:no-repeat.
-Giữa các thông số trên cách nhau bằng dấu ; bạn có thể bỏ hoặc thêm bớt tuỳ bạn, có thể phần font chữ bạn bỏ bớt các thông số trên mà dùng thẻ font cho dễ hơn vì đã quen.

Dưới đây là ví dụ minh hoạ:
Code post:
<div style="font-size:17pt;padding-top:130;color:yellow;line-height:180%;text-align:center;background-repeat:no-repeat;background-image=url('http://tinypic.com/2ryki1f.jpg');height:447;width:630;border-style:ridge;border-color:red;border-width:2px;">
Thức trắng đêm nay nhớ một người
Một người tôi nhớ, một người thôi
Đêm nay, đêm nữa, đêm mai nữa
Tôi nhớ một người không nhớ tôi.
</div>

Sẽ được kết quả như sau:

Thức trắng đêm nay nhớ một người
Một người tôi nhớ, một người thôi
Đêm nay, đêm nữa, đêm mai nữa
Tôi nhớ một người không nhớ tôi.

Alert webmaster - Báo webmaster bài viết vi phạm nội quy

lehuong578090
member

REF: 450534
05/21/2009

Lê Hương chào anh Tocdaioi nè. Lê Hương bó tay kiểu chạy chữ rồi anh ạ. Khó quá à. còn cái này ngồi đọc và lam thử thì được nè. Lê Hương tặng thầy nè.Thầy dậy lại cho Lehuong làm cách nào khi fost chữ chạy mà nhà không bị siêu đổ đi thầy.Cảm ơn thầy lắm .

tocdaioi
member

REF: 450537
05/21/2009

Chào LeHuong, cảm ơn nhiều nhé.
Vẫn chưa làm được hả bạn, để rảnh mình sẽ góp 1 bài viết về chữ chạy kiểu khác với bạn, hiện tại bạn đang dùng Table phải không, mà với cái này nó hơi khó, đòi phải chính xác nếu không nó sẽ gây biến dạng "cái nhà" của bạn nếu bạn có sai sót.
Mà cũng có thể dựa vào cái đoạn mã viết chữ trên hình ở trên bạn chỉ cần thay cái phần Nôi dung bài viết ở đây thành cái khối <marquee>Chữ chạy ở đây</marquee> của bạn là đã chạy rồi, dễ hơn là cách dùng Table đó.

Chúc bạn vui nghe.

tocdaioi
member

REF: 450815
05/22/2009

2/Đăng bài viết có hình ảnh minh hoạ:
Để đăng hình, bình thường bạn sử dụng Code như sao:

<img src="linkhinh" width=400px height=400px />

(Trong đó src là link hình, width và height lần lượt là độ rộng và độ cao mà bạn muốn hiển thị trên forum. Tuy nhiên với cách trên hình không bố trí theo chiều ngang mà chỉ bố trí theo chiều dọc.)

Để có thể bố trí hình nằm ngang cùng với bài viết bạn có thể viết như sau:

<img src="linkhinh" width=400px height=400px align=left />

Trong đó align: có thể là chọn là left nếu muốn hình phân bổ bên trái hoặc right nếu muốn hình phân bổ bên phải, ngoài ra có thể chọn middle, top, bottom. Muốn hình bắt đầu xuất hiện từ điểm nào trong bài viết chỉ cần đặt đoạn CODE trên ngay tại vị trí đó.

Dưới đây là phần minh hoạ phân bổ hình bên trái:
Code post:

Thân Phận đàn ông trong tình yêu
Cá nhân tôi thấy nếu so sánh thân phận đàn ông trong tình yêu với thân phận của những con cừu, e rằng cừu sẽ ngượng đến xoăn lông.
Tình yêu dường như là một trò chơi của đàn bà và đàn ông chỉ là những tay nghiệp dư khờ khạo đến đau lòng trong trò<img src="http://files.myopera.com/catalog1/files/danongtrongtinhyeu.bmp" align=left>chơi ấy. Ngày hội của tình yêu .......................
PHAN AN

Sẽ được kết quả như sau:

Cá nhân tôi thấy nếu so sánh thân phận đàn ông trong tình yêu với thân phận của những con cừu, e rằng cừu sẽ ngượng đến xoăn lông.
Tình yêu dường như là một trò chơi của đàn bà và đàn ông chỉ là những tay nghiệp dư khờ khạo đến đau lòng trong trò

chơi ấy. Ngày hội của tình yêu - ngày 14-2 - chắc chắn do đàn bà nghĩ ra nên mới có chuyện trong ngày này phải tặng hoa hồng và sôcôla là những thứ mà đàn bà thích. Nếu ngày hội của tình yêu do đàn ông nghĩ ra, chắc chắn người ta sẽ tặng nhau những thứ khác, ví dụ như chai rượu hay tút thuốc lá.
Trong những lĩnh vực khác như chinh phục vũ trụ hay khám phá bí ẩn dưới đáy đại dương, đàn ông là những người chiến thắng, là những ông trùm. Nhưng trong tình yêu đàn ông như con voi trong cửa hàng chén đĩa, như cậu bé giữa bãi mìn. Bởi vì “trai thời loạn, gái thời bình”, trong thời buổi bốn bề phẳng lặng hai kinh vững vàng này, đàn bà là number one và nghĩ ra đủ mọi thử thách mà đàn ông phải vượt qua để được yêu. Đối với đàn bà, tình yêu và sau này là gia đình sẽ là cả bầu trời, cả vũ trụ, cả cuộc đời. Nhưng nó lại không như thế đối với đàn ông, tình yêu không phải là “sân chơi” của đàn ông và khi đàn ông mon men vào “sân chơi” ấy tất nhiên phải chấp nhận thân phận bèo bọt.
Đàn ông bây giờ muốn yêu và được yêu phải chuẩn bị nhiều thứ hơn thợ săn khi đi săn chuẩn bị đạn. Đàn bà khi yêu đôi khi chỉ cần đôi mắt và nụ cười lúng liếng, còn đàn ông phải nghĩ xem cống hiến cái gì để đôi mắt ấy và nụ cười ấy lúng liếng hơn.
Thân phận đàn ông trong tình yêu như thể thân phận con trâu kéo cái cày tình yêu, nhưng đàn ông chấp nhận thân phận của mình vì đàn ông là đàn ông.
PHAN AN

tocdaioi
member

REF: 450817
05/22/2009

Dưới đây là phần minh hoạ phân bổ hình bên phải:
Code post:

Thân Phận đàn ông trong tình yêu.
Cá nhân tôi thấy nếu so sánh thân phận đàn ông trong tình yêu với thân phận của những con cừu, e rằng cừu sẽ ngượng đến xoăn lông.
Tình yêu dường như là một trò chơi của đàn bà và đàn ông chỉ là những tay nghiệp dư khờ khạo đến đau lòng trong trò<img src="http://files.myopera.com/catalog1/files/danongtrongtinhyeu.bmp" align=right />chơi ấy. Ngày hội của tình yêu .......................
PHAN AN

Sẽ được kết quả như sau:

Thân Phận đàn ông trong tình yêu.
Cá nhân tôi thấy nếu so sánh thân phận đàn ông trong tình yêu với thân phận của những con cừu, e rằng cừu sẽ ngượng đến xoăn lông.
Tình yêu dường như là một trò chơi của đàn bà và đàn ông chỉ là những tay nghiệp dư khờ khạo đến đau lòng trong trò

tocdaioi
member

REF: 450883
05/23/2009

3/ Chữ chạy trên hình:
CODE:
<div style="padding-top:10;background-image=url('Linkhinh);background-repeat:no-repeat;width:A;height:B;">
<marquee behavior=scroll scrolldelay=80 scrollamount=1 width=C height=D direction=up style="line-height:150%;text-align:center;color:99FF99;font-size:14pt;font-family:Arial;font-weight:bolt;">Nội dung chữ cuộn ở đây</marquee></div>

Ghi chú:
A: Độ rộng của ảnh.
B: Độ cao của ảnh
C: Độ rộng của miền trong marquee, cần chọn nhỏ hơn A
D: Độ cao của miền trong marquee, cần chọn nhỏ hơn B
Line-height: Khoảng cách giữa các hàng trong khối Text cần chạy, mặc định là 100%.
Text-align: Canh lề khối Text.
Color: Màu của Text.
Scrollamount: Số pixel giữa mỗi lần cuộn(đơn vị viết là px), càng lớn càng nhanh.
Scrolldelay: Thời gian chờ giữa 2 lần cuộn, tính bằng ms, càng nhỏ càng nhanh .
Direction: Hướng cuộn(right : cuộn sang phải, left: cuộn sang trái, up: cuộn lên, down: cuộn xuống)
Behavior:
- scroll: Cuộn theo hướng đã chọn hết miền marquee thì bắt đầu cuộn lại từ đầu.
- slide: cuộn 1 lần theo hướng đã chọn rồi dừng.
- alternate: cuộn qua lại trong miền marquee).

Ví dụ minh hoạ:
Code post

<div style="padding-top:10;background-image=url('http://i669.photobucket.com/albums/vv51/catalog1/missyou1.jpg');background-repeat:no-repeat;width:455;height:341;"><marquee scrolldelay=80 scrollamount=1 width=440 height=300 direction=up style="line-height:130%;text-align:center;color:CCFF66;font-size:13pt;font-family:Arial;font-weight:bolt;">
NHỚ
Đêm qua Phạm Thái nhớ Quỳnh Như,
Đồng mạ xanh non nhớ vũng hồ,
...
</marquee></div>

Sẽ hiển thị như sau:

NHỚ
Đêm qua Phạm Thái nhớ Quỳnh Như,
Đồng mạ xanh non nhớ vũng hồ,
Chiêm nữ bâng khuâng ngôì nhớ bạn,
Ngũ Hành Sơn có nhớ Tây Du?

Trọng Thủy lên đường nhớ Mỵ Châu,
Ngưu Lang, Chức Nừ nhớ nhau sầu,
Cô Tô buồn nhớ Hàn Sơn Tự,
Bến nước Tầm Dương nhớ thủo nao ?

Biết rôì Phạm Lãi nhớ Tây Thi,
Chim nhớ cành đa muốn trở về.
Đêm cũ xa xưa đèn nhớ bóng.
Đường Minh Hoàng nhớ Dương Qúi Phi.

Khắc Chung dong ruổi nhớ Huyền Trân,
Kim Trọng thương Kiều nhớ Thúy Vân,
Trăm năm bến nhớ con đò cũ,
Biết Tấn rôì đây có nhớ Tần.

Lưu Bình trở giấc nhớ Châu Long.
Lạc nẻo ai kia nhớ giống dòng.
Nguyễn Huệ, Trưng Vương mình nhớ mãi,
Con Hồng cháu Lạc nhớ non sông.

Bạch mã lên đường nhớ trạng nguyên,
Chế Bồng Nga nhớ gót chinh nguyên,
Mỵ Nương nhớ sáo Trương Chi lắm,
Trăng nhớ hoàng hôn, anh nhớ em.

taucho
member

REF: 450957
05/23/2009

Test

Bỏ lại vườn cam bỏ mái gianh
Tôi đi dan díu với kinh thành
Hoa thơm mơ mãi vườn tiên giới
Chuốc mãi men say rượu ái tình

Nguyễn Bính

HOA VỚI RƯỢU

...

Ngày xưa còn bé Nhi còn đẹp
Huống nữa giờ Nhi đã đến thì
Tháng tháng mươi mười lǎm buổi chợ
Cho người thiên hạ phải say Nhi.

Xóm chị em Nhi ở mấy nhà?
Bến đò đông vắng? Chợ gần xa?
Nhà Nhi thuê có vườn không nhỉ
Vườn có giồng cam có nở hoa?

Mơ tưởng vu vơ lòng dối lòng
Thực ra có phải thế này không
Chị Nhi đã lấy chồng nǎm trước
Nhi đến nǎm sau lại lấy chồng?

Ước gì trên bước đường lưu lạc
Một buổi chiều nào lạnh gió mưa
Gõ cửa nhà ai xin ngủ trọ
Giật mình tôi thấy tiếng Nhi thưa ...

Nguyễn Bính

taucho
member

REF: 451008
05/23/2009

Test
Tin mới nhất hôm nay:

Cựu tổng thống Hàn Quốc đột tử

Sớm nay, cựu tổng thống Hàn Quốc Roh Moo-huyn đột ngột qua đời vì vết thương ở phần đầu sau khi ngã xuống từ một hẻm núi. Cảnh sát đang điều tra để xác minh đây là một tai nạn hay hành động tự sát.

Phát ngôn viên cảnh sát quốc gia Hàn Quốc thông báo: "Cựu tổng thống Roh ngã xuống núi. Ông được đưa tới một bệnh viện và các bác sĩ cho biết ông đã chết trên đường đi cấp cứu. Tuy nhiên, cái chết của ông vẫn chưa được khẳng định chính thức. Chúng tôi đang điều tra liệu ông bị ngã do tai nạn hay tự tử".

Trợ lý cũ của nhà cựu lãnh đạo là Moon Jae-in thì cho hay, ông Roh Moo-hyun có để lại một lá thư tuyệt mệnh. "Cựu tổng thống Roh rời khỏi nhà lúc 5h45 hôm nay và trong khi đi leo núi ở Ponghwa, có vẻ như ông nhảy xuống vực vào lúc 6h40", Moon nói thêm.

Cựu tổng thống Hàn Quốc kết thúc nhiệm kỳ vào tháng 2/2008 và đang bị điều tra vì nghi ngờ nhận hối lộ. Chính trị gia vốn là một luật sư về nhân quyền này lên làm tổng thống Hàn Quốc năm 2003 với cam kết chống tham nhũng. Tuy nhiên, nhiệm kỳ của ông đầy sóng gió với bê bối và đấu tranh nội bộ.

Ông Roh Moo-hyun bị quốc hội bỏ phiếu bất tín nhiệm năm 2004 do nghi vấn về vi phạm luật bầu cử. Tuy nhiên, sau đó, Tòa án Hiến pháp Hàn Quốc khôi phục chức vụ cho ông. Tới tháng trước, ông Roh bị truy vấn về nghi ngờ đã nhận hối lộ hàng triệu đôla từ một doanh nhân giàu có. Cựu tổng thống sau đó lên tiếng xin lỗi. "Tôi cảm thấy xấu hổ trước dân chúng. Tôi xin lỗi vì đã làm các bạn thất vọng", ông nói.

Trong một phát biểu đăng trên trang web của ông hồi tháng 4 vừa qua, cựu tổng thống Roh Moo-hyun thừa nhận vợ ông đã nhận tiền từ một doanh nhân. Tuy nhiên, ông cho rằng đây không phải hối lộ mà là khoản tiền giúp bà thanh toán nợ nần.

Hải Ninh (theo BBC, Yonhap News)

=============

Tôi thử làm theo hướng dẫn của bạn tocdaioi. Cám ơn bạn rất nhiều.

tocdaioi
member

REF: 451039
05/23/2009

Chào bác Taucho!
Rất hanh hạnh được tiếp bác, những kỹ thuật này cũng không khó lắm phải không bác, tôi vừa post vừa học luôn 1 thể, bác có chiêu gì hay thì cùng tham gia nhé, chào bác.

tocdaioi
member

REF: 451041
05/23/2009

4/Vấn đề canh đều, tạo màu nền, đường viền cho bài viết:

CODE:
4.1/ Để canh đều bài viết bạn chỉ cần đặt bài viết mình như sau:
<p style="text-align:justify;padding:5">Bài viết của bạn</p>

4.2/ Để tạo màu nền cho bài viết bạn chỉ cần thực hiện như sau:
<p style="background-color:pink;">Bài viết của bạn</p>

4.3/ Vừa canh đều vừa đặt màu nền và màu chữ và size chữ:
<p style="text-align:justify;background-color:pink;color:blue;font-size:12pt;padding:5">Bài viết của bạn</p>

4.4/ Kết hợp thêm nhiều thông số hơn:
<p style="text-align:justify;background-color:pink;border-style:inset;border-width:1px;;border-color:yellow;height:300;width:300;font-weight:bolt;font-family:arial">Bài viết của bạn</p>

Trong đó:
-Background-color: Màu nền cho bài viết, ở trên đang tôi đang chọn màu hồng (pink), bạn có thể chọn lại cho phù hợp với bạn.
-Border-style: kiểu đường viền bao quanh bài viết, có thể chọn các kiểusau đây dotted,inset,outset,dashed,groove,ridge mỗi kiểu sẽ cho hiệu ứng khác nhau.
-Border-color: Màu của đường viền.
-Border-width:Là độ rộng đường viền.
-Height: Độ cao và rộng của khung chứa bài viết, có thể chọn theo px hoặc %, nếu theo % thì phải có ký hiệu %
-Text-align: Canh lề cho bài viết (justify: Canh đều, right: canh phải,left: Canh trái).
-Color, Font-size, font-family: Đã giải thích ở bài viết đầu tiên.
-Padding: Khoảng cách từ các cạnh bên ngoài đến nội dung bài viết bên trong.

Dưới dây là phần minh họa:
CODE 1: Không canh đều
<p style="background-color:FFFFCC;border-style:inset;border-width:3px;height:200;width:100%;text-align:left;color=blue;border-color:green;font-size:12pt;padding:5;">
"CÁM ƠN" ÔNG XÂY DỰNG
.......thoát chết".</p>

Kết quả sẽ hiển thị như sau:

"CÁM ƠN" ÔNG XÂY DỰNG
Khuya, đường vắng. Hai tên cướp chận một người đi đường. Chúng móc dao, anh hoảng hồn quay đầu chạy thục mạng, chúng đuổi theo ráo riết. Anh nhảy qua hàng rào của một công trình đang xây dựng, mất đà, đầu anh va vào một bức tường, nguyên một mảng tường rơi đánh "rầm"! Hai tên cướp sững sờ nhìn nhau rồi hoảng hồn quay đầu chạy! Anh lồm cồm ngồi dậy. Chợt hiểu, anh quỳ xuống xá ba xá và nói:" Cám ơn ông xây dựng huyện nhà, nhờ ông mà tôi mới thoát chết".

CODE 2: Có canh đều và thay đổi 1 vài thông số .
<p style="background-color:99FFCC;border-style:outset;border-width:3px;height:200;width:100%;text-align:justify;color=333366;border-color:green;font-size:12pt;padding:5;">
"CÁM ƠN" ÔNG XÂY DỰNG
.......thoát chết".</p>

Kết quả sẽ hiển thị như sau:

taucho
member

REF: 451072
05/24/2009

Tôi thử canh lề

Phòng tránh sỏi thận bằng cách uống nhiều nước

Để phòng tránh sỏi thận vì vậy phải uống thật nhiều nước. Nước được cung cấp đủ sẽ không chỉ làm máu lưu thông tốt hơn, hòa tan các chất mà còn làm nhiệt độ cơ thể được điều hòa tốt hơn đặc biệt trong mùa hè oi bức. Hơn thế nữa nó giúp thải trừ các chất cặn bã để ngăn ngừa bệnh tật. Nếu tính theo hoạt động bình thường của cơ thể thì lượng nước tiểu khoảng 1.500ml, lượng nước qua đường mồ hôi và đường tiêu hóa khoảng 500-1000ml, như vậy nhu cầu về nước là từ 1.500 đến 2.500 ml mỗi ngày.

Nhu cầu này tăng lên hay giảm đi tùy theo tính chất công việc và đặc biệt là theo thời tiết. Tuy nhiên dù trong hoàn cảnh nào đi nữa, xây dựng cho mình một thói quen uống nhiều nước là vô cùng hữu ích.

Sỏi thận tiết niệu là bệnh lý rất thường gặp, do nhiều nguyên nhân gây nên. Trong thực tế lâm sàng thường phát hiện muộn nên nhiều biến chứng. Nguyên nhân tạo ra sỏi có nhiều nhưng trong đó có một lý do quan trọng là việc không đủ lượng dung dịch hòa tan các chất cặn bã hữu cơ và vô cơ đường tiết niệu. Vì vậy các chất này tích tụ lại và hình thành nên các viên sỏi.

Nước uống cần đảm bảo vệ sinh. Trong thực tế có nhiều loại nước có thể sử dụng hàng ngày có lợi cho sức khỏe như các loại nước ép hoặc sinh tố làm từ cà rốt, cà chua, dưa leo, dưa hấu...; nước chanh cam chứa nhiều vitamin C, rất tốt cho da, giúp cơ thể thanh nhiệt, sát khuẩn, trị ho...; nước ngâm từ quả dâu, mơ hay sấu pha. Sữa chua là loại đồ uống không thể thiếu trong mùa hè, nhất là đối với chị em phụ nữ. Mùa hè nóng nực, khi lao động thể lực nhiều có thể thêm chút muối vào nước uống. Nước muối loãng giúp làm cơ thể bớt khát nước hơn và cung cấp muối mất qua mồ hôi.

Không nên uống các loại nước uống nhiều đường, nhất là đối với người béo phì, tiểu đường, tăng huyết áp. Hạn chế sử dụng nước đá vì nó có thể gây hỏng men răng. Với một số trường hợp đặc biệt cần thận trọng khi uống nước như người bị suy tim, suy thận... chú ý phải hỏi kỹ bác sĩ điều trị để có một chế độ nước phù hợp.

Theo BS. Nguyễn Vĩnh Hưng

=======================
Cám ơn tocdaioi.
Tôi chỉ làm theo hướng dẫn của bạn thôi. Kết quả là việc canh lề làm cho hình thức bài viết cân đối và dễ nhìn hơn.

lehuong578090
member

REF: 451090
05/24/2009

Le Huơng chào anh Tocdaioi, Lệ hương thấy anh hướng dẫn làm tỷ mỷ như vậy LH cảm ơn anh nhiều lắm đó.
Lệ Hương làm được nhiều lắm đó. Lê Hương tặng anh bông hoa tự làm nè, anh thấy có gì khác không nhé. Thân - LH

mialau
member

REF: 451092
05/24/2009

Tocdaioi cho ra Topic này thật là tuyệt vời quá.
Cảm ơn Anh nhé anh ! Hôm nay chưa có thời gian để đọc hết. Lúc nào rảnh rảnh vô coi và học làm thử.
Chúc Chủ nhà luôn vui vẻ và mọi người sẽ thành công trong việc học hỏi nha.

lehuong578090
member

REF: 451094
05/24/2009

Lệ Hương thân tặng anh Tocdaioi để tỏ lòng biết ơn nè.

Ngọn lến leo lét bên bàn
Nhớ ai như nhớ sông Hàn nơi xa
Ngọn lến soi tỏ lòng ta
Nơi xa người đó mong ta tháng ngày.

tetecehat
member

REF: 451112
05/24/2009

Cảm ơn bạn Tocdaioi nhiều lắm

Bài viết rất dễ hiểu, hướng dẫn thật đầy đủ. Tôi đả copy lại để dành khi nào cần đến sẽ dùng nó. Lần nữa xin cảm ơn bạn và hy vọng được học hỏi thêm nhiều nữa.

Chúc vui,

TTCH

tocdaioi
member

REF: 451382
05/25/2009

Xin gởi lời chào đến các bạn: Taucho, Lehuong578090, Mialau, Tetecahat. Rất vui vì sự ủng hộ của các bạn cho Topic này, chúc mọi người vui nhé, hy vọng sẽ còn nhiều điều đề chia sẻ cùng các bạn.
Thân ái.

cuoocjsoongs1
member

REF: 451388
05/25/2009

Chào bạn tocdaioi,

Topic của bạn hay ghê vậy đó, lâu ni csong cứ post dọc rất chiếm chỗ, nhưng cứ mò vô mục tìm hiểu mà ko tháy bài.

Cám ơn bạn thật nhiều

lehuong578090
member

REF: 451401
05/25/2009

Lệ Hương thân chào anh Tocdaioi. Lệ Hương biết ơn anh đã chỉ dậy cho kỹ thuật như vậy lệ Huơng thích và cũng đã thành công rồi đó.

Nhưng có điều xin anh tócdaioi chỉ cho L.H biết thêm về kỹ thuật AdobePhotohop về lấy ánh sáng, LH học hoài mà chưa làm được. Mỗi lần lên lớp làm thì hay bị mắc kỹ thuật đó.

Vì do LH học bên Capuchia tiếng chưa thông dụng lắm,Lên LH xin mạo muội hỏi nốt THẦY dậy cho về cái môn này nữa nhé.hiii..Mong thầy chỉ bảo nốt cho Lệ Hương nhé.

Cảm ơn anh Tocdaioi nhiều . Thân kính - Lệ Hương.

tocdaioi
member

REF: 451578
05/25/2009

Chào bạn cuoocjsoongs1,cảm ơn sự ủng hộ và chia sẻ của bạn, mong rằng những bài viết này ít nhiều sẽ có ích cho bạn. Chúc dự án của bạn thành công.
Bạn LeHuong,vấn đề đồ họa mà bạn thắc mắc không nằm trong lĩnh vực của mình, bạn có thể hỏi các chuyên gia đồ hoạ trên diễn đàn bạn nhé.
Thân ái.
=============================================================

5/ Vấn đề sắp xếp bài viết thành nhiều cột.

5.1/ Bố trí bài viết thành nhiều cột dưạ vào thuộc tính float(trôi) của thẻ P:

Đôi khi bạn muốn trình bày bài viết của mình trên 2 (hoặc nhiều) cột, chẳng hạn khi bài viết dạng song ngữ, những bài thơ dài, hay chỉ vì bạn muốn chia nó thành nhiều cột để trông bài viết sáng hơn và đọc ít "ngán" hơn, để thực hiện bạn có thể làm như sau.

CODE trình bày bài viết thành 2 cột:

-Đơn giản:

<p style="width:50%;float:left;">Nội dung bài viết cột thứ 1</p><p style="width:50%;float:left;">Nội dung bài viết cột thứ 2</p> <br clear="all">

-Có thêm vài thuộc tính:

<p style="width:50%;padding-right:3;text-align:justify;float:left;color:6600CC">Nội dung bài viết cột thứ 1</p><p style="width:50%;padding-left:3;text-align:justify;float:left;color:6600CC;">Nội dung bài viết cột thứ 2</p><br clear="All">

Ghi chú:

- Từ các bài viết phía trên có các bạn thường thấy ký hiệu có cặp dấu <> bao bên ngoài cái này ngoài gọi là thẻ (tag), thông thường thẻ gồm có 1 mở và 1 đóng, thẻ đóng chỉ khác thẻ mở là có thêm dấu / đứng liền sau dấu nhỏ hơn <, đôi khi có thể dùng dạng thẻ đơn là , thẻ này có dấu / đứng liền trước dấu lớn hơn >

- Ở đoạn code trên có sử dụng thẻ p, nó được dùng khi cần định dạng và bố trí cho cả 1 khối văn bản .

- padding-right: Khoảng cách chừa lề về phía cạnh phải của bài viết cột 1

- padding-left: Khoảng cách chừa lề về phía cạnh trái của bài viết cột 2

- width, height: Độ rộng và cao của bài viết cần trình bày, có thể đặt theo % hoặc theo pixel.

- float: Tiếng Việt có nghiã là trôi, có thể có các giá trị right, left, none.

+ left: nó sẽ trôi về bên trái và kéo các thành phần bên dưới lên ngang hàng.

+ right nó sẽ trôi về bên phải và kéo các thành phần bên dưới lên ngang hàng với nó.

+ none: Không trôi.

Thuộc tính này hữu ích trong việc dàn trang hay bố trí bài viết dưới dạng cột hay việc định vị ảnh và text trong bài viết.Thuộc tính này cũng hữu ích nếu bạn sử dụng trong thẻ img, nhằm kéo nội dung bài viết lấp đầy quanh ảnh minh hoạ. Tuy nhiên khi dùng thuộc tính float trong thẻ img nhằm kéo khối text lên, để kết thúc việc kéo bạn cần đặt thêm <br clear="All"> ngay sau đó nếu không có nó sẽ kéo cả những đoạn bạn không muốn kéo nếu phần bên phải của nó còn chỗ.

- <br clear=All>: Không kéo các phần sau điểm này, nếu không có cái này nó sẽ tiếp tục kéo nội dung ở dưới lên nếu còn chỗ trống bên phải nó.
- color=6600CC: Màu chữ, đang chọn là màu tím (mã màu tím: 6600CC)

Dưới dây là phần minh họa:

CODE post:

<p style="width:50%;padding-right:3;text-align:justify;float:left;color:6600CC;">Ngày đó,...đến tận bây giờ.</p><p style="width:50%;padding-left:3;text-align:justify;float:left;color:6600CC;">Sáng qua, ... trùng với màu mực cũ… </p><br clear=All>

Sẽ được kết quả như sau:

Ngày đó, yêu em mà không dám nói. Cứ chiều chiều tan lớp, ngồi đợi em về trong một góc quán cà phê đầu ngõ. Em thôi không học nữa. Tôi quyết định viết thư tỏ tình. Thư viết chưa xong, em theo chồng xa xứ. Lá thư tình viết dở dang tôi còn giữ đến tận bây giờ.

Sáng qua, ngồi trên ghế xử ly hôn, ngỡ ngàng thấy em ôm con ngồi bên dưới, mắt đỏ hoe. Tối về, lục lại trang thư cũ định viết tiếp. Tìm mãi, không có cây bút nào trùng với màu mực cũ…

5.2 Bố trí bài viết thành nhiều cột dựa vào table(Cách này dễ làm biến dạng topic("nhà") của bạn nếu có thao tác sai):

CODE như sau:

<table width=100% height=400><tr style="vertical-align:top;text-align:justify;"><td style="padding-right:3;width:50%;color=6600CC;">Nội dung bài viết cột 1</td><td style="padding-left:3;width:50%;color=6600CC;">Nội dung bài viết cột 2</td></tr></table>

Giải thích thêm:

- Phần CODE ở trên đã dùng thẻ table để tạo nên một bảng chứa nội dung bài viết.

- Thẻ table có 1 thẻ mở <table> và 1 thẻ đóng </table>, bao bộc các thành phần khác bên trong (thẻ hàng và thẻ cột bên, nội dung bài viết).

- Không thể tạo nên hàng và cột nếu chỉ dùng thẻ table, cần dùng thêm thẻ hàng(tr) và thẻ cột(td).

- Về nguyên tắc phải tạo hàng trước(tr), và bên trong từng hàng sẽ chứa đựng các cột (td).

- Để tạo 1 hàng trong bảng bạn cần sử dụng thẻ <tr> thẻ này cũng có 1 mở <tr> và 1 đóng </tr>

- Để tạo cột cần dùng thẻ td thẻ này cũng có 1 mở <td> và 1 đóng </td>. Lưu ý là thẻ cột phải nằm trong thẻ hàng,

- text-align: Canh lề phần ngang(có thể chọn left, center, right, justify).

- Vertical-align: Canh lề phần dọc(top, center, right)

- A, B: Lần lượt là độ rộng và cao cuả bảng. Độ rộng có thể đặt giá trị theo pixel hoặc %, có thể là 615(gần bằng độ rộng khung post bài ) hoặc 100%. Độ cao có thể để trống, hoặc đặt theo độ cao cuả khối bài viết.

- Phần width:50% là độ rộng của cột bên trong có thể đặt theo phần trăm hoặc pixel, nếu phần trăm nó sẽ tính so với A.

- color=6600CC: Màu chữ, đang chọn là màu tím (mã màu tím 6600CC)

- Với code trên thì bạn thấy bảng có 1 hàng và Code tương ứng của hàng là <tr>...</tr> và có 2 cột, mỗi cột ứng với code <td style="padding...;width:50%;">Nội dung bài viết cột 1</td> có độ rộng 50% nằm trong 1 hàng đó. Để thêm cột cho hàng bạn chỉ cần thêm đoạn code <td.. </td> vào trong phần <tr...</tr> và thay đổi lại đổi độ rộng sao cho tổng thành 100%.

Nếu cần thêm hàng bạn chỉ cần làm bằng cách thêm cả 1 đoạn code <tr...</tr> vào. Dưới dây là minh họa bảng có 2 cột 2 hàng.

Cơ bản là vậy, viết thì nhiều nhưng code thì chẳng bao nhiêu.

Dưới dây là phần minh họa:

CODE post:

<table width=100% height=300><tr style="vertical-align:top;text-align:justify;"><td style="padding-right:3;width:50%;color=6600CC;font-size:10pt;">Hai người đi trên con đường vắng vẻ.... Hôm nay, người bạn thân nhất đã cứu sống tôi ".</td><td style="padding-left:3;width:50%;color=6600CC;font-size:10pt;">Anh bạn kia ngạc nhiên hỏi:... Hãy học cách viết trên cát và đá ...</td></tr></table>

Trong đó: font-size:10pt là cỡ chử có thể chọn lớn hoặc nhỏ hơn 10 để tăng hoặc giảm cở chữ.

Sẽ được kết quả như sau:

Hai người đi trên con đường vắng vẻ. Đến một đoạn, họ có một cuộc tranh luận khá gay gắt và một người đã không kiềm chế được giơ tay tát vào mặt bạn mình. Người kia bị đau nhưng không hề nói một lời. Anh viết trên cát: "Hôm nay, người bạn thân nhất của tôi đã tát vào mặt tôi".
Họ tiếp tục đi, đến một con sông, họ dừng lại và tắm ở đấy. Anh bạn kia không may bị vọp bẻ và suýt chết đuối, may mà được người bạn cứu. Khi hết hoảng sợ, anh viết lên đá: "Hôm nay, người bạn thân nhất đã cứu sống tôi".

Anh bạn kia ngạc nhiên hỏi: "Tại sao khi tôi đánh anh, anh viết lên cát, còn bây giờ anh lại viết trên đá ?"Mỉm cười, anh trả lời: "Khi một người bạn làm chúng ta đau, chúng ta hãy viết điều gì đó trên cát, gió sẽ thổi bay chúng đi cùng sự tha thứ... Và khi có điều gì đó to lớn xảy ra, chúng ta nên khắc nó lên đá như khắc sâu vào ký ức của trái tim, nơi không ngọn gió nào có thể xóa nhòa được... ".
Hãy học cách viết trên cát và đá ...

tanthanhca2000
member

REF: 451634
05/26/2009

Tân Thanh chào anh Tócdaioi. em vô cùng cảm ơn anh.

Lại thêm lần này nữa TT lại phải xin quay lại để học thêm anh đó. Em và chị Lệ Hương578090 thương hay hỏi nhau về công nghệ kỹ thuật cua nhau và giờ học thêm của anh đó . Chiều nay TT rảnh lên sang thăm anh và xin hỏi thên nè,

Giờ này em phải đi xa nhà em không có điều kiện hỏi anh nhiều , nhưng em sẽ thực hành nhiều hơn, nếu có gì sai xót mong anh hướng dẫn cho TTCA với nha.

Cảm ơn anh nhiều nhiều lắm ạ... Chúc anh thành đạt trong cuộc sống của mình nha.

Thân - TTCA thành kính.

taucho
member

REF: 451705
05/26/2009

Tôi tiếp tục thử làm theo hướng dẫn của bạn tocdaioi

“Con bò cạp cạp con bò cạp, cạp đúng chỗ bò mà bò đúng chỗ cạp”.

Một học sinh ấp úng, thầy mời đứng dậy, cậu học trò đối :

“Thầy sinh vật vật cô sinh vật, vật đúng chỗ sinh mà sinh đúng chỗ vật”.

Thầy đỏ mặt tía tai, một học trò khác :

“Anh tiểu thương thương chị tiểu thương, thương đúng chỗ tiểu mà tiểu đúng chỗ thương”.

"Anh cà phê cà chị cà phê, cà đúng chỗ phê mà phê đúng chỗ cà".

hoahong99999
member

REF: 451707
05/26/2009

hay quá là hay.Cám ơn bạn nha

volyhetsuc
member

REF: 451766
05/26/2009

Cám ơn tocdaioi đã chỉ dẫn cho mọi người những kiến thức thật hay và bổ ích.

Tôi đã coppi bài viết của bạn để thực hành cho các bài viết của mình.

Mong tiếp tục được học hỏi từ bạn.

taucho
member

REF: 451768
05/26/2009

Tôi lại thử lần nữa
------------------

TRUYỀN KỲ VỀ CAO HỔ CỐT

Hóa ra là trong xương hổ có một lượng acid amin cao gấp 900 lần các loài xương động vật khác. Với lượng acid amin cao như vậy, nên khi uống vào, nó làm cho người ta thấy khỏe khoắn, khoan khoái và hết đau xương, đau cốt. Và khi người ta thấy khỏe mạnh thì cái gì mà chả dám xông pha, kể cả “cái chuyện kia”.

Nói cao hổ có tác dụng như Viagra thì đó chỉ là lời của những gã lang băm và những ông chủ lò cao rởm. “Công nghệ” biến chó nhôm nhoam thành chó bạch tuyết, kể cả biến ngựa vàng, ngựa nâu thành ... bạch mã có từ đầu những năm 90 của thế kỷ trước và đã khối người bị mắc lừa.

Khi kinh tế đất nước phát triển, với số đông người, cái thời bươn chải, chạy vạy để lo “ăn no mặc lành” qua từ lâu rồi và giờ là lo “ăn ngon mặc đẹp”, thì việc phải chăm lo cho sức khỏe là lẽ đương nhiên. Vì thế chưa bao giờ xuất hiện lắm loại thuốc bổ, thuốc “tăng cường sinh lực” như hiện nay và dĩ nhiên, trong đó phải kể đến các loại cao, các loại sâm, nhung, các loại mật...

Với công nghệ làm giả như hiện nay thì việc biến một bộ xương chó, xương bê, hay xương lợn thành bộ xương hổ là chuyện... thường ngày ở các lò nấu cao hổ “đểu”. Các tay thợ có tay nghề khéo léo như thợ kim hoàn sẽ biến tất cả những loại xương đó thành xương hổ với mức độ chính xác gần như tuyệt đối.

Một “ngón võ” quen thuộc của những ông chủ lò cao “đểu” là cho khách xem bộ xương hổ còn nguyên vẹn và sẵn sàng cung cấp cho bộ xương đó một lý lịch với đầy những tình tiết ly kỳ như trong phim trinh

thám. Nào là bộ xương hổ phải đặt mấy năm rồi mới đưa được từ Myanmar về, phải hối lộ cho Hải quan Lào, Hải quan Việt Nam mấy cây vàng mới thoát. Rồi bộ xương này nhờ mấy ông anh làm ở nước ngoài mua hộ?...

Chuyện biến chó, biến con bê thành hổ đã được đồn đại từ lâu nhưng chưa có vụ nào được phơi ra ánh sáng cho nên vẫn rất nhiều người không tin là có thể làm giả được. Cũng có người đã trót bị lừa nhưng không dám nói vì... ngượng.

Nguyễn Như Phong

taucho
member

REF: 451777
05/26/2009

Bạn tocdaioi,

Tôi thấy để trình bày cho cân đối, đẹp mắt cũng thật không đơn giản đối với tôi, chắc là vì chỉ biết copy rồi paste theo sự hướng dẫn của bạn, còn cái kiến thức căn bản thì chưa có.

Trong cái bài tôi chia thành 4 cột như trên thì có một lỗi mà tôi chưa phát hiện ra được là khoảng cách giữa cột 1 với cột 2 sao lại rộng hơn 2 khoảng cách giữa 3 cột sau đó. Tôi có cảm giác là nó rộng gấp đôi. Mong bạn chỉ giúp.

Xin cám ơn nhiều.

tocdaioi
member

REF: 451789
05/26/2009

Xin cảm ơn các bạn Thanhthanhca2000, hoahong99999, volyhetsuc đã vào ủng hộ cho topic, chúc các bạn vui và thành công hơn nữa trong cuộc sống.

Gởi bạn taucho: Trước hết xin cảm ơn bạn đã đồng hành cùng tôi, cảm ơn những thông tin và những bài đăng hữu ích của bạn.

Vấn đề của bạn xin có vài góp ý để bạn xem lại như sau:
- Về khoảng cách giữa 2 cột: Đó là tổng của padding-right của cột bên trái và padding-left của cột bên phải.
- Trong bài viết bạn đăng các tổng này đã không bằng nhau nên dẫn đến khoảng cách không đều giữa các cột.
- Nếu 1 cột bạn không không đặt padding-left thì phần padding-left nó mặc định là 0, tương tự nếu 1 cột không đặt padding-right thì phần padding-right nó mặc định là 0.
- Ở bài viết của bạn có 4 cột, khoảng cách giữa cột thứ nhất và thứ hai rộng hơn khoảng cách giữa các cột còn lại là do cột 2 và 3 đã không đặt phần padding-right. Tuy nhiên nếu bạn đặt padding-right cho cột 2 và 3 thì độ rộng phần nội dung của 2 cột này sẽ nhỏ hơn cột 1 và 3.
- Vấn đề này có thể khắc phục bằng cách chỉ đặt padding-right ở tất cả các cột mà không cần đặt padding-left cho 1 cột nào. Hoặc nếu muốn đặt thì bạn cần tính sao cho tổng padding trái và phải của từng cặp cột phải bằng nhau và phân bổ lại độ rộng của từng cột.

Thân chào.

	góp ý kiến

Kí hiệu: : trang cá nhân :chủ để đã đăng : gởi thư : thay đổi bài :ý kiến