Thiết kế mẫu blog thời trang đơn giản chỉ với 20 dòng code
- 2022/10/04 03:06:14
- 2022/01/17 16:18:51
![70 dòng xây dựng mẫu blog cơ khí]()
2021/12/13 17:32:58![Quy tắc thiết kế button cơ bản]()
2021/10/18 10:05:03
Bài viết này nằm trong series giúp bạn làm chủ công cụ xây dựng mẫu web. Đây là 1 mẫu web thời trang đơn giản, hy vọng các bạn sẽ thích nó
Với 20 dòng code sau đây, bạn sẽ tạo ra 1 mẫu web như hình dưới đây:
[image]//out.zoblogs.com/out/media_com/?sh=1ff34a48[/image]
Hình minh họa.
Nhắp vào link sau để xem demo : Mẫu web thời trang 001
Mẫu web thời trang này mình lượm nhặt ý tưởng trên mạng và mình muốn nó đơn giản nhất để các bạn có thể làm quen với công cụ thiết kế mẫu mặc định của zoblogs.
Đó là 1 công cụ tuyệt vời mà bạn có thể tha hồ sử dụng để tạo landing page hoặc thiết kế ra 1 trang riêng để bán hàng.
Sau đây là code:
Các bạn tạo file theme/content/home trong công cụ Theme Connect để áp dụng lên trang chủ
[code]
<%
w={
"slide":{"model_info":{"image":"https://images.pexels.com/photos/5325582/pexels-photo-5325582.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"}},
"service":{"padding_bottom":0,"padding":0,"number":3,"inline":3,"wrap":0},
"category":{"number":3,"padding":20},
"product":{"padding":10,"model_info":{"image":"https://images.pexels.com/photos/7516397/pexels-photo-7516397.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"}}
};
w(tools.home({"view":w}));
%>
[/code]
Chúc các bạn sẽ nhanh chóng tự thiết kế được mẫu theme như ý
Thân.
[image]//out.zoblogs.com/out/media_com/?sh=1ff34a48[/image]
Hình minh họa.
Nhắp vào link sau để xem demo : Mẫu web thời trang 001
Mẫu web thời trang này mình lượm nhặt ý tưởng trên mạng và mình muốn nó đơn giản nhất để các bạn có thể làm quen với công cụ thiết kế mẫu mặc định của zoblogs.
Đó là 1 công cụ tuyệt vời mà bạn có thể tha hồ sử dụng để tạo landing page hoặc thiết kế ra 1 trang riêng để bán hàng.
Sau đây là code:
Các bạn tạo file theme/content/home trong công cụ Theme Connect để áp dụng lên trang chủ
[code]
<%
w={
"slide":{"model_info":{"image":"https://images.pexels.com/photos/5325582/pexels-photo-5325582.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"}},
"service":{"padding_bottom":0,"padding":0,"number":3,"inline":3,"wrap":0},
"category":{"number":3,"padding":20},
"product":{"padding":10,"model_info":{"image":"https://images.pexels.com/photos/7516397/pexels-photo-7516397.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"}}
};
w(tools.home({"view":w}));
%>
[/code]
Chúc các bạn sẽ nhanh chóng tự thiết kế được mẫu theme như ý
Thân.
- Time Modify
- URL
/