(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.
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 đó.
(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:
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ò 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
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:
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
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.
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:
"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".
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è.
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.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)
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):
- 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.
<table width=100% height=400><tr style="vertical-align:top;text-align:justify;"><td style="padding-right:3;width:50%;">Nội dung bài viết cột 1 hàng 1</td><td style="padding-left:3;width:50%;">Nội dung bài viết cột 2 hàng 1</td></tr><tr style="vertical-align:top;text-align:justify;"><td style="padding-right:3;width:50%;">Nội dung bài viết cột 1 hàng 2</td><td style="padding-left:3;width:50%;">Nội dung bài viết cột 2 hàng 2</td></tr></table>
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”.
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.
taucho
member
REF: 451826
05/27/2009
Tôi làm lại theo chỉ dẫn của tocdaioi
CƠ CHẾ NÀO CHO BÀI THUỐC CỦA BÀ LANG TÝ?
Chúng tôi đã tìm gặp một số nhân chứng khách quan để chứng minh hư thực. Ông Nguyễn Duy Đông - Chủ tịch xã Phi Điền (Lục Ngạn - Bắc Giang) khẳng định chắc như đinh đóng cột: "Bà Tý làm nghề thuốc không hề nhằm mục đích kinh doanh, kiếm tiền. Bà đã chữa khỏi cho hàng ngàn người bệnh ở khắp nơi mà chưa hề xảy ra bất kỳ một sai sót đáng tiếc nào".
Ông Đông cho biết
thêm, ngay cả con trai ông bị ngã gãy tay, bản thân ông chơi thể thao bị sái khớp cũng đều nhờ bà Tý bó là chữa khỏi mà không hề phải đi bệnh viện. Tại địa phương bà là một Đảng viên gương mẫu luôn được chi bộ bầu là Đảng viên hoàn thành xuất sắc nhiệm vụ.
Anh Nguyễn Anh Tuấn (SN 1972) ở nhà số 7, tổ 23 phường Nam Sơn, thị xã Tam Điệp, Ninh
Bình cho biết: Do tai nạn lao động, anh bị thoái hóa 3 đốt sống N1, N3, N5 và xẹp đĩa đệm đã 9 năm nay. Anh đã điều trị bằng rất nhiều cách với nhiều loại thuốc Đông, Tây y tại hầu hết các bệnh viện từ địa phương đến trung ương nhưng không khỏi.
Suốt 9 năm lưng bị còng như bà lão 80, mất sức lao động, anh rất bi quan và tuyệt vọng. Nhưng chỉ qua bà lang Tý
nắn xương và đắp thuốc được 3 hôm hiện 10 phần đã đỡ 7, có thể đi lại, chạy nhảy dễ dàng.
Tin chắc rằng mình sẽ khỏi bệnh, anh nói: "Bệnh của tôi nếu mổ theo Tây y sẽ tốn phí hàng chục triệu và khả năng ngồi xe lăn cả đời là 50%. Nhưng hiện nay tôi tin rằng sẽ khỏi mà không cần mổ".
Theo Lục Sơn
Báo Tintuconline
=============
Như vậy tôi đã nắm được quy luật do bạn hướng dẫn. Cám ơn bạn rất nhiều
ototot
member
REF: 451962
05/27/2009
Tôi cũng thử để rút tiả kinh nghiệm so sánh HTML và XHTML, với hình dưới đây, tôi chụp anh chồng sóc đang nhớ vợ, vưà chạy ngang đường bị xe cán chết:
TƯƠNG TƯ CHIỀU
Bữa nay lạnh, mặt trời đi ngủ sớm,
Anh nhớ em, em hỡi! Anh nhớ em.
Không gì buồn bằng những buổi chiều êm.
Mà ánh sáng đều hoà cùng bóng tối.
Gió lướt thướt kéo mình qua cỏ rối:
Vài miếng đêm u uất lẩn trong cành:
Mây theo chim về dãy núi xa xanh
Từng đoàn lớp nhịp nhàng và lặng lẽ
Không gian xám tưởng sắp tan thành lệ
Thôi hết rồi! Còn chi nữa đâu em!
Thôi hết rồi, gió gác với trăng thềm,
Với sương lá rụng trên đầu gần gũi,
Thôi đã hết hờn ghen và giận dỗi,
(Được giận hờn nhau! Sung sướng bao nhiêu).
- Anh một mình, nghe tất cả buổi chiều
Vào chậm chậm ở trong hồn hiu quạnh.
Anh nhớ tiếng. Anh nhớ hình. Anh nhớ ảnh.
Anh nhớ em, anh nhớ lắm! Em ơi!
Anh nhớ anh của ngày tháng xa khơi
Nhớ đôi môi đang cười ở phương trời.
Nhớ đôi mắt đang nhìn anh đăm đắm.
(Thơ Xuân Diệu)
tocdaioi
member
REF: 452146
05/28/2009
Cảm ơn bác Ototot đã ghé vào topic để ủng hộ, đọc những lời của bác rồi nhìn con sóc sao thấy tội quá !
Chúc bác luôn vui khỏe .
Sau đây xin giới thiệu cùng bác Ototot và các bạn vấn đề tiếp theo về đăng hình.
------------------------
Bình thường để đăng hình trên NCD bạn dùng code như sau:
<img src="linkảnh" width=A height=B />
Trong đó A, B là độ rộng và độ cao mà bạn muốn khống chế size của ảnh khi hiển thị
Trường hợp không có 2 thông số rộng và cao thì code là:
<img src="linkảnh" />
lúc này ảnh vẫn hiển thị nhưng sẽ hiển thị với kích thước thật của nó. Nếu ảnh có chiều rộng từ 630px trở xuống thì ảnh sẽ nằm lọt trong khung bài viết của trang web, nếu ảnh có độ rộng lớn hơn 630px khung bài viết sẽ bị tràn (ở đây đang áp dụng cho máy đang đặt độ phân giải màn hình từ 768x1024 trở xuống).
Dưới đây là 1 phương pháp đăng những hình có size thật rộng hơn 630px bằng cách đặt width=630 nhưng có thêm 1 nút nhấn để có thể xem ảnh với kích thước thật của nó.
Dưới đây là CODE:
-----------------
<img id="hinh1" src="http://files.myopera.com/catalog2/files/ngoinha.bmp" width=630 height=474 /><input value="Xem với kích thước thật của ảnh" style="float:left;text-align:center;color:brown;width:170;height:20;font-size:9pt;" type="button" onclick='document.getElementById("hinh1").width="1024";document.getElementById("hinh1").height="768";'/><input value="Kích thước ban đầu" style="text-align:center;color:brown;width:150;height:20;font-size:9pt;float:left;" type="button" onclick='document.getElementById("hinh1").width="630";document.getElementById("hinh1").height="474";'/><br clear="all">
Ghi chú:
- ID=hinh1 là chỉ danh nhận dạng duy nhất cho mỗi hình, ID này không được trùng nhau trong 1 topic. Một khi đã chọn ID cho 1 hình rồi thì ở hình khác phải thay đổi ID khác(NHỚ CÁI NÀY).
-src="http://files.myopera.com/catalog2/files/ngoinha.bmp" là link hình bạn cần chọn lại theo của bạn.
- Width=630 và height=474 là độ rộng và cao mà bạn muốn hiển thị lúc đầu.
-Document.getElementById("hinh1").width="1024" và
document.getElementById("hinh1").height="768" dùng để hiển
thị kích thước thật của ảnh, hai con số 1024 và 768 cần thay thành kích thước với ảnh của bạn.
-Document.getElementById("hinh1").width="630" và
document.getElementById("hinh1").height="474" dùng để hiển
thị kích bạn cần khống chế, hai con số 630 và 474 cần thay đổi theo ý của bạn muố hiển thị ban đầu.
- Phần chữ màu tím và màu hồng là 2 cái nút nhấn, mỗi nút có code là: <input..../>
-Height:170, width:20 Là độ rộng và cao của nút.
-Text-align: Canh lề cho text của nút.
-Color:brown là màu chữ của nút.
- Font-size: Là cỡ chữ của nút.
- Float và clear đã trình bày ở bài viết bên trên.
- Mấy các khác thì không cần quan tâm làm gì !
Lưu ý: Trong mỗi chủ đề, ID của từng Image không được trùng nhau, mình đã đặt là hinh1 vậy bạn nào có thử thì chọn ID khác, nếu bạn thử nhiều hình thì ID cũng không được giống nhau. Kết quả sẽ hiển thị như sau:
ototot
member
REF: 452176
05/28/2009
Cho tôi thử
Cảm ơn tocdaioi thật nhiều, vì đôi khi tôi có những ảnh cần hiển thị nhiều chi tiết, nhưng để nhỏ thì không thấy, mà cho lớn thì choán nhiều chỗ quá.
Thực ra, kích thước ảnh cuả tôi chụp là rất lớn (2033 pixels x 2484 pixels), nhưng khi upload lên Photobucket, bị nó ... ăn hiếp, giảm đi mất còn có 838 pixels x 1024 pixels!
Tuy nhiên, khi upload lên diễn đàn này và cứ để độ phân giải như trên cho đúng với thực tế, thì hình lại bị "nổ" ngoài ý muốn! Thì ra, bề nào mình sử dụng trang web mà không mất tiền, thì cũng bị ăn hiếp quá!
Thân ái,
cayduadai
member
REF: 452265
05/28/2009
chào tocdaioi...cayduadai củng đang tập làm mà chưa có được...
không biết tại sao chữ không vào được trong hình vậy???
bạn co thể cho biết lổi ở đâu với nhé...chúc bạn cuối tuần vui vẻ...
ototot
member
REF: 452268
05/28/2009
Cho tôi thử:
Thân ái,
ototot
member
REF: 452271
05/28/2009
Bây giờ vẫn hình đó, vẫn bài thơ đó, vẫn cho chữ cuộn (scroll) lên, nhưng thay đổi những thông số như
padding-top:50 (khoảng cách bià trên cuả ảnh lớn hơn; 50 pixel thay vì 10 pixels)
line-height:120% (hàng cách xa nhau hơn)
color:yellow(bài thơ thành chữ vàng)
scrolldelay=100 (số càng lớn, cuộn càng chậm)
size:20 (cỡ chữ to hơn)
font-family:Arial (kiểu chữ đổi từ Times sang Arial)
Mời bạn xem đây:
Thân ái,
ototot
member
REF: 452284
05/28/2009
Thân gởi bạn Cây Dưà Dại và những ai làm theo chỉ dẫn cuả Tóc Dài Ơi mà chưa làm được hình có chữ chạy trên đó:
Điều tối quan trọng để đạt những kết quả tốt, là phải chép đúng 100% cái mã mà TDO đã cho. Đúng 100% có nghiã là không được sai lỗi chính tả (spelling) cuả tiếng Anh, và không được thưà hay thiếu một ký tự (character).
Tiếc thay, có nhiều bạn theo chỉ dẫn cuả TDƠ rồi dùng tay đánh gõ trên bàn phím (keyboard) cuả máy tính, và đánh gõ sai!
Vậy muốn khỏi sai, thì phải lấy chuột quệt những dòng chữ TDƠ đã cho, cho nó có nền xanh đậm lên (tức là "highlight" nó), rồi "copy", rồi "paste" nó, thì mới không sai được!
Cũng tiếc thay là bản thân TDƠ cũng đánh gõ sai! Rồi mọi người cũng ... theo cái sai đó cuả TDƠ, nên kết quả không tốt là chuyện đương nhiên!
Ví dụ như tôi "copy & paste" cuả TDƠ, thì chính TDƠ cũng đánh gõ thiếu một dấu ' như ở ('LinkHình), đáng lẽ phải là ('LinkHình').
TDƠ cũng đánh gõ sai một lỗi chính tả nưã ở từ "bold" có nghiã là "đậm nét", đã đánh sai là "bolt", thì trình duyệt (browser) sẽ không hiểu và không thi hành!
Tôi xin minh định : không chê trách TDƠ đâu, nhưng ai đánh gõ cũng có thể phạm lỗi; và như tôi nói, chỉ có "copy & paste" mới chắc ăn.
Vậy nhờ TDƠ cho sưả lại đoạn dưới đây mà TDƠ đã đăng:
Thân ái,
Chú thích thêm: Khi chạy chữ (marquee) và cho nó cuộn (scroll), bạn phải chọn thông số cho "scrollamount" và "scrolldelay".
Với scrollamount, trị số càng nhỏ, thì chuyển động càng êm; ngược lại, càng lớn thì dòng chữ càng ... cà giật!
Với scrolldelay, là tốc đô đi chuyển; trị số càng nhỏ thì chữ cuộn càng nhanh.
tocdaioi
member
REF: 452298
05/28/2009
Xin chào bác Ototot, chào bạn Cayduadai.
Đúng như bác Ototot đã phát hiện, ở phần chữ chạy trên hình tôi đã gõ thiếu dấu ' trong phần linkhình và sai chữ bolt, đúng phải là bold.
Cảm ơn bác Ototot đã đăng giúp phần đính chính và có những góp ý rất cần thiết. Rất tiếc, giờ cũng hết quyền sửa rồi bác Ototot à !
Các bạn có đăng thử cần sửa lại 2 chỗ sai trên. Một lần nữa xin cảm ơn bác Ototot.
Xin chúc bác và mọi người cùng vui.
ototot
member
REF: 452304
05/28/2009
Mời các bạn cùng thử một ảnh nưã:
Dưới đây là mẫu mời mọi người thử đánh, để có ảnh và bài văn ở trên:
Thân ái,
(Chú ý: Tôi xin lỗi, đã đổi màu cuả chữ thành color:red, màu đỏ, cho dễ đọc hơn màu color:99FF99)
cayduadai
member
REF: 452400
05/29/2009
Cám ơn bác Ototo va tocdaioi...đả hướng dẫn,tìm ra nguyên nhân.Để có thời gian cdd làm thử laị vaì lần cho bằng được thì mới thôi.
Chúc bác Ototo.tocdaioi cùng gia đình cuối tuần vui vẻ,
cayduadai
member
REF: 452443
05/29/2009
xin phép các bác cho làm thử lại lần nữa nhé
taucho
member
REF: 452713
05/30/2009
TAM CỐC - NINH BÌNH
tocdaioi
member
REF: 452789
05/30/2009
7/Tạo chữ chóp/tắt:
Vấn đề này tương đối đơn giản, có thể thay chữ bằng hình cho hình chóp tắt
Trong lúc post bài, khi cần đề cập đến 1 chủ đề nào đó trong cùng trang web NCD hoặc đến 1 trang web bên ngoài bạn có thể thực hiện bằng cách tạo ra 1 liên kết trong bài viết của bạn, khi người đọc nhấn vào nó sẽ chuyển đến chủ đề đó :
CODE như sau:
<a href="địa chỉ cần liên kết đến" title="Giới thiệu liên kết">Tên liên kết do bạn đặt</a>
Ví dụ:
Tôi muốn liên kết đến bài viết Góc Cho Dân Thích Chụp Ảnh Kỹ Thuật Số của bác OTOTOT tôi sẽ viết:
<a href="http://nhipcauduyen.com/f_view.asp?CID=1901&QID=49995" title="Nhấn vào đi bạn">Bài viết của bác Ototot về vấn đề chụp ảnh kt số</a>
Trong đó:
- Phần href="http://nhipcauduyen.com/f_view.asp?CID=1901&QID=49995" là địa chỉ (URL) của nội dung bài viết, nó nằm trong ô địa chỉ (address) của cửa sổ Internet explorer.
- Title: Là phần text mà bạn muốn hiện ra khi người đọc rê con chuột vào liên kết trên.
Cũng với code trên mà bạn thêm vào thông số target="_blank" thì nó sẽ mở 1 cửa sổ mới khác cách trên là chỉ có 1 cửa số, đôi khi đều này là cần thiết.
<a href="http://nhipcauduyen.com/f_view.asp?CID=1901&QID=49995" target="_blank">Bài viết của bác Ototot về vấn đề chụp ảnh kt số</a> Kết quả sẽ có liên kết sau:
Cơ bản về liên kết là vậy, với phần trên, đã giúp bạn tạo ra 1 liên kết để dẫn người đọc đến 1 chủ đề nào đó.
8.2/ Chuyển đến ngay 1 reply trong cùng 1 topic:
Để tạo được 1 liên kết chuyển đến 1 reply nào đó trong cùng 1 chủ đề bạn cần làm 2 việc:
a/ Trong mỗi reply bạn phải tạo 1 bookmark(điểm đánh dấu) có dạng như sau:
<a name="tenbookmark"/>
Phần này bạn sẽ thêm vào trong bài viết vị trí mà bạn muốn sẽ dẫn người đọc đến, nếu bài ngắn có thể đặt đầu tiên khi viết reply, tenbookmark bắt đầu bằng chữ và không được trùng nhau trong cùng 1 chủ đề.
b/Tạo liên kết để trỏ đến điểm(bookmark) trên:
<a href="#tenbookmark">tên liên kết do bạn đặt</a>
Ví dụ:
Trong các bài viết của tôi trong topic này tại mỗi đầu bài viết tôi đều có tạo bookmark với tênbookmark lần lượt là là kythuat1,baiviet2,...baiviet7 :
(Các bài 2,3,4,5 không đưa vào vì lúc đặt name đã thiếu dấu " bao cái name. Nên giờ link đến không được.)
8.3/ Tạo liên kết chuyển đến 1 BOOKMARK hay cũng là 1 reply từ bên ngoài topic:
Để tạo 1 liên kết đến 1 bookmark từ bên ngoài bạn cần thêm bookmark vào cuối địa chỉ URL cách nhau bởi dấu #, thực hiện như sau:
<a href="Địa chỉ liên kết#tenbookmark">Tên liên kết</a>
Ví dụ:
Tôi muốn chuyển qua reply cuối cùng bên chủ đề post thử của tôi sẽ viết như sau:
<a href="http://nhipcauduyen.com/f_editreply.asp?cid=1902&qid=51854&aid=448996#traloi3"></a>Reply cuối trong post thử</a>
Trong đó:
- http://nhipcauduyen.com/f_view.asp?CID=1902&QID=51854 là địa chỉ URL trên thanh address.
- traloi3: Là tên bookmark tôi đã tạo khi viết bài bên đó cụ thể là đặt <a name="traloi3" /> trước đầu reply.
Lưu ý: Trong bài viết tôi đã đặt các bookmark là kythuat1,baiviet2,baiviet3,...baiviet8, bạn nào có test trong topic này xin vui lòng đặt bookmark khác. Thanks
taucho
member
REF: 453018
05/31/2009
Tôi thử làm lại bài dạng cột báo
THÀNH NGỮ, TỤC NGỮ TRONG THƠ HỒ XUÂN HƯƠNG
Người ta thường bảo “Nôm na là cha mách qué”, thế nhưng với thơ Hồ Xuân Hương thì đó lại là một ngoại lệ, bởi vì người đọc nhớ Xuân Hương, yêu Xuân Hương lại chính từ cái sự “mách qué” ấy. Nếu không có cái chất “nôm na”, “mách qué”, “xỏ xiên” đầy tinh quái này thì có lẽ đã không có một Xuân Hương để cho người đời chiêm ngưỡng và tôn vinh bà thành Bà Chúa thơ Nôm trong làng thơ Việt Nam. Chính cái chất nôm na trong thơ của Bà đã tạo nên một chất men xúc tác rất
mãnh liệt trong lòng người đọc. Người ta ngây ngất, hỉ hả, khoái trá với cái thứ ngôn ngữ “nhà quê, mách qué” như: đỏ lòm lom, già tom, mân mó, tấp tênh, lún phún, le te, chín mõm mòm,... Tất cả những cái đó hoàn toàn xa lạ với sự trau chuốt, gọt giũa, khuôn sáo mà người ta thường bắt gặp trong ngôn ngữ thơ. Ngoài những đặc trưng ấy, người ta còn bắt gặp ở Bà một biệt tài nữa trong việc vận dụng tiếng nói dân gian trong thơ. Đó là việc đưa thành ngữ, tục ngữ vào trong thơ, làm cho
câu thơ trở nên giàu tính hình tượng, dễ nhớ, và độc đáo hơn.
Việc đưa thành ngữ, tục ngữ vào tác phẩm đã được nhà thơ xử lí rất tinh tế, tài tình và nhuần nhuyễn. Có những tác phẩm tuy rất ngắn nhưng chúng ta đã không khỏi ngạc nhiên khi thấy tác giả đã hai lần sử dụng đến yếu tố thành ngữ, tục ngữ. Chẳng hạn như: Bài Mời trầu có hai câu thành ngữ xanh như lá và bạc như vôi được áp dụng trong câu thơ "Đừng xanh như lá, bạc như vôi". Bài Khóc Tổng Cóc lại có hai câu
thành ngữ khác là nòng nọc đứt đuôi và gọt gáy bôi vôi được áp dụng trong hai câu thơ “Nòng nọc đứt đuôi từ đây nhé, Nghìn vàng khôn chuộc dấu bôi vôi”. Hoặc như ở bài Quan thị thì hai câu thơ "Đố ai biết đó vông hay trốc, Còn kẻ nào hay cuống với đầu" lại chính là hai hình ảnh hết sức ví von được rút ra từ hai câu tục ngữ ngồi lá vông, chổng mông lá trốc và đầu trỏ xuống, cuống trỏ lên.
Cảm ơn bạn Caycaudua nhiều, rất vui vì bạn thường ghé qua!
--------------------- 10/ Hiển thị từng ký tự trong bài viết:
Chào tất cả các bạn Chúc cả nhà vui vẻ
CODE:
<marquee var s var b=0 var b1=0 onstart='s=caydd1.innerText;text1.innerText="";' onscroll='if(b++%3==0){if(b1<=s.length) {caydd1.innerText=s.substring(b1,0)} else {if(b1==s.length+20){caydd1.innerText="";b=0;b1=0}};b1++;};b++;' scrolldelay=30 scrollamount=1> </marquee><p style="color:660099;font-size:20;font-weight:bold;" id="caydd1">
Chào tất cả các bạn
Chúc cả nhà vui vẻ </p>
Lưu ý: - Chỉnh 3 con số màu xanh để thay đổi tốc độ xuất hiện của chữ, con số màu tím(20) để thay đổi thời gian nghỉ đến khi bắt đầu lặp lại.
- Phần chữ màu đỏ xuat1 là giá trị duy nhất trong 1 topic, không được trùng, nếu bạn có thử thì thay đổi tất cả các chữ xuat1 trên theo của bạn, ví dụ caycd1(nó phải bắt đầu bằng chữ, không dùng ký tự đặc biệt).
- Nếu bạn thử nhiều lần thì cũng phải chọn khác nhau giữa các lần: caydd1,caydd2...
Chúc cả nhà vui.
cayduadai
member
REF: 453590
06/04/2009
Chào tocdaioi
Cám ơn bạn rất nhiều
Chào tất cả các bạn
Chúc cả nhà vui vẻ
tocdaioi
member
REF: 453592
06/04/2009
Rất mừng vì bạn cayduadai đã áp dụng chính xác, phần code này sai 1 chút là nó lỗi ngay, tôi định mail cho bác mà xem lại bác đã linh hoạt sửa đổi rồi,Thanks!
Xin đăng lại phần sửa sai:
- Trong phần code: đoạn sau có chỗ sai
onstart='s=caydd1.innerText;text1.innerText="";'
- Chữ xuat1 trong phần chú thích tôi đã gõ nhầm, đúng phải là caydd1: (Phần chữ màu đỏ xuat1Chữ caydd1 là giá trị duy nhất trong 1 topic, không được trùng, nếu bạn có thử thì thay đổi tất cả các chữ xuat1caydd1 trên theo của bạn)
Thân ái!
tocdaioi
member
REF: 453610
06/04/2009
<marquee var s var b=0 onstart='s=caydd1.innerText;caydd1.innerText="";'
onscroll='if(b++%3==0){if(b<=s.length) {caydd1.innerText=s.substring(b,0);}
else {if(b>=s.length+20){caydd1.innerText="";b=0;};};};' scrolldelay=30 scrollamount=1> </marquee><p style="color:660099;font-size:20;font-weight:bold;" id="caydd1">
Chào tất cả các bạn
Chúc cả nhà vui vẻ</p>
tocdaioi
member
REF: 453735
06/04/2009
meyeucon8007
member
REF: 458745
06/25/2009
Các pác ơi, cho iem thử chút nhá!
Thiên thần nhỏ đáng iu wá!
Ý, nhưng hình to wá, pác tocdaioi, cho iem hỏi, iem muốn thu nhỏ hình lại thì phải làm thế nào pác nhẩy?
gioluamaitoc
member
REF: 458760
06/25/2009
Chào bạn meyeucon8007!
(Tôi đã chuyển sang nick mới này)
Các thông số width và height trong bài viết trên chỉ là thay đổi cái khung chứa hình, nếu hình to hơn khung, hình sẽ bị mất chi tiết, nếu hình nhỏ hơn sẽ có phần thừa của khung không chứa hình. Nếu bạn không quan tâm đến chi tiết hình bạn có thể chỉnh width và height là đã giải quyết được vấn đề size nền.
Nếu bạn quan tâm đến việc thay đổi size hình thật của bạn, bạn có thể thay đổi size bằng các phần mềm đồ họa sau đó dùng photobucket hoặc 1 trang nào đó cho phép upload ảnh để upload hình của bạn lên sau đó lấy link áp dụng vào bài viết trên lúc đó bạn sẽ được size theo ý bạn.
Cách thay đổi size hình đã có thành viên post rồi, tôi định link cho bạn đến những hướng dẫn đó nhưng hơi tiếc là mấy ảnh minh họa trong các bài viết đó đều đã remove.
Nay tôi xin giới thiệu lại cho bạn cách thay đổi size hình như sau:
1/ Dùng những công cụ có sẵn trên Windows: Microsoft Office Picture Manager:
- Nạp bức hình lên.
- Vào Edit Picture:
* Nếu muốn cắt hình nhấn Crop,lúc này quanh hình hiện các dấu gạch đen, dùng con chuột ghê vào các dấu nào và move, lúc này hình sẽ cắt bớt(giống lấy kéo cắt thôi), sau cùng nhấn OK.
*Nếu muốn thay đổi size: Bạn nhấn vào
Phần Custom width x height: Cho phép bạn chọn theo pixel
Phần Percentage of orginal x height : Cho phép bạn chọn thay đổi theo phần trăm
Xong nhấn OK Dùng Paint:
- Nạp bức hình lên.
- Vào mênu Image, tiếp theo vào stretch/skew..., cửa sổ hiện ra sẽ có hai thông số horizontal(ngang) và vertical(dọc) cho phép thay đổi kích thước hình theo phần trăm.
2/ Dùng phần mềm bên ngoài: Có thể dùng các phần mềm xử lý ảnh hoặc phần mềm nhỏ gọn sau: Link download
Chào bạn!
kieuanhhuong
member
REF: 467736
07/27/2009
TEST - Hoa Phượng Hoàng:
PHƯỢNG HOÀNG
Anh về thành phố hoa Phượng đỏ
Bất ngờ gặp em cánh Phượng Hồng
Cứ ngỡ phượng hồng luôn rực lửa
Như nỗi khát khao đang cháy lòng…
Đâu ngờ một ngày anh bắt gặp
Cánh Phượng vàng mơ mộng ven sông
Màu hoàng lan mềm như cổ tích
Bay bay trong chiều hoàng hôn…
Anh như lạc vào vườn địa đàng tình ái
Như lạc vào sắc vàng của mê cung
Cây phượng vĩ màu phật thánh thiện
Ru đắm hồn anh một cõi trần !
Hóa ra, không chỉ có Phượng hồng
Trong em còn có sắc Phượng hoàng…mê đằm
Câu hát xưa, của người thành phố…
Bây giờ sẽ ngân thêm một loài hoa
Hoa Phượng Hoàng rực rỡ trong lòng ta !
Hải Phòng, ngày 29.06.2009
Kiều Anh Hương
hoahong99999
member
REF: 467738
07/28/2009
Tocdaioi..hehehe
Chúc bạn vui nha,và cám ơn bài viết của bạn
phamkhanh06
member
REF: 467744
07/28/2009
Bài viết hay số 2( Ở Miền Nam không xài số 1-hihi) của diễn đàn . Có giá trị cho bao người tò te IT . Chúc bạn vui khỏe và hạnh phúc _ TÓCDÀIơi !
Kết hợp bài 2 ; bài 6+4 của bạn tôi tặng tác phẩm này
Thơ tình kháng chiến
ST : Giang Nam -Bảo Cường ngâm thơ
thuthu09
member
REF: 488720
10/08/2009
Anhtodai ơi cho em hỏi thăm, sao em cũng copy đoạn code rồi thay vào chỗ link hình ( link hình từ photobucket ) nhưng khi post lên thì chĩ thấy chữ chứ không thấy tấm hình hehehe, giúp em với...
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á. 
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. 
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. 
TAM CỐC - NINH BÌNH
