Loading post navigation ...
 
 

Pro page

7
Nhận xét

Thủ thuật cơ bản : xóa đường viền của ảnh

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả

Tips To Delete the Image Border
[FD's BlOg] - Đây là một trong những kiến thức cơ bản về CSS, ở đây mình cũng xin giới thiệu cho các bạn biết. (thủ thuật áp dụng cho nhưng template mặc định sẵn thuộc tính border cho ảnh).

Thực ra bình thường trong blog, nếu ta muốn post ảnh, thì chỉ cần đặt trong thẻ
<img src="{link ảnh}"/>

Ảnh minh họa :

Là mặc định nó sẽ không có đường viền bao quanh ảnh. Khi muốn tạo đường viền bao quanh ảnh thì ta chỉ cần thêm thuộc tính border vào là xong.
Ví dụ:
<img src="{link ảnh}" border="1"/>

Ảnh minh họa:










Tuy nhiên đối với 1 số template, mặc dù ta không gán thuộc tính border cho ảnh, nhưng ảnh post ra vẫn có dường viền bao quanh. Bạn cố gắng thêm thuộc tính
border="0" vào để làm mất border của ảnh nhưng vẫn không có tác dụng. Điều này là do CSS trong tempate của bạn đã mặc định sẵn thuộc tính này. Như vậy chỉ còn cách vào CSS gỡ bỏ thuộc tính này mà thôi.
Mình đã test thử với blog của mình, trong CSS đã mặc định thuộc tính ảnh không có đường viền nên dù mình có gán
border ="3" hay mấy đi nữa thì vẫn không xuất hiện border khi xuất bản bài viết.

Dưới đây là cách khác phục:
1. Đăng nhập vào blog
2. Vào bố cục (Layout)
3. Vào chỉnh sửa Code HTML (Edit Code HTML) (không cần chọn mở rộng tiện ích)
4. Tìm đọan code CSS sau (hoặc tương tự) :
.post img {
padding:4px;
border:1px solid $bordercolor;
}

- Với thuộc tính CSS của ảnh trên, ảnh post ra sẽ được mặc định có đường viền, và được padding (thụt vào) từ 4 cạnh là 5px. Đọan CSS này thích hợp cho việc tạo các ảnh kiểu tạp chí, trông cũng khá ấn tượng.
- Và đọan code border:1px solid $bordercolor; chính là code tạo đường viền bao quanh ảnh. Xóa chúng đi nếu bạn không muốn xuất hiện đường viền này.

và như vậy nó sẽ trông như thế này:
.post img {
padding:4px;
}

5. Save template của bạn lại. Như vậy đã xong.

Chúc các bạn thành công.


Enter your mail address:

7

MinoBuG'

blog của mình có cái thumbnai mà mỗi lần click vào nó là hiện lên cái file ảnh mà mình upload lên blogger, nếu muốn click vào ảnh thumbnai để vào luôn bài viết thì làm thế nào vậy bạn ? mình mới làm quen với blogspot

Khách (ẩn danh)

Cam on Phan Dung nhe. Minh cu loay hoay mai voi cai vien anh nhu vay. Gio thi ok roi. Co gi chir bao gium nha
http://www.Get-Flat-Stomach.com

Hoangdacviet

Nếu muốn liên kết với website Www.SvTre.Com thì pm mình nhé
Xem Tivi Online Tv.VnTim.Com
Nghe Radio Online Radio.VnTim.Com
CayTet.Com
DauNong.Com
BangLaiXe.SvTre.Com
GiaSu.SvTre.Com
BeTrap.SvTre.Com

Unknown

dịch vụ thay màn hình ipad air giá bao nhiêu tiền

Unknown

Bài viết hữu ích
Xem thêm:thay màn hình ipad 4 chính hãng

Unknown

tham khảo mua bán nhà đất homedy:
mua nhà quận cầu giấy dưới 2 tỷhttps://homedy.com/ban-nha-quan-cau-giay-ha-noi-gia-duoi-2-ty
mua nhà quận đống đa dưới 2 tỷhttps://homedy.com/ban-nha-quan-dong-da-ha-noi-gia-duoi-2-ty
mua nhà quận hai bà trưng dưới 2 tỷhttps://homedy.com/ban-nha-quan-hai-ba-trung-ha-noi-gia-duoi-2-ty
mua nhà quận hoàn kiếm dưới 2 tỷhttps://homedy.com/ban-nha-quan-hoan-kiem-ha-noi-gia-duoi-2-ty
mua nhà quận thanh xuân dưới 2 tỷhttps://homedy.com/ban-nha-quan-thanh-xuan-ha-noi-gia-duoi-2-ty
mua nhà quận ba đình dưới 2 tỷhttps://homedy.com/ban-nha-quan-ba-dinh-ha-noi-gia-duoi-2-ty
mua nhà dưới 2 tỷ tp hcmhttps://homedy.com/ban-nha-tp-ho-chi-minh-gia-duoi-2-ty
mua nhà dưới 2 tỷ quận bình thạnhhttps://homedy.com/ban-nha-quan-binh-thanh-tp-ho-chi-minh-gia-duoi-2-ty

Unknown

Mua bán đất bến cát , Bình Dương
Mua bán đất dầu tiếng , Bình Dương
Mua bán đất dĩ an , Bình Dương
Mua bán đất phú giáo , Bình Dương
Mua bán đất tân uyên , Bình Dương
Mua bán đất thủ dầu một , Bình Dương



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

» Có thể sử dụng các thẻ <b>,<i>,<a>.


BlOg FD chính thức đóng comment của khách ẩn danh.

BlOg FD.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home