#lower {Trong đoạn code trên :
margin:auto;
padding: 0px 0px 10px 0px;
width: 100%;
background:#333333;
}
#lower-wrapper {
background:#333333;
margin:auto;
padding: 20px 0px 20px 0px;
width: 960px;
border:0;
}
#lowerbar-wrapper {
background:#333333;
float: left;
margin: 0px 5px auto;
padding-bottom: 20px;
width: 23%; text-align: justify;
color:#ddd;
font: bold 12px Arial, Tahoma, Verdana;
line-height: 1.6em;
word-wrap: break-word;
overflow: hidden;
}
.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.lowerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
border:0;
color:#ddd;
text-transform:uppercase;
font: bold 14px Arial, Tahoma, Verdana;
}
.lowerbar ul {
color:#fff;
margin: 0 auto;
padding: 0;
list-style-type: none;
}
.lowerbar li {
display:block;
color:#fff;
line-height: 1.6em;
margin-left: 0 !important;
padding: 6px;
border-bottom: 1px solid #222;
border-top: 1px solid #444;
list-style-type: none;
}
.lowerbar li a {
text-decoration:none; color: #DBDBDB;
}
.lowerbar li a:hover {
text-decoration:underline;
}
.lowerbar li:hover {
display:block;
background: #222;
}
<div id='lower'>* Đoạn code trên sẽ chia widget thành 4 cột, mỗi cột có chiều rộng bằng 23% so với tổng chiều rộng widget là 960px. Nếu bạn muốn chia widget thành 5 cột, thì phải điều chỉnh chiều rộng widget và chiều rộng mỗi cột cho hợp lý ( ví dụ cho 5 cột là 17% ), sau đó chèn đoạn code bên dưới vào trước dòng <div style='clear: both;'/>:
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar4' preferred='yes'>
</b:section>
</div>
<div style='clear: both;'/>
</div> </div>
<div id='lowerbar-wrapper'>4. Save template và quay lại Phần tử trang để bắt đầu chèn bất kỳ widget nào bạn muốn.
<b:section class='lowerbar' id='lowerbar5' preferred='yes'>
</b:section>
</div>
Hiện tại blog mui50tin.blogspot.com đang trong quá trình hoàn thiện và phát triển, số lượng cũng như chất lượng bài viết chưa được cao, các author còn ít. Vì vậy bạn nào có khả năng cũng như yêu thích CNTT đừng ngại chia sẻ, hãy tham gia với chúng tôi để chia sẻ kiến thức bạn có và nhận lại nhiều hơn bạn đang có. Hoặc các bạn có thể quảng cáo tới những bạn bè, người quen của bạn, nếu được như vậy mình rất vui và cảm ơn các bạn.
Ý kiến bạn đọc [ 1 ]
Sao lam hoai ma ko duco nhi? minh lam giong nhu huong dan ma cung ko duoc
Ý kiến của bạn
Comment của bạn sẽ bị xóa nếu:
- Nội dung gây khó chịu cho bạn đọc khác.
- Thắc mắc không liên quan đến bài viét