TIỆN ÍCH - TRA CỨU

ĐỒNG HỒ TỰ CHẾ

ÂM LỊCH

NỘI DUNG CHÍNH DIỄN ĐÀN

HỖ TRỢ TRỰC TUYẾN

  • (Lê Kim Tường)

ĐIỀU TRA Ý KIẾN

Bạn thấy trang này như thế nào?
Rất đẹp
Đẹp
Bình thường
Ý kiến khác

LIÊN KẾT WEBSITES

THỐNG KÊ

  • truy cập   (chi tiết)
    trong hôm nay
  • lượt xem
    trong hôm nay
  • thành viên
  • Ảnh ngẫu nhiên

    20289671.jpg 1242013SVTN1.jpg Cdsp1.gif Book11.jpg ONLINE.gif Vi_rut_pha_may_tinh_nhu_the_nao.swf LichsuVN.jpg Khonggicothethaytheem.mp3 Bay_giua_ngan_ha.swf Dong_song_que_anh_que_em.swf Flash_nen_181.swf Ok.flv Qua_tang_chuc_mung_nam_moi.swf MUNG_XUAN_TAN_MAO.swf Mot_khuc_tam1.swf Chuc_mung_nam_moi.swf Flas_mung_xuan_2011.swf Happy_new_yeardot_phao.swf CLICK_DE_THAY_DIEU_UOC_TRONG_NAM_MOI.swf

    Thành viên trực tuyến

    0 khách và 0 thành viên
    Gốc > Widgets, Gadgets and HTML code >

    Hướng dẫn tạo Box dropdown ( Liên kết websites )

     lienket1   

        

         Xin chào các bạn, gần đây có nhiều bạn mới lập trang riêng có hỏi về cách thiết lập hộp liên kết xổ ra ( dropdown box ) giống như hộp liên kết của DIỄN ĐÀN TƯ VẤN TIN HỌC. Tôi nghĩ chủ đề này không mới, nhưng lại rất cần cho những người mới "vào nghề". Nó làm cho trang web của chúng ta gọn gàng mà lại mang tính thẩm mỹ cao.    

    Vì vậy tôi xin hướng dẫn cách làm như sau:    

    Ta coi đoạn code gồm có 3 phần:

    1- Phần 1:

    .....................................................................................................

    <select id="Select1"onchange="window.open(this.options[this.selectedIndex].value,'_blank');this.options[0].selected=true" style="width: 180; " class="text_noresize" name="select"><option selected="selected">Điểm báo online</option><option value="about:Tabs">--------------------------</option>

    ....................................................................................................

    Chú ý: Bạn có thể thay chữ : Điểm báo online bằng gì cũng được. Nên nhớ nó sẽ hiện trên box để ta biết được đó là liên kết gì.

    2- Phần 2: Tạo liên kết cho từng mục.

    <option value="http://lekimtuong.violet.vn/">Diễn đàn tư vấn tin học</option>

    Chú ý: ở đây bạn đã nhận ra http://lekimtuong.violet.vn/  là địa chỉ của trang web. Còn Diễn đàn tư vấn tin học  là tên sẽ được hiển thi trong box của ta.

    Lặp lại và thay đổi những liên kết cần thiết nếu cần.

    3- Phần 3: Cuối đoạn code

    </select>

    4- Kết luận:

    Nối 3 đoạn của 3 phần trên ta được một dropdown box thật tuyệt vời.

    5- Lưu ý:     + Nếu muốn làm 2 hay nhiều hơn các box bạn phải thực hiện lại các bước trên.     + Dấu cách và xuống hàng trong HTML code không quan trọng, do vậy ta nên soạn thảo trên Word là thích hợp nhất ( font UNICODE )

         + Nếu bạn nào ngại vất vả thì test thử đoạn code của DIỄN ĐÀN TƯ VẤN TIN HỌC xem sao nhé.

    ..................................................................................................

    <select id="Select1"onchange="window.open(this.options[this.selectedIndex].value,'_blank');this.options[0].selected=true" style="width: 180; " class="text_noresize" name="select"><option selected="selected">Điểm báo online</option><option value="about:Tabs">--------------------------</option> <option value="http://lekimtuong.violet.vn/">Diễn đàn tư vấn tin học</option> <option value="http://vietnamnet.vn">Vietnamnet</option> <option value="http://vnexpress.net">VnExpress</option><option value="http://thanhnien.com.vn">Thanh Niên</option><option value="http://dantri.com.vn">Dân trí</option><option value="http://tuoitre.com.vn">Tuổi trẻ Online</option><option value="http://tienphong.vn/">Tiền phong Online</option><option value="http://vietbao.vn">Việt báo</option><option value="http://www.baomoi.com/">Báo mới</option><option value="http://www.nhandan.org.vn/">Nhân dân Online</option><option value="http://www.qdnd.vn/qdnd/baongay.qdnd">Quân đội nhân dân</option><option value="http://www.thethaovanhoa.vn/">Thể thao - Văn hóa</option><option value="http://www.laodong.com.vn/">Lao động</option><option value="http://antg.cand.com.vn/">An ninh thế giới</option><option value="http://www.thegioiphunu-pnvn.com.vn/">Phụ nữ Việt nam</option><option value="http://suckhoedoisong.vn/home.htm">Sức khoẻ đời sống</option> </select>

    .....................................................................................................

    Chúc các bạn thành công.

     ..................................................................................................  
    Nhắn tin cho tác giả
    Lê Kim Tường @ 21:44 15/07/2009
    Số lượt xem: 2905
    Số lượt thích: 0 người
    Avatar

    Xin phép thầy Tường cho tôi đưa đoạn code liên kết Website của thầy về nhà. Cám ơn thầy nhiều nhé!!! Hẹn gặp lại!

    Avatar

    Nụ hôn

     
    Gửi ý kiến