Code tạo giao diện đẹp mắt
#posts li {
background:#fff url(<a href="http://nguyenhuudiep.webng.com/GD
%20XTuan/hop03_tuan.gif">http://nguyenhuudiep.webng.com/GD
%20XTuan/hop03_tuan.gif</a>) top left no-repeat;
}
#smallposts li {
background:#fff url(<a href="http://nguyenhuudiep.webng.com/GD
%20XTuan/hop03_tuan.gif">http://nguyenhuudiep.webng.com/GD
%20XTuan/hop03_tuan.gif</a>) top left no-repeat;
}
.document li {
background: url('http://nguyenhuudiep.webng.com/GD
%20XTuan/hop03_tuan.gif') no-repeat center 0px;
}
.document over {
background: transparent url(<a href="http://nguyenhuudiep.webng.com/GD
%20XTuan/hop02.gif">http://nguyenhuudiep.webng.com/GD
%20XTuan/hop02.gif</a>) no-repeat center 0px;
}
.document a , document a:visited{
color: blue;
}
.document a:hover {
text-decoration: underline;
cursor: pointer;
color: red;
}
.docgroup, entrygroup, entry, doc {
background: #FFFFFF;
}
.docgroup h2, entrygroup h2, entry h2, doc h2 {
padding: 10px 10px 0px 10px;
margin: 0px 0px 0px 0px;
min-height: 38px;
clear: both;
background: #FFFFFF;
Trang 2overflow-x: hidden;
font-size: 14px;
border-top: 3px solid #1B249E;
}
.docgroup content, entrygroup content, entry content, doc content { background: #FFFFFF;
}
.entrygroup, entry, doc {
background: #FFFFFF;
color: black;
}
a:link {
color: blue;
text-decoration: none;
}
a:active {
color: blue;
text-decoration: none ;
}
a:visited {
color: blue;
text-decoration: none
}
a:hover {
color: red;
text-decoration: underline;
}
.menutop {
background:url(<a href="http://nguyenhuudiep.webng.com/GD
%20XTuan/menu01.gif">http://nguyenhuudiep.webng.com/GD
%20XTuan/menu01.gif</a>) repeat-x center center;
border: 0px;
border-top: 1px solid white;
font-weight: normal;
}
.menutop a:hover {
background:url(<a href="http://nguyenhuudiep.webng.com/GD
%20XTuan/menu02.gif">http://nguyenhuudiep.webng.com/GD
%20XTuan/menu02.gif</a>) repeat-x center center;
text-decoration: none;
}
.menutop a:current {
Trang 3color: red;
}
.menutop a {
background:url(<a href="http://nguyenhuudiep.webng.com/GD
%20XTuan/menu01.gif">http://nguyenhuudiep.webng.com/GD
%20XTuan/menu01.gif</a>) repeat-x center center;
border-RIGHT: 1px solid #FFFFFF;
}
.menutop li {
border-right: 1px solid #FFFFFF;
}
#top a:link, #top a:visited {
color: white;
}
.dropmenudiv {
border: 0px none;
position:absolute;
line-height:20px;
z-index:9999;
background-color: #3D6CCA;
width: 190px;
visibility: hidden;
filter:
progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,s trength=4); style:normal; weight:normal; size:12px;
font-family:Verdana
}
.dropmenudiv a {
font-size: 11px;
color: white;
font-weight: normal;
height: 20px;
border: 0px;
border: 0px;
padding-left: 7px;
}
.dropmenudiv ul {
border: 0px solid #888;
padding: 0px;
margin: 0px;
}
Trang 4.dropmenudiv li {
border: 0px;
border-bottom: dotted 1px white;
}
.dropmenudiv a:hover { /*THEME CHANGE HERE*/
background: #1E46AC;
text-decoration:underline;
padding-left: 10px;
color: white;
}
#welcome a {
background: #3D6CCA;
}
#wrap3 {
background:#FFFFFF;
border:1px solid #404AD3;
border-width:0 5px;
overflow-x: hidden;
}
.comments comment2 {
background-color: #E3E5FB;
border: 1px solid #1B249E;
}
.comments comment1
{
background-color: #F3CAFA;
border: 1px solid #1B249E;
}
body {
background:#6A70BB;
}
#side h2 {
background:url(<a href="http://nguyenhuudiep.webng.com/GD
%20XTuan/top01.gif">http://nguyenhuudiep.webng.com/GD
%20XTuan/top01.gif</a>) no-repeat center center;
padding-bottom: 6px;
text-align:center;
}
#side content {
_width: 190px;
Trang 5margin:0px 0px 0px 0px;
background:#3D6CCA;
display:block;
padding: 4px;
border-left: 1px solid #3D6CCA;
border-right: 1px solid #3D6CCA;
padding-bottom: 9px;
}
.selected {
background: #1E46AC;
}
#side bottom {
background: url(<a href="http://nguyenhuudiep.webng.com/GD
%20XTuan/top01_tuan.gif">http://nguyenhuudiep.webng.com/GD
%20XTuan/top01_tuan.gif</a>) no-repeat center top;
border-top: 0px solid white;
}
#side content a {
height: 16px;
}
#side content li a {
color: white;
}
#side content li {
color: white;
border-bottom: dotted 1px white;
}
#side content {
color: white;
}
.leftmenu {
line-height:15px;
}
.leftmenu ul {
padding: 0px;
margin: 0px;
}
.leftmenu li {
display:block;
padding: 0px;
margin: 0px;
Trang 6border-bottom: 1px dotted white; }
.leftmenu a {
text-align:left;
padding: 3px 5px;
margin: 0px;
display: block;
border-left: 5px double white; }
.leftmenu a span {float:none;}
.leftmenu a:hover {
text-align:left;
display: block;
text-decoration: none;
font-weight: normal;
background: #1E46AC;
padding-left: 8px;
}
#side content li a:hover {
color: #FFFFFF;
}