Hỏi cách cắt CSS gộp tất cả ảnh về 1 file

[vuongtq]

Mình thấy nhiều website họ cắt css gộp tất cả ảnh về 1 file. Xin các bác chỉ giáo

Thanks

[cuipap]

trời đất bác hỏi 2 topic luôn à, em đã trả lời bác ở bên kia rồi mà

http://ddth.com/showthread.php?goto=newpost&t=371712

[vuongtq]

Thanks các bác đã giúp em, nhưng toàn tài liệu tiếng anh khó đọc wa

[ljrit]

Dùng thuộc tính "Scroll" của CSS đó bạn

<a style="background:url(http://www.seevn.org/images/sprite_1.png) repeat scroll -316px -362px transparent;display:inline-block;height:15px;padding-left:20px;width:13px;float:left;" title="In bài viết này" href="http://www.seevn.org"></a>
<a style="background:url(http://www.seevn.org/images/sprite_1.png) repeat scroll -149px -109px transparent;display:inline-block;height:15px;padding-left:20px;width:13px;float:left;" title="Gửi mail cho bạn bè" href="http://www.seevn.org"></a>
<a style="background:url(http://www.seevn.org/images/sprite_1.png) repeat scroll -369px -298px transparent;display:inline-block;height:15px;padding-left:20px;width:13px;float:left;" title="Download bài viết" href="http://www.seevn.org"></a>
<a style="background:url(http://www.seevn.org/images/sprite_1.png) repeat scroll -230px -298px transparent;display:inline-block;height:15px;padding-left:20px;width:13px;float:left;" title="Xuất ra PDF" href="http://www.seevn.org"></a>
<a style="background:url(http://www.seevn.org/images/sprite_1.png) repeat scroll -36px -298px transparent;display:inline-block;height:15px;padding-left:20px;width:13px;float:left;" title="Xuất ra Word" href="http://www.seevn.org"></a>
<a style="background:url(http://www.seevn.org/images/sprite_1.png) repeat scroll -310px -76px transparent;display:inline-block;height:15px;padding-left:20px;width:13px;float:left;" title="Bạn muốn comment?" href="http://www.seevn.org"></a>
<a style="background:url(http://www.seevn.org/images/sprite_1.png) repeat scroll -369px -330px transparent;display:inline-block;height:15px;padding-left:20px;width:13px;float:left;" title="Bài viết không dấu" href="http://www.seevn.org"></a>

[Hung.Lv]

Google với từ khoá CSS Sprites.

Ơ, e tưởng gộp ảnh mới làm bằng css Sprites thôi chứ, bác kia có hỏi thế đâu