ducdt/giao_dien_web_mau
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Huong dan, quy dinh du an mau

Browse Source
This commit is contained in:
Dao Duc
2023-03-25 11:18:16 +07:00
parent e4c22c8d73
commit a121f8052f
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
README.md
View File

@@ -21,21 +21,21 @@
<ul> <ul>
<li> <li>
<a href="https://repo.hurasoft.com/ducdt/giao_dien_web_mau/src/branch/master/demo-ten_mau-stt_mau/images" style="font-weight: bold;" target="_blank">images</a> : <a href="https://repo.hurasoft.com/ducdt/giao_dien_web_mau/src/branch/master/demo-ten_mau-stt_mau/images" style="font-weight: bold;" target="_blank">images</a> :
<ul> <ul>
<li>Chứa tất cả ảnh sử dụng cho dự án. Quy định về ảnh: Tất cả các ảnh icons (icon search, icon menu,...)</li> <li>Chứa tất cả ảnh sử dụng cho dự án. Quy định về ảnh: Tất cả các ảnh icons (icon search, icon menu,...)</li>
<li>Kích thước mỗi ảnh icon khi export từ figma sẽ lấy kích thước <strong>x2</strong> (Để khi sử dụng ở mobile không bị vỡ nét)</li> <li>Kích thước mỗi ảnh icon khi export từ figma sẽ lấy kích thước <strong>x2</strong> (Để khi sử dụng ở mobile không bị vỡ nét)</li>
<li>Sau đó sẽ gộp chung các ảnh icon thành 1 ảnh lớn</li> <li>Sau đó sẽ gộp chung các ảnh icon thành 1 ảnh lớn</li>
<li> <li>
<p>Trong file CSS sẽ tạo 1 class chứa ảnh ở trên, background-size sẽ giảm 50% để hiển thị chính xác kích thước của icon. Khi sử dụng sẽ bắt theo tọa độ ảnh: </p> <p>Trong file CSS sẽ tạo 1 class chứa ảnh ở trên, background-size sẽ giảm 50% để hiển thị chính xác kích thước của icon. Khi sử dụng sẽ bắt theo tọa độ ảnh: </p>
<p>VD: ảnh có kích thước 500x500, vị trí hiển thị icon là: x = -200px, y = 0 <br> <p>VD: ảnh có kích thước 500x500, vị trí hiển thị icon là: x = -200px, y = 0
<strong>.icons {background: url(../images/sprite.png) no-repeat;background-size: 250px 250px;}</strong> <br> <strong style="display: block">.icons {background: url(../images/sprite.png) no-repeat;background-size: 250px 250px;}</strong>
<strong>.icons.icon-search{background-position: -200px 0;}</strong> <strong style="display: block">.icons.icon-search{background-position: -200px 0;}</strong>
</p> </p>
</li> </li>
</ul> </ul>
</li> </li>
<li> <li>
<a href="https://repo.hurasoft.com/ducdt/giao_dien_web_mau/src/branch/master/demo-ten_mau-stt_mau/js" style="font-weight: bold;" target="_blank">js</a>: <a href="https://repo.hurasoft.com/ducdt/giao_dien_web_mau/src/branch/master/demo-ten_mau-stt_mau/js" style="font-weight: bold;" target="_blank">js</a>:
<ul> <ul>
<li>Chứa các file JS sử dụng cho dự án.</li> <li>Chứa các file JS sử dụng cho dự án.</li>
@@ -43,7 +43,7 @@
</ul> </ul>
</li> </li>
<li> <li>
<a href="https://repo.hurasoft.com/ducdt/giao_dien_web_mau/src/branch/master/demo-ten_mau-stt_mau/scss" style="font-weight: bold;" target="_blank">scss</a> : <a href="https://repo.hurasoft.com/ducdt/giao_dien_web_mau/src/branch/master/demo-ten_mau-stt_mau/scss" style="font-weight: bold;" target="_blank">scss</a> :
<ul> <ul>
<li>Chứa các file CSS sử dụng cho dự án.</li> <li>Chứa các file CSS sử dụng cho dự án.</li>
@@ -52,7 +52,7 @@
</ul> </ul>
</li> </li>
<li> <li>
<a href="https://repo.hurasoft.com/ducdt/giao_dien_web_mau/src/branch/master/demo-ten_mau-stt_mau/index.html" style="font-weight: bold;" target="_blank">index.html</a>: <a href="https://repo.hurasoft.com/ducdt/giao_dien_web_mau/src/branch/master/demo-ten_mau-stt_mau/index.html" style="font-weight: bold;" target="_blank">index.html</a>:
<ul> <ul>
<li>Là file HTML</li> <li>Là file HTML</li>