1 số trang mẫu mã cần đánh số , mà việc custom đánh số rất mấy thời gian chưa nói sau này thêm bớt dự liệu phải nhập lại những Con số này, để khác phục việc đánh số trên bữa nay mình share cho anh em cách đánh số trong css theme flatsome wordpress hoàn toàn tự động bằng css nhé, Đọc hết bài cứng cáp bạn sẽ khiến cho theo được nhé
cách đánh số trong css theme flatsome wordpress
cách đánh số trong css theme flatsome wordpress
Như hình bạn thấy các số được đánh từ một – > 8 hoàn toàn tự động theo list ( ul li trong css )
với THỂ BẠN để ý
- AZDIGI bật mí deal bí hiểm, giảm 90% Hosting
- chỉ dẫn tích hợp Zalo Chat vào website wordpress
- các đoạn code file function.php hay tiêu dùng và rất hữu dụng ( cập nhật thường xuyên )
- Hiệu ứng chuyển màu (Gradient) có CSS3
- Plugin chế độ xem sản phẩm List View và Grid trong WooCommerce
- Code bài viết cùng chuyên mục kèm hình ảnh (thumbnai) cho WordPress
bí quyết khiến cho như sau , ở trình soạn dự liệu bạn nhập dự liệu sau đó chọn dự liệu qua list như hình
cách đánh số trong css theme flatsome wordpress – chọn dự liệu thành list
sau ấy chọn css sau vào custom của theme đang sử dụng
|
1
hai
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
/* Count List - Flatsome.xyz */
.rightthicong ul li, .leftthicong ul li
list-style: none;
counter-increment: h3;
display: list-item;
line-height: 1.5;
padding: 7px;
.rightthicong ul li:before
display: list-item;
content: "0" counter(h3) " ";
color: lightsalmon;
font-weight: bold;
position: absolute;
margin-left: -40px;
border: 2px solid #fea8856e;
border-radius: 99px;
padding: 2px 5px;
.leftthicong ul li:before
display: list-item;
content: "0" counter(h3) " ";
color: lightsalmon;
font-weight: bold;
position: absolute;
margin-left: 95%;
border: 2px solid #fea8856e;
border-radius: 99px;
padding: 2px 5px;
|
Note : 2 class .rightthicong và .leftthicong là class đặt cho 2 bảng ( table ) chưa text nhé – để css cho nằm bên trái và bên phải , bạn có thể đặt khác nhé
Dong này content: “0” counter(h3) ” “; sẽ đếm dự liệu và chèn số 0 và trước số count được bạn nhé , bạn với thể đổi thay theo ý của bạn
Sau khi bạn chèn css thì số sẽ tự động chạy , sau này bạn thêm một mẫu ( list bên dưới ) số quy trình sẽ thành max + một nhé
OK vậy là xong , giả dụ làm cho ko được hoặc với vấn đề gì liên hệ tớ – Chúc bạn thành công !
bạn sở hữu thể Đánh giá sâu hơn về count trong css tại đây https://www.positioniseverything.net/css-counter