Ðăng Ký
slideNote Demo

Untitled Document
Gửi bài mớiTrả lời chủ đề này
 Follow me at TwitterMaxF Movies FeedburnerRss  Add to Digg Add to Technorati Add to Delicious Add to Reddit Add to Yahoo Add to Google Add to Facebook Add to Twitter Add to FriendfeedAdd to Stumbleupon Add to Blinklist Add to Live Add to Slashdot Buzz Up  
 
Hướng dẫn sử dụng code cơ bản cho các bạn mới tập chơi blog
 
avatar
Points Points : 140
Posts Posts : 57
Thanked Thanked : 2
Giới tính Giới tính : Nam
Tài Sản Của Tôi
.:

 
 

Love Channel - Trang 2
Bạn Đang Là:

Ứng Dụng:
Shop Online - Nơi mua, bán tài sản và thú nuôi | Nơi tổ chúc các cuộc thi - Game show và trò chơi | Cửa sổ tình yêu online - Nơi tư vấn tình yêu, giới tính, hôn nhân và gia đình | Xem Truyền Hình Online

Thông Tin Cá Nhân
Liên Hệ: Xem lý lịch thành viên

Bài gửiTiêu đề: Hướng dẫn sử dụng code cơ bản cho các bạn mới tập chơi blog

Khi sử dụng các dịch vụ blog cho phép dùng mã HTML để trang trí, không ít bạn gặp khó khăn trong việc chèn hình, trang trí chữ, tạo khung bài viết, làm chữ chạy, v.v... vì không biết nhiều về HTML . Để khắc phục điều đó, tớ xin đăng 1 vài lệnh HTML cơ bản hữu dụng, hy vọng sẽ giúp ích nhiều cho các bạn trong việc làm blog như Multiply, Blogspot, My Space, v.v...

Nào, bắt đầu nhé!
Mục lục: *click to see*
Phần 1: Trang trí chữ
Phần 2: Định dạng văn bản
Phần 3: Links
Phần 4: Hình ảnh
Phần 5: Viền
Phần 6: Scroll box
Phần 7: Dropdown list

Phần 1: Trang trí chữ

In đậm = In đậm

Nghiêng = Nghiêng

Gạch dưới = Gạch dưới

Gạch ngang chữ = Gạch ngang chữ

Chữ Sub Script = Chữ Sub Script

Chữ Super Script = Chữ Sub Script

Để kết hợp 2 kiểu trang trí, bạn nhập như sau:

Ví dụ: In đậm + gạch dưới = Text

*có 1 số kiểu tớ không làm mẫu ra được, các bạn cứ thử rồi sẽ thấy kết quả nhé*

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

Thay đổi màu chữ:

Text

hoặc Text

Ví dụ: Text

Mã màu bạn có thể lấy bằng cách sử dụng Photoshop.

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

Thay đổi kích thước chữ:

Text

Ví dụ: Text

Có 7 kích thước để bạn lựa chọn: 1 2 3 4 5 6 7

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

Thay đổi font chữ:

Text

Một vài font phổ biến: Arial, Arial black, Book Antiqua, Century Gothic, Courier new, Garamound, Georgia, Impact, Lucida Console, Monotype Corsiva, Small Fonts, Tahoma, Times New Roman, Trebuchet Ms, Verdana

Ví dụ: Text

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

Làm nền cho chữ:

Text

Ví dụ: Text

Để làm cho nền chữ linh hoạt hơn khi xuống dòng, bạn thêm "display:block" vào mã.

Ví dụ: Text

___________________Hết phần 1____________________

Code:


Phần 2: Định dạng văn bản

 Để hình ảnh hoặc dòng chữ của bạn bắt đầu ở 1 dòng mới, dùng lệnh <br>

 Căn giữa: <center>Text</center>

 Căn lề phải: <p align="right">Text</p>

 Căn lề trái: <p align="left">Text</p>

 Chữ chạy chạy chạy (cái này hay à nha :o):
<marquee>Text</marquee>
<marquee><img src="link hình"></marquee>

 Tạo 1 danh sách, ví dụ:
Meow xink
Meow ngoan
Meow đáng iu
<ul><li>Meow xink<li>Meow ngoan<li>Meow đáng iu</ul>

Phần 3: Links


 Tạo 1 đường link: <a href="đường link của bạn">Text</a>

 Để mở link ở trang khác: <a href="link của bạn" target="_blank">Text</a>

 Tạo 1 đường link "email me":
<a href="mailto:youremailaddress@whatever.com">E-mail me</a>

Phần 4: Hình ảnh


Trước tiên bạn phải up hình bạn muốn share trên blog ở 1 host nào đó (như yeah1look neh ) và lấy link

 Show hình: <img src="link hình">

 Để hình thành đường dẫn: <a href="đường link"><img src="link hình" border=0></a>

 Chữ bao bọc hình:
<img src="link hình" align="left"> = hình nằm bên trái chữ
<img src="link hình" align="right"> = chữ nằm bên trái h

Phần 5: Viền

Để tạo viền xung quanh 1 ảnh, bạn làm như sau:
<img style="border-style: solid; border-width: 1px; border-color: #000000" src="link hình">
Chỗ màu đỏ, bạn có thể thay bằng: solid , dotted , dashed , double, groove. Đây là kiểu dáng của đường viền của bạn.

Chỗ màu cam, bạn có thể thay bằng: 2px, 3px, v.v... Đây chính là độ dày hay mỏng của đường viền.

Chỗ màu tím, bạn có thể thay bằng mã màu bạn thích. Lấy mã màu tại đây. Đây là màu của đường viền.

Phần 6: Scroll box


Scroll box tức là tạo ra 1 cái hộp có thanh kéo lên kéo xuống ý! Scroll box giúp site của bạn vừa đẹp vừa gọn lại vừa pro
<div style="
height: 200px; *chiều cao*
width: 100px; *chiều rộng*
overflow: auto; *cho phép kéo trượt*
border-color: #mã màu;
border-style: #mã màu;
border-width: #mã màu;
scrollbar-arrow-color: #mã màu;
scrollbar-track-color: #mã màu;
scrollbar-face-color: #mã màu;
scrollbar-highlight-color: #mã màu;
scrollbar-darkshadow-color: #mã màu;
scrollbar-3dlight-color:#mã màu;
scrollbar-shadow-color: #mã màu;">
Nội dung của bạn ở đây nhé. </div>

Nếu bạn dùng Firefox thì các phần scrollbar-x-y không cần thiết, cứ để mặc định.

Đây là minh họa cho scroll box.


code = <div style="width: 200px; height: 100px; overflow: auto; border-color: #000000; border-style: solid; border-width: 1px;">Nội dung của bạn </div>

Bài viết được cảm ơn :
Hãy cảm ơn bài viết của ljlredy bằng cách bấm vào "Nút Thanks " nhé!!!
-‘๑’- Tài Sản Của ljlredy -‘๑’-
 
 
 
Chữ ký của ljlredy


Hướng dẫn sử dụng code cơ bản cho các bạn mới tập chơi blogXem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang
Trang 1 trong tổng số 1 trang

.::Host up ảnh miễn phí: Click here! hoặc Click here! - Hướng dẫn sử dụng 4r: Click here! ::. Chọn kiểu gõ : Tắt VNI Telex Viqr Tổng hợp
Permissions in this forum:Bạn không có quyền trả lời bài viết
Diễn đàn Thiên Môn Hội :: -‘๑’- Góc Mycomputer - Mobile - Thủ Thuật Máy Tính -‘๑’- :: ♠ Giúp Tôi Với ♠ :: ♠ Hỏi Đáp Công Nghệ Thông Tin ♠-
|
Bookmarks
Đại Gia Đình Thiên Môn Hội»[X]«
»»--Vì một thế giới online lành mạnh--««

:::»+ Mời bạn đăng nhập tại đây+«:::

»++Chưa có tài khoản? Bạn bấm vào đây để Đăng Ký+«


Hộp tin nhắn Gửi tin nhắn Friends & Foes Tùy chọn cá nhân Bạn chưa đăng nhập Hiển thị tốt nhất trên Firefox, Google Chrome
Menu Các Ứng Dụng Forum
Free forum | © phpBB | Free forum support | Liên hệ | Report an abuse | Create a blog