Thay đổi kích thước ô search của Firefox 2
Số trang: 4
Loại file: pdf
Dung lượng: 120.95 KB
Lượt xem: 16
Lượt tải: 0
Xem trước 2 trang đầu tiên của tài liệu này:
Thông tin tài liệu:
Nếu bạn là người thích tìm tòi khám phá phần mềm, thì thủ thuật dưới đây lại tạo cho bạn thêm một thích thú nữa. Sau đây chúng ta sẽ thực hiện thay đổi kích thước của ô search trong Firefox 2. Bạn hãy thêm đoạn mã CSS này vào trong file userChrome-example.css. File này nằm trong Profile của Firefox. /* Search Toolbar Width */ #search-container { width: 400px !important; max-width: 400px !important; } Sau khi thêm xong bạn ghi lại và thực hiện khởi động lại Firefox. Sau khi khởi động xong bạn sẽ thấy thanh chiều rộng của...
Nội dung trích xuất từ tài liệu:
Thay đổi kích thước ô search của Firefox 2 Thay đổi kích thước ô search của Firefox 2Nếu bạn là người thích tìm tòi khám phá phần mềm, thì thủ thuật dưới đây lạitạo cho bạn thêm một thích thú nữa. Sau đây chúng ta sẽ thực hiện thay đổikích thước của ô search trong Firefox 2.Bạn hãy thêm đoạn mã CSS này vào trong file userChrome-example.css. Filenày nằm trong Profile của Firefox./* Search Toolbar Width */#search-container { width: 400px !important; max-width: 400px !important;}Sau khi thêm xong bạn ghi lại và thực hiện khởi động lại Firefox. Sau khi khởiđộng xong bạn sẽ thấy thanh chiều rộng của ô search bar trong Firefox sẽ thayđổi. Hiển thị ảnh PNG trên IEChủ nhật, 20 Tháng 7 2008 11:38Hiện định dạng ảnh PNG chỉ được hỗ trợ bởi một số trình duyệt mới nhưFirefox, Opera, IE7. Còn m ột số trình duyệt cũ như từ IE6 trở xuống đềukhông hỗ trợ định dạng ảnh này. Trong bài viết này chúng ta sẽ dùng một sốthủ thuật để định dạng ảnh PNG có thể hiển thị tốt trong IE.Trong khuôn khổ bài viết chúng ta sẽ không đi sâu vào phân tích nguyên lýcũng như là cách thức để làm cho định dạng PNG hiển thị tốt tr ên IE. Màchúng ta chỉ dừng lại ở cách làm để đạt được những điều ở trên.Trong tài li ệu HTML của bạn các ảnh .png vẫn đ ược chèn vào như thôngthường.Để ảnh .png có thể hiển thị tốt khi bạn dùng IE để duyệt thì bạn cần phải chènfile script vào trong tài liệu HTML của bạn. Giả sử rằng file script bạn để ởtrong thư m ục cùng cấp với tài liệu HTML.Tiếp đó bạn copy ảnh blank.gif vào cùng thư mục với file script. Đặt dòng text vào giữa ( theo chiều cao)Chủ nhật, 20 Tháng 7 2008 11:39Từ trước tới giờ khi bạn muốn đặt một dòng chữ (giả sử như) tiêu đề vào giữa mộtthẻ HTML có một chiều cao xác định thì bạn làm thế nào? Theo truyền thống dùng thì chúng ta chỉ việc đặt thuộc tính valign=middle vào trong một thẻ là xong. Nhưng nếu đó không phải là thẻ thì bạn sẽ làm thế nào?Đề trả lời thắc mắc đó sau đây tôi xin mách nước bạn một thủ thuật nhỏ trong CSS.Giả sử rằng bạn dùng một thẻ HTML dạng khối (Block Element) có chiều cao xácđịnh height: 100px;. Bây giờ bạn muốn đặt một dòng tiêu đề có nội dung Tin mớinhất vào giữa (theo chiều cao) của thẻ HTML đó.Bạn có thể dùng thuộc tính padding để đẩy dòng chữ đó vào giữa, nhưng đó khôngphải là giải pháp đúng đắn nhất. Trong trường hợp này thuộc tính line-heigh sẽ làmột giả pháp tốt nhất, Chúng ta sẽ dùng thuộc tính line-height cho thẻ HTML đó.Ví d ụ view sourceprint?1.div.textcenter {2. margin: 0;3. padding: 0;4. height: 100px;5. line-height: 100px;6. border: 1px solid #CCCCCC;7.}Kết quả:DÒNG TEXT VÀO GIỮA (MIDDLE) CỦA ĐỐI T ƯỢNG
Nội dung trích xuất từ tài liệu:
Thay đổi kích thước ô search của Firefox 2 Thay đổi kích thước ô search của Firefox 2Nếu bạn là người thích tìm tòi khám phá phần mềm, thì thủ thuật dưới đây lạitạo cho bạn thêm một thích thú nữa. Sau đây chúng ta sẽ thực hiện thay đổikích thước của ô search trong Firefox 2.Bạn hãy thêm đoạn mã CSS này vào trong file userChrome-example.css. Filenày nằm trong Profile của Firefox./* Search Toolbar Width */#search-container { width: 400px !important; max-width: 400px !important;}Sau khi thêm xong bạn ghi lại và thực hiện khởi động lại Firefox. Sau khi khởiđộng xong bạn sẽ thấy thanh chiều rộng của ô search bar trong Firefox sẽ thayđổi. Hiển thị ảnh PNG trên IEChủ nhật, 20 Tháng 7 2008 11:38Hiện định dạng ảnh PNG chỉ được hỗ trợ bởi một số trình duyệt mới nhưFirefox, Opera, IE7. Còn m ột số trình duyệt cũ như từ IE6 trở xuống đềukhông hỗ trợ định dạng ảnh này. Trong bài viết này chúng ta sẽ dùng một sốthủ thuật để định dạng ảnh PNG có thể hiển thị tốt trong IE.Trong khuôn khổ bài viết chúng ta sẽ không đi sâu vào phân tích nguyên lýcũng như là cách thức để làm cho định dạng PNG hiển thị tốt tr ên IE. Màchúng ta chỉ dừng lại ở cách làm để đạt được những điều ở trên.Trong tài li ệu HTML của bạn các ảnh .png vẫn đ ược chèn vào như thôngthường.Để ảnh .png có thể hiển thị tốt khi bạn dùng IE để duyệt thì bạn cần phải chènfile script vào trong tài liệu HTML của bạn. Giả sử rằng file script bạn để ởtrong thư m ục cùng cấp với tài liệu HTML.Tiếp đó bạn copy ảnh blank.gif vào cùng thư mục với file script. Đặt dòng text vào giữa ( theo chiều cao)Chủ nhật, 20 Tháng 7 2008 11:39Từ trước tới giờ khi bạn muốn đặt một dòng chữ (giả sử như) tiêu đề vào giữa mộtthẻ HTML có một chiều cao xác định thì bạn làm thế nào? Theo truyền thống dùng thì chúng ta chỉ việc đặt thuộc tính valign=middle vào trong một thẻ là xong. Nhưng nếu đó không phải là thẻ thì bạn sẽ làm thế nào?Đề trả lời thắc mắc đó sau đây tôi xin mách nước bạn một thủ thuật nhỏ trong CSS.Giả sử rằng bạn dùng một thẻ HTML dạng khối (Block Element) có chiều cao xácđịnh height: 100px;. Bây giờ bạn muốn đặt một dòng tiêu đề có nội dung Tin mớinhất vào giữa (theo chiều cao) của thẻ HTML đó.Bạn có thể dùng thuộc tính padding để đẩy dòng chữ đó vào giữa, nhưng đó khôngphải là giải pháp đúng đắn nhất. Trong trường hợp này thuộc tính line-heigh sẽ làmột giả pháp tốt nhất, Chúng ta sẽ dùng thuộc tính line-height cho thẻ HTML đó.Ví d ụ view sourceprint?1.div.textcenter {2. margin: 0;3. padding: 0;4. height: 100px;5. line-height: 100px;6. border: 1px solid #CCCCCC;7.}Kết quả:DÒNG TEXT VÀO GIỮA (MIDDLE) CỦA ĐỐI T ƯỢNG
Tìm kiếm theo từ khóa liên quan:
Thủ thuật CSS Javascript ASP.NET Tin học đại cương giáo trình Tin học đại cương bài giảng Tin học đại cương tài liệu Tin học đại cương lý thuyết Tin học đại cươngTài liệu có liên quan:
-
Ứng dụng công cụ Quizizz thiết kế trò chơi học tập trong giảng dạy học phần tin học đại cương
12 trang 310 0 0 -
Tài liệu hướng dẫn thực hành Tin học đại cương - ĐH Bách Khoa Hà Nội
40 trang 263 0 0 -
Giáo trình Tin học đại cương part 7
19 trang 254 0 0 -
Giáo trình Tin học đại cương: Phần 1 - ĐH Kinh tế Quốc Dân
130 trang 185 0 0 -
Giáo trình Tin học đại cương: Phần 2 - Trần Đình Khang
118 trang 159 0 0 -
Giáo trình Tin học đại cương (Tái bản năm 2020): Phần 1 - PGS.TS. Nguyễn Thị Thu Thủy (Chủ biên)
105 trang 148 0 0 -
Hướng dẫn thực hành lập trình C trên Visual Studio
9 trang 139 0 0 -
Giáo trình Tin học đại cương: Phần 1 - Vi Hồng Thắm
90 trang 136 0 0 -
Quản trị người dùng trong Exchange 2007 bằng Powershell
9 trang 112 0 0 -
GIÁO TRÌNH LẬP TRÌNH WEB_PHẦN 2_BÀI 3
3 trang 110 0 0