105. Tạo border, background và đổi màu text cho bài post
Wednesday, 21. October 2009, 03:35:46
Tạo border, background và đổi màu text cho bài post
A. Border cho mỗi bài post
Bạn hãy dán đoạn code dưới đây vào bảng CSS của bạn rồi thay phần in đậm (màu viền của border) bằng màu mới tuỳ thích trong Bảng màu.
post {
padding:0 0 10px 0;
margin-bottom:20px;
width:100%;
overflow:hidden;
border:1px solid #dd0000;
background: #ffffff bottom right;}
#lastpost {
border:1px solid #dd0000;
margin-bottom:125px;
}
#firstpost {
padding-top:0;
border:1px solid #dd0000;
}
B. Background cho phần bài post:
1. Chọn ảnh thích hợp làm background. Background của tôi có kích cỡ 629x500 pixels, đã được xử lý bằng phần mềm xử lý ảnh làm sao cho background trông thật nhạt nhưng vẫn nhìn thấy hình mấy cánh hoa.
2. Upload ảnh lên hosting của blog.
Vậy hosting ở đâu? Nó chính là My files trong Preferences đó. Để upload background lên blog, chọn Upload new file và chỉ đường link dẫn đến file ảnh, cuối cùng Save lại, hình của bạn sẽ được upload lên host
3. Tìm đường link của hình tới blog
Chọn Archive, trong mục Archive là toàn bộ các file của bạn. Bạn tìm đến file vừa upload lên kích phải chuột vào nó và chọn Properties, một cửa sổ pop up sẽ hiện ra và đường link Adress chính là đưòng link dẫn đến file hình làm background của bạn. Nhớ copy nó để dùng cho đoạn code dưới đây nhé
4. Đoạn code:
Khi đã có hình và đường link của hình trên host, bạn sẽ cần đến đoạn code này:
.content {
background: url(http://files.myopera.com/vietlan179/hoclamblog/20060925125148143.jpg)
no-repeat right bottom;
margin-top: 13px;
padding-left: 15px;
padding-right: 15px;
color:#ee0024;
font-size:12px;
}
@Lưu ý:
- Phần bôi đậm là mầu của text, ở đây là màu đỏ. Bạn hãy chọn cho mình một mã mầu trong Bảng màu và thay vào phần in đậm đó bằng màu vừa chọn để có màu mới cho text
- Bạn hãy thay link trong ngoặc đơn bằng link đến background của bạn trong host (nếu không biết link ở chỗ nào thì vui lòng đọc lại mục 3 ở trên), nhớ là giữ nguyên dấu ( ) nhé, rồi chọn Save. Hãy refresh lại màn hình, blog của bạn đã có background cho phần bài post rồi đó.
sưu tầm
A. Border cho mỗi bài post
Bạn hãy dán đoạn code dưới đây vào bảng CSS của bạn rồi thay phần in đậm (màu viền của border) bằng màu mới tuỳ thích trong Bảng màu.
post {
padding:0 0 10px 0;
margin-bottom:20px;
width:100%;
overflow:hidden;
border:1px solid #dd0000;
background: #ffffff bottom right;}
#lastpost {
border:1px solid #dd0000;
margin-bottom:125px;
}
#firstpost {
padding-top:0;
border:1px solid #dd0000;
}
B. Background cho phần bài post:
1. Chọn ảnh thích hợp làm background. Background của tôi có kích cỡ 629x500 pixels, đã được xử lý bằng phần mềm xử lý ảnh làm sao cho background trông thật nhạt nhưng vẫn nhìn thấy hình mấy cánh hoa.
2. Upload ảnh lên hosting của blog.
Vậy hosting ở đâu? Nó chính là My files trong Preferences đó. Để upload background lên blog, chọn Upload new file và chỉ đường link dẫn đến file ảnh, cuối cùng Save lại, hình của bạn sẽ được upload lên host
3. Tìm đường link của hình tới blog
Chọn Archive, trong mục Archive là toàn bộ các file của bạn. Bạn tìm đến file vừa upload lên kích phải chuột vào nó và chọn Properties, một cửa sổ pop up sẽ hiện ra và đường link Adress chính là đưòng link dẫn đến file hình làm background của bạn. Nhớ copy nó để dùng cho đoạn code dưới đây nhé
4. Đoạn code:
Khi đã có hình và đường link của hình trên host, bạn sẽ cần đến đoạn code này:
.content {
background: url(http://files.myopera.com/vietlan179/hoclamblog/20060925125148143.jpg)
no-repeat right bottom;
margin-top: 13px;
padding-left: 15px;
padding-right: 15px;
color:#ee0024;
font-size:12px;
}
@Lưu ý:
- Phần bôi đậm là mầu của text, ở đây là màu đỏ. Bạn hãy chọn cho mình một mã mầu trong Bảng màu và thay vào phần in đậm đó bằng màu vừa chọn để có màu mới cho text
- Bạn hãy thay link trong ngoặc đơn bằng link đến background của bạn trong host (nếu không biết link ở chỗ nào thì vui lòng đọc lại mục 3 ở trên), nhớ là giữ nguyên dấu ( ) nhé, rồi chọn Save. Hãy refresh lại màn hình, blog của bạn đã có background cho phần bài post rồi đó.
sưu tầm
WIDGETIZE