[FD's BlOg] - Các bài viết trước mình có giới thiệu nhiều về thủ thuật bo góc cho khung, tab nội dung. Hôm nay mình giới thiệu tiện ích bo góc cho ảnh, việc này được thực hiện trực tuyến từ website roundpic.com. Với nhiều kích thước bo góc cho bạn lựa chọn. Ngòai ra mình sẽ cũng giới thiệu cho bạn code của form bo góc, để các bạn có thể add vào blog của mình, không cần phải truy cập vào site roundpic.com. (như form trong bài viết này)Đầu tiên các bạn add ảnh cần bo góc vào form bên dưới:
Sau khi chọn style để bo góc nhấn preview để xem ảnh, rồi nhấn download để down về máy của bạn.
Như vậy là đã bo góc xong.
☼Và đây là code của form:
<div class="upload">
<input value="1048576" name="MAX_FILE_SIZE" type="hidden"><form enctype="multipart/form-data" action="http://www.roundpic.com" target="_blank" method="post"><table><tbody><tr><td class="title"><b>Image:</b></td><td class="input"><input name="file" type="file"></td></tr><tr><td class="title">or <b>URL:</b></td><td class="input"><input value="http://" name="url" type="text"></td></tr><tr><td colspan="2" class="submit"><button onclick="getLoader();" type="submit">Round it</button></td></tr></tbody></table></form>
</div>
Chúc các bạn thành công.