Code lien ket cac websites

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (137 KB, 9 trang )

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

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:

<select

id="Select1"onchange="window.open(this.options[this.selectedIndex].value,'_bl
ank');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ì.

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

Chú ý: ở đây bạn đã nhận ra <i> 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.

</div>
<span class='text_page_counter'>(2)</span><div class='page_container' data-page=2>

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

<b>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 </b>
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.opti
ons[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=" đàn tư vấn tin học</option> <option

value="">Vietnamnet</option> <option

value="">VnExpress</option><option
value="">Thanh Niên</option><option

value="">Dân trí</option><option value="">Tuổi trẻ
Online</option><option value=" phong Online</option><option
value="">Việt báo</option><option value="
mới</option><option value=" dân

Online</option><option value=" đội nhân
dân</option><option value=" thao - Văn

hóa</option><option value=" động</option><option
value=" ninh thế giới</option><option

value=" nữ Việt nam</option><option
value=" khoẻ đời sống</option> </select>
...

<i>Chúc các bạn thành công.</i>

</div>
<span class='text_page_counter'>(3)</span><div class='page_container' data-page=3>

<b>Code liên kết các websites giáo dục Thanh hoá </b>

Để tiện cho các nhà trường và các cơ sở giáo dục dễ dàng hơn trong việc truy cập đến với các
websites giáo dục Thanh hố, hơm nay tơi xin giới thiệu đoạn code tạo liên kết đến tất cả các
website giáo dục trong tồn tỉnh ( phịng GD, các trường THPT, các trường THCS, các trường
Tiểu học ).

Hy vọng đây sẽ là một tiện ích rất hữu hiệu cho các website Phòng GD và các nhà trường

trong việc giao lưu với các đơn vị bạn mà không mất công tìm địa chỉ ( vốn dĩ là rất dài )
Ngồi ra code này cũng tạo liên kết đến hầu hết các trang con của Thư viện trực tuyến
violet.vn.

HƯỚNG DẪN SỬ DỤNG:

- Đăng nhập bằng tài khoản quản trị

- Vào Quản trị -> Giao diện -> Thêm khối trên cột chức năng.
- Copy đoạn code sau:

</div>
<span class='text_page_counter'>(4)</span><div class='page_container' data-page=4>

---<select

id="Select1"onchange="window.open(this.options[this.selectedIndex].value,'_bl
ank');this.options[0].selected=true" style="width: 180; " class="text_noresize"
name="select"><option selected="selected">Thư viện Violet</option><option
value="about:Tabs">---</option><option

value=" viện Violet</option><option

value=" viện Bài giảng</option><option
value=" viện Giáo án</option><option
value=" viện Tư liệu</option><option
value=" viện Đề thi</option><option
value=" giáo viên</option><option
value=" tạo vi tính</option><option
value=" học trực tuyến</option><option
value=" bài trực tuyến</option><option

value=" Thanh hoá</option></select> <select

dục</option><option
value="about:Tabs">---</option><option value=" Cẩm
thủy</option><option value=" Hậu
lộc</option><option value=" Yên
định</option><option value=" Thọ
xuân</option><option value=" Ngọc
lặc</option><option value=" Nông
cống</option><option value=" Tĩnh

gia</option><option value=" Thường
xuân</option><option value=" Quan
sơn</option><option value=" Vĩnh
lộc</option><option value=" Triệu

sơn</option><option value=" Quảng
xương</option><option value=" Hà
trung</option><option value=" Nga

sơn</option><option value=" TP Thanh
hoá</option></select> <select

</option><option value="aaaaaaaaa">---</option><option

value=" Quảng xương
3</option><option

value=" Quảng xương 4</option><option

value=" Đông sơn
1</option><option

</div>
<span class='text_page_counter'>(5)</span><div class='page_container' data-page=5>

value=" Cẩm thủy 1</option><option
value=" Cẩm thủy

3</option><option value="
Cầm Bá Thước</option><option
thuongxuan2-thanhhoa/">THPT Thường xuân 2</option><option
value=" Ngọc lặc</option><option

value=" Bắc sơn</option><option
value=" Lê Lai</option><option
value=" BC Triệu

sơn</option><option value="
Triệu sơn 4</option><option
value=" Đinh Chương Dương</option><option

value=" Hoằng hoá

4</option><option value="
BC Tĩnh gia 2</option><option

badinh-thanhhoa/">THPT Ba đình</option><option

value=" Thọ xuân 4</option><option

value=" Như

thanh</option><option value="
Như xuân</option><option

value=" BC Lê Văn Linh</option><option

value=" Nông cống 1</option><option
value=" Nông

cống2</option><option

nongcong4-thanhhoa/">THPT Nông cống 4</option><option
value=" Yên định 1</option><option

value=" Thống

Nhất</option><option value="
Đào Duy Từ</option><option

hauloc1-thanhhoa/">THPT Hậu lộc 1</option><option
value=" Hậu lộc 2</option><option

value=" Hậu lộc
4</option><option
value=" BC Dương Đình Nghệ</option><option

value=" BC Trần

Phú</option><option value="
Sầm sơn</option></select> <select

THCS</option><option

value="about:Tabs">---</option><option value=" Tây đô
– Vĩnh lộc</option><option

value=" Vĩnh giang – Vĩnh lộc</option><option

</div>
<span class='text_page_counter'>(6)</span><div class='page_container' data-page=6>

lộc</option><option value="
Đông sơn – Bỉm sơn</option><option
value=" Hà tiến – Hà trung</option><option

value=" Lý Thường Kiệt – Hà

trung</option><option value=" Hà thanh –
Hà trung</option><option

value=" Hà châu – Hà trung</option><option

value=" Hoằng cát - Hoằng
hoá</option><option value="
Hoằng khê - Hoằng hoá</option><option

value=" Hoằng châu - Hoằng hoá</option><option
value=" Hoằng phong -
Hoằng hoá</option><option

value=" Hoằng hà - Hoằng hoá</option><option

value=" Lê Hữu Lập - Hậu
lộc</option><option value=" Lộc
tân - Hậu lộc</option><option

value=" Phú lộc - Hậu lộc</option><option

value=" Ngư lộc - Hậu

lộc</option><option value="
Trung sơn - Sầm sơn</option><option
value=" Bắc sơn - Sầm sơn</option><option

value=" Nga thủy – Nga

sơn</option><option value=" Thị
trấn Quan hoá</option><option

value=" Xuân dương - Thường xuân</option><option

value=" Xuân khánh - Thọ
xuân</option><option value="
Nga thanh – Nga sơn</option><option
value=" Nam tiến – Quan hố</option><option

value=" Thọ bình - Triệu

sơn</option><option value=" An
nơng - Triệu sơn</option><option

value=" Thiệu hồ - Thiệu hoá</option><option

value=" Nga tân – Nga
sơn</option><option
value=" Thị trấn Thọ xuân</option><option

value=" Xuân hưng – Thọ
xuân</option><option value="
Xuân lai - Thọ xuân</option><option
value=" Xuân tân - Thọ xuân</option><option

</div>
<span class='text_page_counter'>(7)</span><div class='page_container' data-page=7>

value=" Thọ xương - Thọ
xuân</option><option value=" />Thọ trường - Thọ xuân</option><option
value=" Thọ diên - Thọ xuân</option><option

value=" Thọ hải - Thọ

xuân</option><option value="
Tây hồ - Thọ xuân</option><option
value=" Xuân tín - Thọ xuân</option><option

value=" Xuân châu - Thọ
xuân</option><option value="
Xuân sơn - Thọ xuân</option><option
value=" Xuân giang - Thọ xuân</option><option

value=" Xuân thành - Thọ
xuân</option><option value=" Tế
nông – Nông cống</option><option
value=" Công liêm – Nơng cống</option><option

value=" Thiệu thành - Thiệu
hố</option><option value=" />Quảng châu - Quảng xương</option><option

value=" Quảng cát - Quảng xương</option><option

value=" Lê Đình Kiên – Yên
định</option><option value="
Định hưng – Yên định</option><option
value=" Định hải – Yên định</option><option

value=" Nguyệt ấn - Ngọc
lặc</option><option value="
Ngọc liên - Ngọc lặc</option><option
value=" Phùng minh - Ngọc lặc</option><option

value=" Ngọc sơn - Ngọc
lặc</option><option value="
Thúy sơn - Ngọc lặc</option><option
value=" Quang trung - Ngọc lặc</option><option
value=" Cao thịnh - Ngọc lặc</option><option
value=" Cẩm ngọc - Cẩm
thủy</option><option value="
Nga tiến – Nga sơn</option><option
value=" Nga điền – Nga sơn</option><option

value=" Trung thượng –
Quan sơn</option><option

value=" Xuân lâm – Tĩnh gia</option><option

value=" Lương chí – Tĩnh
gia</option><option value="
Đào Duy Từ - Tĩnh gia</option></select> <select

</div>
<span class='text_page_counter'>(8)</span><div class='page_container' data-page=8>

name="select"><option selected="selected">Khối các trường Tiểu học

</option><option value="aaaaaaaaa">---</option><option
value=" Thống nhất – Yên

định</option><option value=" Định
hưng – Yên định</option><option

value=" Yên giang – Yên định</option><option

value=" Quảng châu - Quảng
xương</option><option value="
Quảng minh - Quảng xương</option><option
value=" Thị trấn Cẩm thủy</option><option

value=" Cẩm vân 1 - Cẩm

thủy</option><option value=" Cẩm
lương - Cẩm thủy</option><option

value=" Thị trấn Thường xuân</option><option