Thủ thuật tạo khung codeview blog

5 Th12

Thông thường, khi gii thiu code , chúng ta hay đt chúng ngay trên bài viết. Vì cùng nm trên mt nn nên nhiu khi trông rt ln xn . Vy phi làm sao đ phn gii thiu nn blog chính thc , còn đon code trong mt khung có nn tùy chnh ?

Đu tiên, các bn hãy vào Trình bày (Layout) và chn tab Chnh sa HTML mà không cn bt M rng mu tin ích . Sau đó , hãy thêm đon code dưới đâyngay trên th ]]></b:skin>

.codeview {
margin : 15px 35px 15px 15px;

padding : 10px;

clear : both;

list-style-type : none;

background : #f9f9f9 url(http://i259.photobucket.com/albums/hh283/boy_proDX/framecode.gif) no-repeat right bottom;

border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}

.codeview li {

font-size :
13px;
line-height : 24px;

font-family : “Courier New”, “MS Sans Serif”, sans-serif, serif;

color : #
333333;
font-weight :
normal;
margin : 0;

padding : 0;

}


Ghi chú : Bn có th thay đi phn ch màu đ theo ý thích

Vy là các bn đã to xong thuc tính đt code trong mt khung đc đáo ri đy .
T
gi , bn có th thêm code vào bt c đâu trên bài viết vi th <div> sau

<div class=”codeview”>

Điền code vào đây

</div>

Bn có th xem bài viết gc và demo th thut này ti:http://boyprodx.blogspot.com


Advertisements

Trả lời

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Đăng xuất / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Đăng xuất / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Đăng xuất / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Đăng xuất / Thay đổi )

Connecting to %s

%d bloggers like this: