Thứ Tư, 21 tháng 5, 2014
Số lượt xem bài này:
Nhấn mạnh Text trong bài viết và tạo ảnh 3 trong 1.
Nhấn mạnh một phần nội dung trong bài viết
Nhiều khi trong bài viết đăng lên Blog, ta muốn nhấn mạnh một vài nội dung để gây chú ý cho độc giả, ta phải tạo khung cho nội dung đó.
Để làm đước điều này các bạn dùng code mẫu sau đây:
rồi chèn nội dung cần nhấn mạnh vào và sau đó copy toàn bộ đoạn code này chèn vào bài viết của bạn ở chế độ HTML
Giải thích code
float: right; : vị trí để hiện khung text nhấn mạnh. Tôi chọn bên phải. Các bạn có thể chọn bên trái (left)
text-align: justify; : căn lề cho text. Tôi chọn tự cân . Các bạn có thể chọn phải (right), trái (left)
width: 150px; : độ rộng khung cho text cần nhấn mạnh
<font face=Times New Roman color="#FF0000" size="3" : font chữ, màu chữ, độ lớn chữ
background: yellow; : Màu nền của khung text
Tạo hiệu ứng hover cho hình ảnh sinh động (Để xem 3 ảnh trên một ảnh gốc)
Trước tiên bạn copy đoạn code dưới và chỉnh sửa các dòng code như hướng dẫn để có được hình ảnh với hiệu ứng hover hấp dẫn.
Các bạn sử dụng đoạn code mẫu sau:
Giải thích code
- URL của link ảnh trỏ tới khi bạn click vào hình ảnh chính thì hiện ảnh khác (ảnh thứ 3).
- URL hình ảnh hiệu ứng hover là hình ảnh được hiển thị khi bạn di chuyển tới vị trí hình ảnh gốc để kích hoạt hiệu ứng Hover, như ví dụ dưới chính là hình ảnh CÁI CÂN.(ảnh 2)
- URL hình ảnh trước khi có hiệu ứng hover là hình ảnh hiện thỉ khi bạn chưa di chuyển chuột để kích hoạt hiệu ứng Hover( ảnh 1)
Với các làm đó tôi đã tạo được gửi cho bạn 3 ảnh nhưng lúc mở chỉ thấy độc nhất một ảnh thôi.
Để xem cả 3 ảnh, đầu tiên bạn rê chuột vào ảnh bạn thấy sẽ thấy ảnh thứ hai. Để xem ảnh thứ ba bạn kích vào ảnh xuất hiện khi rê chuột vào
Thể loại
Chia sẽ
Đăng nhận xét
1- Nhận xét chỉ nên liên quan đến bài đăng, phải có tính chất xây dựng và có văn hóa !
2- Để chèn biểu tượng cảm xúc vào nhận xét, các bạn nhập các ký hiệu bên dưới của hình vào phần viết nhận xét.
3- Việc nhập tài khoản Google của bạn và nhập 2 từ xác minh trước lúc gửi nhận xét là bắt buộc !
4- Các bạn có thể chèn Video trên Youtube hay ảnh bằng cách dán link của video (trên thanh địa chỉ) hay link ảnh trực tiếp ở khung soạn thảo nhận xét !
5-Các bạn có thể post code trong nhận xét nhưng phải mã hóa code trước ! Để mã hóa code các bạn vào đây