TAILIEUCHUNG - CSS Cách tạo một số kiểu Message Box

Các hộp thoại thông báo là những thành phần hữu ích để hiển thị các thông báo trạng thái trên website. Hôm nay tôi muốn chia sẻ với các bạn một bộ sưu tập các style CSS bạn có thể áp dụng vào trong các hộp thoại thông báo của mình (clean, solid, iconized. | CSS Cách tạo một số kiểu Message Box CSSCách tạo một số kiểu Message Box Cập nhật: 18/8/2008 với no comments Xếp trong: Lập trình, CSS Các hộp thoại thông báo là những thành phần hữu ích để hiển thị các thông báo trạng thái trên website. Hôm nay tôi muốn chia sẻ với các bạn một bộ sưu tập các style CSS bạn có thể áp dụng vào trong các hộp thoại thông báo của mình (clean, solid, iconized. Các hộp thoại thông báo là những thành phần hữu ích để hiển thị các thông báo trạng thái trên website. Hôm nay tôi muốn chia sẻ với các bạn một bộ sưu tập các style CSS bạn có thể áp dụng vào trong các hộp thoại thông báo của mình (clean, solid, iconized, alternated rounded borders, tooltip). Tôi cũng đưa ra liên kết để tải gói icon đẹp để sử dụng cho project của bạn để thiết kế những hộp thoại thông báo tùy ý hay những phần hình ảnh khác. Clean message box Tôi thích thiết kế cân đối và đơn giản và nói chung đây là dạng message box được yêu thích của tôi: viền có độ rông 1px và màu nền sáng nhẹ nhàng. Mã HTML thì rất đơn giản view plainprint? 1. Clean message box và có một layer DIV với đoạn text trong đó. Mã CSS có thể giống như sau: 1. .clean-gray{ 2. border:solid 1px #DEDEDE; 3. background:#EFEFEF; 4. color:#222222; 5. padding:4px; 6. text-align:center; 7. } Tôi khuyên bạn nên dùng màu sắc "pastel" (phấn lam) cho màu nền và màu sắc tối hơn cho dòng text. Iconized message box Đây là một kiểu hộp thoại khác tôi ưa thích. Một hộp thoại đơn giản với một icon trong background miêu tả một cách trực quan sự kiện mà nó thể hiện (ok, error, alert) Mã HTML tương tự như bạn đã thấy ở ví dụ trước. view plainprint? 1. Clean message box và mã CSS đi kèm như sau: 1. .icon-heart{ 2. border:solid 1px #DEDEDE; 3. background:#FFFFCC url(img/) 8px 6px no-repeat; 4. color:#222222; 5. padding:4px; 6. text-align:center; 7. } Nếu bạn tìm kiếm các icon đẹp, tôi cung cấp cho bạn gói icon này

Thu Hậu 83 6 pdf

Upload

Bấm vào đây để xem trước nội dung

Tải xuống

TÀI LIỆU LIÊN QUAN

Tổng quan về ứng dụng công nghệ thông tin - truyền thông trong giáo dục

3 401 8

Mô tả công việc Giám đốc công nghệ thông tin

2 390 0

Luận văn: Tính toán hiệu quả chuyển giao công nghệ thông tin thông qua thị trường tin học

76 278 3

Công nghệ thông tin và ứng dụng công nghệ thông tin trong dạy học

8 386 15

Chương trình giáo dục Đại học theo học chế tín chỉ ngành: Công nghệ thông tin

28 289 0

Quyết định 995/QĐ-BTC năm 2013

5 277 0

Bài giảng Chương 2 - Thiết kế và quản lý dự án Công nghệ thông tin - PGS.TS Nguyễn Văn Định

26 310 1

Bài giảng Đại cương Công nghệ thông tin và truyền thông - ThS. GV. Phạm Quang Quyền

118 287 3

Giáo trình Tiếng Anh chuyên ngành Công nghệ thông tin

47 1247 85

Ebook Tìm hiểu Luật Công nghệ thông tin và các Nghị định hướng dẫn thi hành - NXB Bưu điện

74 359 6

TÀI LIỆU XEM NHIỀU

Một Case Về Hematology (1)

8 461904 55

Giới thiệu :Lập trình mã nguồn mở

14 22825 64

Tiểu luận: Tư tưởng Hồ Chí Minh về xây dựng nhà nước trong sạch vững mạnh

13 10938 531

Câu hỏi và đáp án bài tập tình huống Quản trị học

14 10125 449

Phân tích và làm rõ ý kiến sau: “Bài thơ Tự tình II vừa nói lên bi kịch duyên phận vừa cho thấy khát vọng sống, khát vọng hạnh phúc của Hồ Xuân Hương”

3 9552 104

Ebook Facts and Figures – Basic reading practice: Phần 1 – Đặng Tuấn Anh (Dịch)

249 8321 1127

Tiểu luận: Nội dung tư tưởng Hồ Chí Minh về đạo đức

16 8264 423

Mẫu đơn thông tin ứng viên ngân hàng VIB

8 7878 2222

Đề tài: Dự án kinh doanh thời trang quần áo nữ

17 6747 253

Giáo trình Tư tưởng Hồ Chí Minh - Mạch Quang Thắng (Dành cho bậc ĐH - Không chuyên ngành Lý luận chính trị)

152 5903 1422

TỪ KHÓA LIÊN QUAN

TÀI LIỆU MỚI ĐĂNG

Sáng tạo trong thuật toán và lập trình với ngôn ngữ Pascal và C# Tập 2 - Chương 4

47 249 1 08-05-2024

Posted prices versus bargaining in markets_7

23 161 0 08-05-2024

Công nghiệp gang thép Việt Nam : Một giai đoạn phát triển và chuyển đổi chính sách mới part 5

6 197 0 08-05-2024

Khurana et al. Journal of Orthopaedic Surgery and Research 2010, 5:23

7 136 0 08-05-2024

báo cáo hóa học:" Endoscopic decompression for intraforaminal and extraforaminal nerve root compression"

7 113 0 08-05-2024

Data Structures and Algorithms - Chapter 9: Hashing

54 117 0 08-05-2024

Giáo trình kỹ thuật sữa chữa ô tô, máy nổ part 8

47 140 1 08-05-2024

MẪU GIẤY PHÉP VẬN TẢI LOẠI C

2 111 0 08-05-2024

Điều bạn cần làm để giữ chặt tình yêu

5 110 0 08-05-2024

Chương 10: Các phương pháp tính quá trình quá độ trong mạch điện tuyến tính

57 181 4 08-05-2024

TÀI LIỆU HOT

Mẫu đơn thông tin ứng viên ngân hàng VIB

8 7878 2222

Giáo trình Tư tưởng Hồ Chí Minh - Mạch Quang Thắng (Dành cho bậc ĐH - Không chuyên ngành Lý luận chính trị)

152 5903 1422

Ebook Chào con ba mẹ đã sẵn sàng

112 3776 1242

Ebook Tuyển tập đề bài và bài văn nghị luận xã hội: Phần 1

62 5367 1137

Ebook Facts and Figures – Basic reading practice: Phần 1 – Đặng Tuấn Anh (Dịch)

249 8321 1127

Giáo trình Văn hóa kinh doanh - PGS.TS. Dương Thị Liễu

561 3526 646

Tiểu luận: Tư tưởng Hồ Chí Minh về xây dựng nhà nước trong sạch vững mạnh

13 10938 531

Giáo trình Sinh lí học trẻ em: Phần 1 - TS Lê Thanh Vân

122 3713 525

Giáo trình Pháp luật đại cương: Phần 1 - NXB ĐH Sư Phạm

274 4103 519

Bài tập nhóm quản lý dự án: Dự án xây dựng quán cafe

35 4150 480