Ẩn tựa đề blog và mô tả trên Header

Người đăng: yeu mai em on Thứ Bảy, 18 tháng 4, 2009

How to Hide Blog Title, Description
[FD's BlOg] - Bài viết trước mình có hướng dẫn cách xóa hẳn Tựa đề blog và mô tả trên Header, hôm nay mình sẽ hướng dẫn cách ẩn nó đi với lệnh display trong CSS. Nếu bạn nào khôgn muốn xóa tựa đề và mô tả thì tham khảo cách này. Với thủ thuật này bạn sẽ không bị tựa đề và mô tả chiếm chỗ khi ta thiết kế banner để đặt vào header, ví dụ như ta muốn đặt banner flash.

Trước tiên làm việc này, ta phải xác định đâu là đọan css của title và đâu là của mô tả (description) , thực ra việc này cũng nói thêm cho các bạn rành hơn.

Thông thường CSS Title của mỗi template đều có dạng #header h1CSS của description sẽ là #header .description . Để làm ẩn title và mô tả, ta chỉ cần thêm lệnh display:none; vào trong mỗi đọan CSS của nó là xong.

Và khi thêm vô nó trông giống như thế này:
►CSS Title

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
display:none; /* <---thêm dòng này*/
}


►CSS Description

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
display:none; /*<---Thêm dòng này*/
}


Sau đó save template, như vậy đã xong.

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

{ 0 nhận xét... read them below or add one }

Đăng nhận xét