Trộn Màu Cho Mọi Phần Tử Trên Blog

Thứ Sáu, 15 tháng 12, 2017

Lâu rồi cũng chẳng viết bài nên ngứa tay ngồi viết cái thủ thuật nho nhỏ này. Hãy cho mình ý kiến đóng góp để cải thiện bài viết hơn nhé.

CÁCH THỰC HIỆN:

Bước 1: Tìm vị trí mã màu cần trộn

Ví dụ đoạn mã màu này backgound: #fff sẽ có màu trắng.

Bước 2: Chèn thêm đoạn linear-gradient(120deg,#7577a9.#069999,#069999,#7577a9) này vào sau dòng backgound:

Sau khi chèn sẽ như thế này nhé: backgound: linear-gradient(120deg,#7577a9.#069999,#069999,#7577a9)

Demo sau khi trộn màu là thanh top menu của blog mình nhé

lời kết:

Chỉ với vài bước chúng ta đã khiến cho các phần tử trên blog trở nên màu mè các kiểu hơn rồi =))

Bài viết của bạn được xem như một đề xuất cho bài viết của chúng tôi. Mẫu bài viết bạn đang chỉnh sửa sẽ được chúng tôi xem xét và update lên blog nếu nó hoàn hảo !

CHỈNH SỬA BÀI VIẾT
----------------------------------------
<div class="separator" style="clear: both; text-align: center;"><b style="color: #555555; font-family: Roboto, sans-serif; font-size: 18px; letter-spacing: -0.35px; text-align: start;">Lâu rồi cũng chẳng viết bài nên ngứa tay ngồi viết cái thủ thuật nho nhỏ này. Hãy cho mình ý kiến đóng góp để cải thiện bài viết hơn nhé.</b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTdQulHV6_zDlshXdAzEq6seipfXjx6PM2LAIQTvyRN5StUMkQQuj_-KengjgxjJ9QphDf8o9YJsM36D8SANwKzgxnZ-1noZJp0Y9GifmD35yriTk2C8T4MeBVu38g3BTGcHgMALKS-SY/s1600/ng%25E1%25BB%258Dc+t%25C3%25ADnh.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="1000" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTdQulHV6_zDlshXdAzEq6seipfXjx6PM2LAIQTvyRN5StUMkQQuj_-KengjgxjJ9QphDf8o9YJsM36D8SANwKzgxnZ-1noZJp0Y9GifmD35yriTk2C8T4MeBVu38g3BTGcHgMALKS-SY/s400/ng%25E1%25BB%258Dc+t%25C3%25ADnh.jpg" width="400" /></a></div><br /><h2 style="background-color: white; border-bottom: double; color: #069999; display: table; font-family: Roboto, sans-serif; font-size: 20px; font-stretch: normal; font-weight: 500; letter-spacing: 0.3px; line-height: normal; margin: 13px 0px; padding: 0px 0px 5px; text-transform: uppercase;">CÁCH THỰC HIỆN:</h2><div><span style="background-color: white; color: #555555; font-family: "roboto" , sans-serif; font-size: 18px; letter-spacing: -0.35px;"><b>Bước 1: Tìm vị trí mã màu cần trộn</b></span></div><div><b style="color: #555555; font-family: Roboto, sans-serif; font-size: 18px; letter-spacing: -0.35px;">Ví dụ đoạn mã màu này </b><b style="font-family: Roboto, sans-serif; font-size: 18px; letter-spacing: -0.35px;">backgound: #fff</b><b style="color: #555555; font-family: Roboto, sans-serif; font-size: 18px; letter-spacing: -0.35px;"> sẽ có màu trắng.</b></div><div><b style="color: #555555; font-family: Roboto, sans-serif; font-size: 18px; letter-spacing: -0.35px;">Bước 2: Chèn thêm đoạn </b><b style="font-family: Roboto, sans-serif; font-size: 18px; letter-spacing: -0.35px;">linear-</b><b style="font-family: Roboto, sans-serif; font-size: 18px; letter-spacing: -0.35px;">gradient(120deg,#7577a9.#069999,#069999,#7577a9)</b><b style="color: #555555; font-family: Roboto, sans-serif; font-size: 18px; letter-spacing: -0.35px;"> này vào sau </b><b style="color: #555555; font-family: Roboto, sans-serif; font-size: 18px; letter-spacing: -0.35px;">dòng </b><b style="font-family: Roboto, sans-serif; font-size: 18px; letter-spacing: -0.35px;">backgound: </b></div><div><b style="color: #555555; font-family: Roboto, sans-serif; font-size: 18px; letter-spacing: -0.35px;">Sau khi chèn sẽ như thế này nhé: </b><b style="font-family: Roboto, sans-serif; font-size: 18px; letter-spacing: -0.35px;">backgound: </b><b style="font-family: Roboto, sans-serif; font-size: 18px; letter-spacing: -0.35px;">linear-</b><b style="font-family: Roboto, sans-serif; font-size: 18px; letter-spacing: -0.35px;">gradient(120deg,#7577a9.#069999,#069999,#7577a9)</b></div><div><b style="color: #555555; font-family: Roboto, sans-serif; font-size: 18px; letter-spacing: -0.35px;">Demo sau khi trộn màu là thanh top menu của blog mình nhé</b></div><div><h2 style="background-color: white; border-bottom: double; color: #069999; display: table; font-family: Roboto, sans-serif; font-size: 20px; font-stretch: normal; font-weight: 500; letter-spacing: 0.3px; line-height: normal; margin: 13px 0px; padding: 0px 0px 5px; text-transform: uppercase;">lời kết:</h2></div><div><b style="color: #555555; font-family: Roboto, sans-serif; font-size: 18px; letter-spacing: -0.35px;">Chỉ với vài bước chúng ta đã khiến cho các phần tử trên blog trở nên màu mè các kiểu hơn rồi =)) </b></div>