Dùng thẻ frameset mở các liên kết trong một khung

Admin

Admin

Admin

Họ tên : Nguyễn Ích Hoàn

Bài viết : 3191

Xu : 9210

Thanks : 8
Age

Age : 34
Đến từ : Thanh Hóa

Tài Sản:
.:

cách sử dụng thẻ trong html
Theo mình, nếu các bạn
có nhiều trang html và muốn mở nó trong một khung trên trang index thì
dùng thẻ frameset cũng rất đẹp. Những điều mình nói sau đây nếu có gì
thiếu sót thì các bạn giỏi html bổ sung thêm nhé. Đây là một kiểu đơn
giản và thường dùng nhất tong các trang web:
Xem hình:

Enlarge this image Click to see fullsize
Dùng thẻ frameset mở các liên kết trong một khung Fr

Dùng thẻ frameset mở các liên kết trong một khung Fr

Xem trực tiếp trong forum mình: http://trekhuyettat.sosforum.net/index.htm
Theo kiểu đơn giản trên đây thì frameset tạo ra một khung gồm có 2 phần:
- Phần khung nhỏ ở bên trái chứa các liên kết đến các trang web.
- Phần khung rộng bên phải chứa nội dung của các trang web được liên kết bên trái
Khi bạn bấm vào một liên kết bên khung trái thì nội dung trang liên kết được mở ra bên khung phải.

Cách làm:
1.
Các bạn chuẩn bị trước một loạt các trang web mà bạn muốn mở nó theo
cách trên đây. Thông thường thì đây là những trang html do bạn tạo ra,
nhưng cũng có thể là những trang web nào đó trên mạng mà bạn thích ( như
chinh phục chẳng hạn) Các trang của mình là:
- Nghe nhạc
- Xem hình
- Đọc báo
- Xem TV
- Chat box
- Chat - Nhắn tin
- Chat room
- Và Vườn ước nguyện
Nếu
thích trang nào thì các bạn view source mà lấy (những trang này chỉ
dung trong frame thôi, tách nó ra thì trông chẳng giống ai hết).

2. Tạo một trang html khác để đặt liên kết cho tất cả những trang trên đây. Đây là trang của mình:
- http://trekhuyettat.sosforum.net/html-h53.htm
( Hic, mở lên trông nó buồn cười quá phải không ?)

3. Tạo một trang html qui định cấu trúc của khung. Đây là phần quan trọng nhất,
qui định các thành phần của 2 khung như chiều rộng mỗi khung, đường
viền, đường ngăn giữa 2 khung, thanh cuộn. Code thì rất đơn giản, của
mình đây:
* Bấm vào đây xem thử

Code:: <html> <head> <TITLE>DIEN DAN TINH THUONG</TITLE> </HEAD> <frameset cols="16%,*" border="0"> <frame src="/html-h53.htm" name="left" scrolling="no" > <frame src="/html-h60.htm" name="right"> </frameset> <noframes> Trình duyệt của bạn không hỗ trợ frames </noframes> </html>

* Phân tích code:
- Dòng thứ nhất: Có 2 tham số:
+ cols="16%,*": Qui định đây là khung dọc và tỉ lệ chiều rộng 2 khung
là khung bên trái rộng 16%, còn lại dành cho khung bên phải (bạn có thể
viết cols="*,84%" cũng như nhau ) .
+ border="0" là đường ngăn giũa 2 khung. Nếu bạn bỏ tham số này thì mặc định sẽ tạo ra đường ngăn tương đương border="6".
- Dòng thứ 2:
Qui
định trang html sẻ mở ở khung trái, tức là trang liên kết được tạo ra ở
mục 2 bên trên. Trong dòng này có một tham số scrolling="no" là qui
định có hiện thanh cuộn hay không. Nếu bạn bỏ qua tham số này thì mặc
định là có thanh cuộn..
- Dòng thứ 3:
Qui định một trang web mặc định sẽ tự động mở ngay ở khung phải khi bạn vào Diễn đàn. Ví dụ của mình là trang Chat - Nhắn tin.
- Phần giũa cặp thẻ chỉ là dòng thông báo nếu gặp trình duyệt không hiểu frameset.

4. Cuối cùng là bạn dùng thẻ iframes để chèn trang html được tạo ra ở mục 3 trên đây vào nơi nào bạn thích.
Ví dụ iframe của mình là :

Code:: <iframe src="/html-h50.htm" height="420" width="100%" frameborder="0"></iframe>

Muốn nó kẹp ngay sát dưới last topic thì tùy mỗi kiểu last topic mà các
bạn tự mò. Mình chỉ nói với trường hợp kiểu last topic cũ: Trong một
đoạn code ở cuối header hoặc đầu Index body ( Tùy bạn đã chèn ở đâu khi
tạo last topic), bạn tìm đoạn này:

Code:: {giefmod_index1.MODVAR} </td></tr> </table>

Rồi chèn ngay dưới nó iframe này (sau khi đã cho vào một table):

Code:: <table width="100%" height="420" border="0"> <tr><td width="100%"> <iframe src="http://trekhuyettat.sosforum.net/html-h50.htm" height="420" width="100%" frameborder="0"></iframe> </td></tr></table>

Frum mình dùng kiểu last topic do tuyetso08 chia sẻ , do đó mình cho iframe đó vào một như thế này:

Code:: <tr><td> <iframe src="/html-h50.htm" height="420" width="100%" frameborder="0"></iframe> </td></tr>

Và chèn vào bên dưới đoạn này trong index body:

Code::  {giefmod_index1.MODVAR} </tr></thead></table> <table cellpadding="4" cellspacing="0" style="border: 1px #c0c0c0 solid;" width="100%" align="center">

Chuyện chèn vào đâu cho đẹp thì các bạn tự mò thêm nghen, mình nói khó quá.
cũng hay, nhưng kiểu này để được ở trang chủ thì tốt hơn Dùng thẻ frameset mở các liên kết trong một khung 667158

Dùng thẻ frameset mở các liên kết trong một khung 667158

Để bất cứ đâu trên ... internet

1 Dùng thẻ frameset mở các liên kết trong một khung Fri Jun 22, 2012 6:59 pm

Admin