Loading post navigation ...
 
 

Pro page

23
Nhận xét

[ Yêu cầu ] : Giới hạn việc xem blog cho trình duyệt IE

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả

Theo yêu cầu của bạn Ngân (www.blogtruyen.com)
[FD's BlOg] - Theo yêu cầu của bạn Ngân, bài này sẽ hướng dẫn 2 việc : 1 là ngăn không cho các User dùng trình duyệt IE phiên bản 6 trở xuống, 2 là hiện 1 bảng thông báo nhỏ yêu cầu các user này phải sử dụng các trình duyệt khác như FireFox, chrome,... hoặc yêu cầu nâng cấp IE lên phiên bản mới để xem được blog.



Hình ảnh minh họa kết quả thực hiện :

Khi dùng trình duyệt khác IE , cụ thể là FireFox

Khi dùng trình duyệt IE6

Cơ bản của thủ thuật này là ta điều chỉnh việc hiển thị các ID cho từng trình duyệt, khi ở các trình duyệt khác IE hoặc IE với các phiên bản lớn hơn 6 thì ta sẽ xem được blog bình thường, và bảng thông báo được ẩn đi. Khi dùng trình duyệt nhỏ hơn hoặc bằng IE6 thì phần nội dung blog sẽ bị ẩn và thay vào đó là bảng thông báo sẽ được hiển thị (như trong hình mà mình đã minh họa)

☼ Sau đây là các bước thực hiện:
1. Vào bố cục
2. Vào chỉnh sửa code HTML
3. Chèn đoạn code CSS bên dưới vào trước dòng code ]]></b:skin>

#noticeIE6 {
width:500px;
background:#eee url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/07/23/10/76591248319987.gif) no-repeat top;
border:2px solid #ccc;
padding:100px 10px 10px 10px;
font-size:15px;
display:none;
}

- đây chính là ID chứa nội dung của bảng thông báo.
- Có thể tùy chỉnh lại các thuộc tính của ID này.
- Lưu ý đoạn code display:none; code này là để mặc định cho bảng thông báo luôn luôn được ẩn.

4.
tiếp tục chèn đoạn code bên dưới vào sau dòng code ]]></b:skin>

<!--[if lt IE 7]>
<style type='text/css'>
#noticeIE6 {display:block;}

#lessIE6 {display:none;}
</style>
<![endif]-->

- trong đoạn code ở bước 4 này ta thấy có 2 ID với việc hiển thị trái ngược nhau. ID noticeIE6 chính là ID chứa nội dung của bảng thông báo, ID lessIE6 chính là ID để ẩn nội dung blog với trình duyệt bé hơn IE7.
- Mình sẽ giải thích thêm về ý nghĩa của đoạn code màu xanh ở trên:

+ Đoạn code màu xanh ở trên có nghĩa là nếu trình duyệt hiện hành là trình duyệt IE với các phiên bản nhỏ hơn 7 thì các lệnh bên trong nó sẽ được thực thi.
+ Ngoài ra ta còn có các lệnh khác như :
- if IE 7 : trình duyệt là IE 7
- if gt IE 7 : trình duyệt IE với các phiên bản lớn hơn 7
- if gte IE 7 : trình duyệt IE với các phiên bản lớn hơn hoặc bằng 7
- if lt IE 7 : trình duyệt IE với các phiên bản bé hơn 7
- if lte IE 7 : trình duyệt IE với các phiên bản bé hơn hoặc bằng 7

5. Tiếp tục tìm đến thẻ <body> và thêm các đoạn code được đánh dấu highlightcode màu đỏ vào như bên dưới:

...
...
<body>
<center>
<div id='noticeIE6'>
{Nội dung của bảng thông báo}
</div>
</center>


<div id='lessIE6'>
...
...
...
</div>

</body>
</html>

- với code Highlight là code của bảng thông báo.
- Code màu đỏ là code dùng để ẩn nội dung blog khi người dùng truy cập blog bằng trình duyệt IE với các phiên bản nhỏ hơn 7.

6. Save template.

P/S: mở rộng ra ta có thể áp dụng thủ thuật này cho việc hiển thị từng tiện ích ở các trình duyệt khác nhau, như yêu cầu của bạn Tài đã nhờ mình.

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


Enter your mail address:

23

viet-offer.com

bóc tem:D

viet-offer.com

thủ thuật ngày càng lạ mắt a Dũng pro thật.:D

viet-offer.com

Để em demo thử nhưng cái này đôi khi không cần lắm,lỡ ở tiệm net nó chưa nâng cấp sẵn thì mất công nhỉ.:D

viet-offer.com

cái này mình sẽ ra một thông báo trước thì hay hơn đó anh Dũng,vd mình vào blog bằng IE6 thì ra thông báo là,blog vào IE6 sẽ bị lỗi javascrip hay lỗi nào đó,đề nghị cài đặt phiên bản mới hơn,có link dowload firifox hoặc ie7,còn nếu ko muốn thì có link continue.không biết a hiểu ý e ko nữa nhỉ.

fandung

anh hiểu, còn ở đây là thủ thuật yêu cầu nên anh làm đúng như yêu cầu :D

Với ý tưởng của em thì mình có thể dùng 1 đọan script nhỏ để hiển thị dòng thông báo đơn giản nào đó. Cái này cũng khả thi.

Tran & Lee Insurance Agency Team

Vậy khi áp dụng thủ thuật này thì ko thể vào blog bằng IE6 luôn à FD? Nếu vậy thì làm sao ở bảng thông báo có 2 lựa chọn: Tiếp tục xem blog bằng IE6 hoặc nâng cấp IE lên thì quá hay.

Nguyễn Khoa

Ko biết blogtruyen sao lại cấm truy cập IE6 thế ko biết? Cho mình góp ý nhé :)
mình thấy làm vậy ko khả thi chút nào.

Blogtruyen là trang thư giãn dành cho tuổi thanh thiếu niên lứa tuổi nhỏ nên
người lướt web phần đông vẫn còn mờ tịt về công nghệ nói tới trình duyệt hay IE,FF,Opera,Safari... thì họ ko biết đó là cái gì...cứ truy cập web là họ tìm chữ E màu xanh:))
Rồi môt số hay ngồi quán net...mỗi lần vô quán net phải tải trình duyệt khác về thì hơi mệt đấy :D

fandung

@Tiến : vẫn vô blog được chứ, nhưng chỉ hiện bảng thông báo thôi. Nếu như theo Tiến nói, thì bạn có thể thêm vào trong nội dung phần thông báo 1 link dẫn tới download bản IE mới nhất về.

Còn việc click vào để tiếp tục xem blog với IE6 thì mình chưa làm được

fandung

KID nói đúng, làm như thế này sẽ mất 1 lượng lớn USER , với lại mình cũng thấy đa số ở tiệm net họ tòan xài IE,

mmovn

bực nhất là ngoài net toàn cài ie... mà ít quán cho lên ie7 hay 8 toàn dùng ie6.
sơ sơ đầu ngón tay dùng ff, còn chrome opera thì chưa thấy bao h.
thanks bác dũng !

Cong an nhan dan

Đề nghị chủ nhân blogtruyen.com ngưng mọi hoạt động trang blog vì đưa truyện trang đồi truỵ kích dục cho mọi người xem trên trang của mình. Hiện nay PC 15 đang theo dõi và chuẩn bị bắt ban quản trị blogtruyen.com, mức tù có thể là 5 năm.

share4vnn

theo đó chúng tui cảnh cáo luôn kẻ mạo danh công an nhân dân mức án có thể lên tới 10 năm tù ..

Violet ♥

Mình thấy đã làm Blog thì mún ai cũng xem đc... Ko cho IE 6 xem, có phân biệt đối xử quá ko nhỉ ;;) !!!

fandung

alo... :)] 113 đó hả, ở đây có người giả mạo cảnh sát nài, lại gấp nha... -L

viet-offer.com

Hihi vô blog anh vui nhỉ.:D

Khách (ẩn danh)

thủ thuật này nhằm nâng cấp ie6 mục đích để hiện thị tốt hơn và hạn chế lỗi khi sử dụng ie6.

Ác Quỷ

Á lại một thủ thuật hay nữa nè :X :X :X

Ác Quỷ

Trời?? Có lẽ thủ thuật này khong nên áp dụng thì hơn. Mà tại sao phải chặn IE6 nhỉ?

Vào blog mà bị chặn kiểu này dễ tự ái lắm, hjc hjc vào mấy cái diễn đàn mà bắt tui đăng ký thành viên tui còn bỏ để vào trang khác chứ mắc mớ j phải vào trang đó để đọc nhỉ? Huống hồ chi là bị chặn luôn >"<

Blogtruyen.com không phải là trang độc quyền về truyện tranh, người ta không coi được ở trang này cũng vào trang khác mà coi thoy.

Khách (ẩn danh)

@ Tất cả : Cám ơn các bạn đã góp ý , nghe ra cũng rất chí lý :D , nếu ko nghe sợ bị bảo là lì , thôi bây giờ mình xin đổi ý , sửa đổi nó đi một tý =))

Dzũng ơi , thế cái đoạn code màu xanh : <!--[if lt IE 7]> .....<![endif]-->
Nó chỉ có tác dụng với CSS thôi hả ??? Giả sử mình muốn dùng nó để cho thứ khác vào đc ko ??? kiểu như PopUp chẳng hạn ???

fandung

ssử dụng đc hết Ngân à. code CSS hay java hay HTML, chỉ cần đặt code cần chạy trong IE vào đoạn code <!--[if lt IE 7]> .....<![endif]-->
là đc

ngan ling

em không làm được

fandung

@ngan ling : thủ thuật này cũng không phức tạp lắm, nên cũng dễ thôi.
Em muốn biết nó chạy hay không thì em phải dùng đúng trình duyệt để test.
Ví dụ em muốn ẩn nó với IE7 thì em phải truy cập blog bằng trình duyệt IE7 thì mới thấy được thủ thuật.

Ngoài ra có thể em làm sai sót gì đó nên ko thực hiện được. Hãy cố thử lại đi nhé!

Chúc em thành công.

Khách (ẩn danh)

Cho mình hỏi nếu temp mình đã dùng tới thẻ style /style
rồi thì dùng cách nào vậy?



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

» Có thể sử dụng các thẻ <b>,<i>,<a>.


BlOg FD chính thức đóng comment của khách ẩn danh.

BlOg FD.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home