Tất cả bài viết | Bootstrap
Hướng dẫn cách tạo Sticky Alert bằng Bootstrap
Trong bài học thiết kế web này các Bạn sẽ được Hướng dẫn cách tạo Sticky Alert bằng Bootstrap
Bước 1: Tạo cấu trúc HTML
Thông báo : Chương trình khuyến mãi sốc với tài khoản VIP365. Đăng ký ngay
Bước 2: Định dạng CSS
.popupunder {
width: 300px;
position:fixed;
top: 10px;
right: 10px;
z-index: 10;
border: 0;
padding: 20px;
}
.popupunder.alert-success {
border: 1px solid #198b49;
background:#27AE60;
color:#fff;
}
.popupunder .close {
font-size: 10px;
position:absolute !important;
right: 2px;
top: 3px;
}
a {
color:#FFFF00;
}
a:visited {
color:#FFFF00;
}
a:hover {
color:#FF0000
}
Bước 3: Gọi thư viện Bootstrap và Font awesome
Bước 4: Gọi thư viện JQUERY
Bước 5: Tạo hiệu ứng cho hộp thông báo bằng JQUERY
Bootstrap Xem (2743) Học thiết kế web giá rẻ
