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 91 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 462339 61

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

14 26004 79

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 11343 542

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

14 10549 466

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 9839 108

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

249 8889 1161

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

16 8503 426

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

8 8100 2279

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 7731 1790

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

17 7247 268

TỪ KHÓA LIÊN QUAN

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

Giáo án mầm non chương trình đổi mới: Gia đình vui nhộn

4 392 3 26-12-2024

THE ANTHROPOLOGY OF ONLINE COMMUNITIES BY Samuel M.Wilson and Leighton C. Peterson

19 225 4 26-12-2024

Đóng mới oto 8 chỗ ngồi part 9

10 179 3 26-12-2024

báo cáo hóa học:" Perceptions of rewards among volunteer caregivers of people living with AIDS working in faith-based organizations in South Africa: a qualitative study"

10 157 1 26-12-2024

CHƯƠNG 2: RỦI RO THÂM HỤT TÀI KHÓA

28 158 1 26-12-2024

Báo cáo y học: "The Factors Influencing Depression Endpoints Research (FINDER) study: final results of Italian patients with depressio"

9 148 1 26-12-2024

Báo cáo " Thẩm quyền quản lí nhà nước đối với hoạt động quảng cáo thực trạng và hướng hoàn thiện "

7 205 7 26-12-2024

ETHICAL CODE HANDBOOK: Demonstrate your commitment to high standards

7 147 1 26-12-2024

Bệnh sán lá gan trên gia súc và cách phòng trị

3 162 1 26-12-2024

Báo cáo nghiên cứu khoa học " Vai trò chính quyền địa phương trong phát triển kinh tế : khu chuyên doanh gốm sứ ( Trung Quốc ) và Bát Tràng ( Việt Nam )("

11 213 1 26-12-2024

TÀI LIỆU HOT

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

8 8100 2279

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 7731 1790

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

112 4406 1371

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

62 6282 1266

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

249 8889 1161

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

561 3838 680

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

122 3919 609

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

274 4707 565

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 11343 542

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

35 4507 490