Nghệ thuật bo tròn CSS trong Blogspot - Trọng Khanh Nguyễn
K
Khanh
Trang chủ

Bình luận mới (All comments)

Liên hệ

  • facebook.com/linkthuthuatvn
  • trongkhanh5678@gmail.com
  • +841653009392
Đóng thanh bạn bè

Chủ đề: Nghệ thuật bo tròn CSS trong Blogspot

Bài viết tản mản đầu tiên. Mà cũng không biết nó có phải tản mạn không nữa tại cái này liên quan đến Blogspot mà cái ý tưởng như cái thủ thuật vậy :v
Nói đến đây chắc nhiều bạn vẫn chưa biết nghệ thuật bo tròn là gì và ngay cả mình cũng chỉ mới phát hiện ra nó mới cách đây 2 tiếng mặc dù mình đã làm rất nhiều lần nhưng chưa biết nó là 1 nghệ thuật :v
Nghệ thuật bo tròn CSS nói nôm na là nghệ thuật "border-radius". Nói ngang đây chắc nhiều bạn biết chút ít về CSS cũng hiểu :v 
Tại sao mình nói đây là nghệ thuật ? Bởi "hầu hết" (không phải là tất cả) các CSS, widget... khi sử dụng border-radius (bo tròn) sẽ làm chúng đẹp và trở nên tỉ mỉ hơn.


Các bạn cứ thử xem :v Ví dụ nhé:
- 1 avatar của những người bình luận các bạn thấy thế nào giữa 1 cái ảnh vuông và 1 cái ảnh tròn? Hẳn rất nhiều bạn sẽ cảm thấy tròn sẽ đẹp hơn bởi vì nó tạo ra 1 "đường cong mềm mại" với sự bo tròn "tỉ mỉ từng khung hình" :v
- 1 ví dụ khác ở cái nút Back to Top và Back to Home của Blog các bạn (hay ở blog mình chẳng hạn) thì nhìn qua các blog thường dùng 2 cái nút đó với border-radius luôn luôn khác 0 :v và đa số là border-radius: 100%. Có 1 vài blog cũng có button vuông nhưng border-radius luôn luôn lớn hơn 0 !
- Ví dụ điển hình ngay Blog Bác Sĩ Windowsđây là blog sử dụng nghệ thuật này rất điêu luyện bởi vì sao ? Không phải lúc nào, cái gì nó bo tròn cũng đẹp. Bạn nào chưa chú ý kĩ thì hãy nhìn kĩ blog đó và từng chi tiết mình kể nhé:
  + Đầu tiên đạp vào con mắt cái khung tìm kiếm.
  + Thứ 2 là cái thumbnail bài viết trong kết quả tìm kiếm của Search Live. Hãy nhìn kĩ nhé, BSW đã bo tròn nó 50% (border-radius: 50%) cái thumbnail này nhìn rất đẹp.
  + Còn rất nhiều thứ khác nữa và cả những chi tiết rất nhỏ mà đôi khi các bạn còn không để ý cơ :v

Nay đã có rất nhiều blog đã biết và sử dụng CSS bo tròn nhưng chưa hề hay biết đó là nghệ thuật từ bao giờ. Nhưng sử dụng đúng, đẹp thì mới gọi là nghệ thuật. Không phải cái gì cũng dùng đến nó mà có những thứ không nên đụng vào nó ! 

Bài viết hôm nay đến thế thôi, hơi xàm tí nhưng tâm sự của mình đó :v Nói cho các bạn biết đó là một nghệ thuật. Hi vọng sau bài viết này, các bạn sẽ để ý hơn đến nghệ thuật "border-radius", nó sẽ giúp các bạn làm đẹp blog rất nhiều đấy !
Thích
Hashtag:
Bạn, Trọng Khanh Nguyễn và người khác
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

SHuyTarUT

SHuyTarUT
22:29, 25/11/2017

Vỗ tay pộp pộp �� �� ��

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Hưng Star - IT

Hưng Star - IT
22:30, 25/11/2017

bo tròn đẹp thật 😍

Thích Trả lời
avatar
Trọng Khanh Nguyễn 22:35, 25/11/2017

khuya vẫn có ng cmt :v ahjhj lên !

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Nguyễn Lương Duy

Nguyễn Lương Duy
22:40, 25/11/2017

e k thích bo tròn cho lắm

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Trường Nguyễn

Trường Nguyễn
Người đàn anh 06:46, 26/11/2017
Nhận xét này đã bị tác giả xóa.
avatar
Trọng Khanh Nguyễn 07:08, 26/11/2017
Nhận xét này đã bị tác giả xóa.
avatar
Trọng Khanh Nguyễn 07:08, 26/11/2017

hèn j blog tuần vuông :v

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

NTĐ SYSTEM

NTĐ SYSTEM
09:23, 26/11/2017
Nhận xét này đã bị tác giả xóa.
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

NTĐ SYSTEM

NTĐ SYSTEM
09:48, 26/11/2017

- Chủ nhật vui vẻ nhé các người bạn !!! Qua tương tác blog tui nhé

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Dân 47

Dân 47
10:55, 26/11/2017

Bài viết bo tròn nghệ thuật này tui cũng có đọc ở Zing và hiểu sơ qua về lý do anh Mark đổi avatar sang tròn, nhìn mới đầu rất ngứa cmn mắt, nhưng sau một thời gian nhìn kĩ và chiêm nghiệm thì thấy...xấu vl :))). Mark bê cần!

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Star Bình

Star Bình
12:52, 26/11/2017

border-radius: 50%

Thích Trả lời
avatar
Trọng Khanh Nguyễn 15:10, 26/11/2017

mà lý do sao đổi thế, tui cũng chưa biết luôn, (có j update vào bài viết luôn :v)

Thích Trả lời
avatar
Trọng Khanh Nguyễn 15:10, 26/11/2017

?

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Star Cường IT ­

Star Cường IT ­
18:29, 26/11/2017

Chào bạn :v chịch không bạn :)

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Nguyễn Quân IT

Nguyễn Quân IT
19:30, 26/11/2017

Test còm men bo tròn nà :v

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Tính Getter

Tính Getter
20:51, 26/11/2017

Anh ko làm bên Link Thủ Thuật nữa hả ?

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Phú Cường Blogger

Phú Cường Blogger
My friends 20:58, 26/11/2017

Cmt ngoài lề tí là trong boostrap thì nếu dùng trigger tức sau khi click ra vùng chọn bất kì nó sẽ auto mất hiển thị đang hiện hành đó e. Áp dụng cho recent comment và mạng xã hội kia xem sao.

Thích Trả lời
avatar
Trọng Khanh Nguyễn 21:11, 26/11/2017

còn mak e

Thích Trả lời
avatar
Trọng Khanh Nguyễn 21:16, 26/11/2017

ok a <3

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Dân 47

Dân 47
22:34, 26/11/2017

À tại vì theo khảo sát và tâm lý người dùng thì bo tròn khiến mắt dễ chịu hơn vuông, đơn giản chỉ vậy...a Mark nói sao hiểu zậy thôi :))

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Trường Nguyễn

Trường Nguyễn
Người đàn anh 22:45, 26/11/2017

Nút thích bình luận vô dụng phết nhỉ :v

Thích Trả lời
avatar
Trọng Khanh Nguyễn 22:46, 26/11/2017

anh click vào đi a :v có mak :v chẳng qua count nó ko hiện trực tiếp thôi :)))

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Trường Nguyễn

Trường Nguyễn
Người đàn anh 22:54, 26/11/2017

Như vậy thì chán quá, phải nó thống kê như thằng fb luôn thì hay :­v

Thích Trả lời
avatar
Trọng Khanh Nguyễn 22:58, 26/11/2017

lúc trc có bảo a share code thống kê lượt like mak a hứa nhưng có viết bài share đâu :3

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Trường Nguyễn

Trường Nguyễn
Người đàn anh 23:02, 26/11/2017

Uầy, em kêu anh hướng dẫn thống kê số bình luận fb mà: Xem

Thích Trả lời
avatar
Trọng Khanh Nguyễn 06:50, 27/11/2017

http://www.bacsiwindows.com/2017/11/mo-them-chuyen-muc-yeu-cau-bai-viet-tu-bac-si-windows.html?showComment=1510699322801#c5674991461504616424
xem cmt này nek :v anh bảo ok luôn nhé

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Niệm Style Blog

Niệm Style Blog
08:59, 27/11/2017

Vãi cả nghệ thuật :v

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Trường Nguyễn

Trường Nguyễn
Người đàn anh 11:32, 27/11/2017

Tưởng nút thích bài viết, chứ nút thích bình luận thì sao thống kê được =_=

Thích Trả lời
avatar
Trọng Khanh Nguyễn 11:42, 27/11/2017

em chỉ cần cái code thống kê lượt thích fb thôi, còn thống kê sao thì e biết =))

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Nguyễn Đức Huy

Nguyễn Đức Huy
12:44, 27/11/2017

hay á

Thích Trả lời
avatar
Trọng Khanh Nguyễn 12:54, 27/11/2017

thế gọi là gì

Thích Trả lời
avatar
Trọng Khanh Nguyễn 12:54, 27/11/2017

thanks bạn

Thích Trả lời
avatar
Trọng Khanh Nguyễn 13:53, 27/11/2017

Mark tâm lý quá <3

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Star Cường IT ­

Star Cường IT ­
16:44, 27/11/2017

Cái màu blog khó chịu sao sao ấy :v

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Huỳnh Hoài Bảo

Huỳnh Hoài Bảo
19:57, 27/11/2017

Đẹp mà thanh menu màu mè quá vậy bác ơi

Thích Trả lời
avatar
Trọng Khanh Nguyễn 21:08, 27/11/2017

màu tối mak

Thích Trả lời
avatar
Trọng Khanh Nguyễn 21:08, 27/11/2017

khó chịu sao ?

Thích Trả lời
avatar
Trọng Khanh Nguyễn 21:34, 27/11/2017

cơ mak đổi lại r. nghe mấy bác phàn nàn ghê quá :3

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Trường Nguyễn

Trường Nguyễn
Người đàn anh 07:45, 28/11/2017

Theme responsive tệ quá nha!!

Thích Trả lời
avatar
Trọng Khanh Nguyễn 15:35, 28/11/2017

nhác để chỉnh anh ạ :v

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Tiến Đạt Blogger

Tiến Đạt Blogger
21:52, 28/11/2017

- Bác thay giùm em phần liên kết NTĐ SYSTEM thành Đạt Nguyễn Blog và Link: https://datnguyenblogger.blogspot.com/
- Giúp em nha :*

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Niệm Style Blog

Niệm Style Blog
07:59, 29/11/2017

Khanh đệ :v

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Star Quốc

Star Quốc
08:59, 29/11/2017

Chào bác Trọng Khanh Nguyễn

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Huỳnh Hoài Bảo

Huỳnh Hoài Bảo
10:49, 29/11/2017

Khung liên kết sắp giống của Facebook r :v

Thích Trả lời
avatar
Trọng Khanh Nguyễn 11:35, 29/11/2017

cứ tưởng nó giống rồi :3

Thích Trả lời
avatar
Trọng Khanh Nguyễn 11:42, 29/11/2017

chào bác =)

Thích Trả lời
avatar
Trọng Khanh Nguyễn 11:42, 29/11/2017

Chúng ta không thuộc về nhau :3

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Tiến Đạt Blogger

Tiến Đạt Blogger
12:12, 29/11/2017

Buổi cưa vui vẻ n'é an' em

Thích Trả lời
avatar
Trọng Khanh Nguyễn 12:19, 29/11/2017

sắp tên phải chỉnh lại tên r :v chính sách giáo dục đã thay đổi :v

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Nguyễn Lương Duy

Nguyễn Lương Duy
13:23, 29/11/2017

ra bài mới đi a

Thích Trả lời
avatar
Trọng Khanh Nguyễn 13:27, 29/11/2017

chưa biết viết bài gì đấy :v

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Niệm Style Blog

Niệm Style Blog
15:47, 29/11/2017

cái phần Viết gì đó là lừa đảo nha! đăng méo được :v

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Nguyễn Đức Huy

Nguyễn Đức Huy
17:10, 29/11/2017

còn liên kết không v Khanh

Thích Trả lời
avatar
Trọng Khanh Nguyễn 20:37, 29/11/2017

xem phần GIAO DIỆN ĐANG NÂNG CẤP NHA tui có ghi j nha .

Thích Trả lời
avatar
Trọng Khanh Nguyễn 20:38, 29/11/2017

cơ mak nếu đc thì sao bác biết đc :3 nó là contact form mak :3

Thích Trả lời
avatar
Trọng Khanh Nguyễn 20:38, 29/11/2017

còn

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Star Cường IT ­

Star Cường IT ­
20:56, 29/11/2017

Sao ít sang blog tui comment thế :v

Thích Trả lời
avatar
Trọng Khanh Nguyễn 21:05, 29/11/2017

dạo này có rảnh qua nhiều blog đâu. đang có nhiều scandal khiến tôi phải nhúng tay vào đây

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Nguyễn Đức Huy

Nguyễn Đức Huy
22:11, 29/11/2017

Oke bác
Tên: Đức Huy Blog
URL: http://www.nguyenhuyit.tk/
Link ảnh: https://i.imgur.com/lJ3Thyl.jpg
Bác cho tui link ảnh blog bác để tui đặt hình ảnh lun nha Khanh

Thích Trả lời
avatar
Trọng Khanh Nguyễn 22:15, 29/11/2017

đây nek bạn:
https://lh3.googleusercontent.com/-XfsKsvNYMtw/AAAAAAAAAAI/AAAAAAAAAAA/ANQ0kf77xjQklVfvuz1Xm_h1UAXzAJWFzg/s32-c-mo/photo.jpg

Thích Trả lời
avatar
Timeline Cover
1 bạn chung:TKN Blog 5 bài viết mới

Nguyễn Đức Huy

Nguyễn Đức Huy
15:11, 02/12/2017

tui đã đặt cho bác rồi nha

Thích Trả lời
avatar
Trọng Khanh Nguyễn 16:35, 02/12/2017

đã đặt nhé

Thích Trả lời
avatar

Đỉnh của đỉnh <3

Thích Trả lời

THÊM BÌNH LUẬN

Bài đăng Cũ hơn:

Bài đăng Mới hơn:

Thông báo
Blog mình đang trong quá trình chỉnh sửa và hoàn thiện template mới nên còn một số chức năng click vào nhưng chưa dùng được. Lưu ý những blog nào đã liên kết với bên mình vui lòng đọc bài này để cập nhật logo blog nhé.
ĐÃ HIỂU