Giao diện 990px Violet

1. Thầy cô chép đoạn code sau đưa và mục "Thông tin bản quyền":

rel="stylesheet" type="text/css" media="screen" href="http://bangvu.net/violet/skin/skin_990_Vio.css">

Chú ý : banner cũng thiết kế kích thước:

height="350px" -->> chiều cao (tùy chỉnh cho phù hợp).

width="990px "  --->> chiều rộng của flash (tùy chỉnh cho phù hợp).

2. Nếu định thay đổi tập tin: http://bangvu.net/violet/skin/skin_990_Vio.css

Nội dung dưới đây:

.comments{padding:0px;width:680px;_width:100%;}

/*MAU NEN MUC Y KIEN 1*/

.comments .comment1{background: transparent url() repeat-x bottom;border: 2px dashed green;font-size: 16px;color:blue;}

.comments .comment1{width:630px;background: transparent;border:2px dashed lightblue;font-size: 16px;margin:0px 10px 10px 0px;padding:10px 10px 10px 10px;float:left;}

/*MAU NEN MUC Y KIEN 2*/

.comments .comment2 {background: transparent url() repeat-x bottom;border: 2px dashed red;font-size: 16px;color:#FC275F;}

.comments .comment2{width:630px;background: transparent;border:2px dashed pink;font-size: 16px;margin:0px 10px 10px 0px;padding:10px 10px 10px 10px;float:left;}

.comments .avatar{width:60px;height:60px;border:1px solid #CCCCCC;background:transparent;padding:3px 3px 3px 3px;margin:5px 5px 5px 5px;text-align:center;float:left;}

/*KHOI CHINH TU LIEU*/

.document li{display:block;text-align:center;float:left;background:url(back-001-vio.gif) no-repeat center center;margin:0px 0px 10px 0px;padding:0px 0px 0px 10px !important;width:175px;height:150px;cursor:pointer;overflow:hidden;}

.document .over{background:url(back-002-vio.gif) no-repeat center center;}

.document a{color:blue;text-decoration:none;padding:30px;}

.document a:visited{color:blue;text-decoration:none;padding:30px;}

.document h2 a{padding-bottom:20px;color:blue;font-size:14px;}

.document a:hover{color:blue;text-decoration:underline;cursor:pointer;}

.document li label{color:blue;text-align:center;line-height:1em;font-size:14px;margin:16px 12px 2px 12px;display:block;}

.document li img{display:block;border:0px solid #725F11;margin:-10px 0px 0px -4px;padding:0px;cursor:pointer;}

.document label a{color:blue;padding:5px 0px 10px 0px;font-size:14px;font-weight:normal;}

/*CHINH SUA NOI DUNG KHOI CHINH*/

body {background:transparent url();color:brown;font-size:12px}

/*MAU LINK BAI VIET NGOAI KHOI CHINH*/

a:link {color:blue; font-size:14px;text-decoration:none;} 

/*MAU CHU TIEU DE NOI DUNG BAI VIET NGOAI KHOI CHINH*/

a:hover {color:green;font-size:14px}

a:visited {color:blue;font-size:14px}

.docgroup,

.entry,

/*KHUNG DUOI 1*/

.doc{color:blue;padding:0px 0px 0px 0px;margin:0px 0px 15px 0px;clear:both;font-size:14px;overflow-x:hidden;background:transparent url(duoipro.gif) no-repeat bottom left !important;width:690px;}

.docgroup h2,

.entry h2,

/*MAU TIEU DE KHOI CHINH TU TAO & SO BAI TU LIEU KHOI CHINH- TREN 1*/

.doc h2{margin:-10px 0px 13px 0px;color:red;font-size:14px;width:690px; height:80px;background:transparent url(trenpro.gif) no-repeat bottom left;padding-bottom:30px;min-height:20px;clear:both;overflow-x:hidden;}

/*NOI DUNG XEM BAI VIET*/

.docgroup .content,

.entry .content,

/*MAU CHU NOI DUNG KHOI CHINH TU TAO - GIUA 1*/

.doc .content{color:blue;font-size:14px;margin:-60px 0px 0px 0px;padding:0px 50px 20px 25px;background:transparent url() repeat-y top left;float:left;width:645px;}

.entrygroup h2 a{padding:30px;font-size:14px;}

.entrygroup h2 label a:visited{color:blue;}

/*CAC TIN CU NAM PHIA DUOI*/

.docgroup .content li,

.entrygroup .content li{color:blue;}

.entry .content li,

.doc .content li{list-style-image:url(http://d1.violet.vn/css/layout/royal/images/Nut.gif);padding-left:20px;margin-left:20px;}

/* KHUNG DUOI 2*/

.entrygroup{background:transparent url(duoipro.gif) no-repeat bottom left;float:left;width:690px;}

/*NOI DUNG NGOAI KHOI CHINH*/

/*MAU CHU NOI DUNG KHOI CHINH BAI VIET - GIUA 2*/

.entrygroup .content{color:brown;font-size:14px;margin:-50px 0px 0px 0px;padding:0px 50px 20px 25px;background:transparent url() repeat-y top left;float:left;width:645px;}

/*XEM TAT CA | DUA TU LIEU*/

.document h2 label{float:right;margin-right:0px;font-size:14px !important;font-weight:normal;text-decoration:none;}

.docgroup h2 label a,

/*MAU CHU XEM TAT CA | DUA TU LIEU*/

.entrygroup h2 label a{color: blue;}

.entry h2 label a,

.doc h2 label a{color:blue;}

.document h2 label a{color:blue;font-size:14px;padding-left:30px;padding-right:50px;}|.docgroup .content h2{color:blue;font-size:16;padding-left:30px;padding-right:50px;}

.entrygroup .content h2{color:blue;}

.entry .content h2{font-size:14px;}

.doc .content h2,

.docgroup .content h3,

.entrygroup .content h3{color:blue;}

.entry .content h3{font-size:14px;}

.doc .content h3{color:blue;background:none !important;}

/*MAU SO BAI VIET KHOI CHINH -  TREN 2*/

.entrygroup h2{color:red;font-size:16px;width:690px;height:80px;background:transparent url(trenpro.gif) no-repeat bottom left;padding-bottom:30px;margin:-10px 0px 0px 0px;}

.entrygroup h3{font-size:14px;}

.entrygroup img,

.entry img{margin-right:3px;margin-bottom:3px;}

.entrygroup .thumb,

.entry .thumb{float:left;padding-left:0px;margin-left:0px;}

.entrygroup p{overflow-x:hidden;clear:right;}

.entrygroup li{color:green;clear:both;}

.entrygroup li a:hover{text-decoration:underline;}

.entry .content td,

.entry .content th{font-size:14px;}

.entry li{clear:both;}

.entry li a{text-decoration:none;color:Black;}

.entry li a:hover{text-decoration:underline;}

#welcome{position:absolute;z-index:9000;margin-right:40px;padding-right:40px;overflow:visible;width:950px;text-align:right;color:blue;}

#wrap2{width:990px;max-width:100%;min-width:990px;margin:0px auto 0px auto;text-align:left;background:transparent;overflow-x:hidden;}

#wrap3{background:transparent url();  /*MAU NEN CHUNG CHO CA TRANG*/

 border:0px solid blue; /*MAU KHUNG CHUNG CHO CA TRANG*/

 border-width:0px;

 overflow-x: hidden;

}

#wrap4{width:100%px;min-height:1000px;background:transparent url();}

#mainwrap{width:710px;margin-left:10px;}

#side{width:240px;font-size:14px;margin-left:17px;float:left;}

#side h2{width:220px;margin:0px 0px 0px 0px;font-size:14px;font-family:Times New Roman,arial,sans-serif;height:40px;padding:5px;text-align:center;color:#FFFFFF;text-transform:uppercase;font-weight:bold;background:url(headerNEW.gif) no-repeat center top;}

#side .content{width:230px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:left;display:block;padding-top:0px;padding-bottom:5px;background:transparent url() repeat-y top left;border: 1px dashed brown;}

#side .bottom{width:220px;background:url(bottom_black.gif) no-repeat center top;margin-left:7px;margin-top:5px;height:50px;display:block;clear:both;}

#side .content ul{list-style-position:outside;list-style-type:none;margin:0px;}

/*COMMENT - ONLINE - THONGKE*/

#side .content li{border-bottom: 1px dashed BROWN;text-align:left;padding:0px 0px 0px 10px;color: blue;list-style-position:outside;list-style-type:none;margin-bottom:-1px;}

#side .content li a{color: blue;text-decoration:none;}

#side .leftmenu li a{color: blue;background:url();}

#side .block-content li a{color:blue;text-transform:none;}

#side .content li a:hover{text-decoration:underline;}

.small{padding:0px 0px 0px 30px;font-size:14px;}

#side a:link,

#side a:visited{color:blue;text-align:left;}

/*MENU TOP*/

#top a:link,

#top a:visited {font: 18px UTM French Vanilla;color: green; font-weight:bold;} /*mau chu menu ngang*/

#top a:hover {color: yellow;}  /*MAU CHU MENU KHI re CHUOT VAO*/

.dropmenudiv {width:250px;font:normal 16px Times New Roman;line-height:18px;}

/*MAU KHUNG MENU XO XUONG*/

.dropmenudiv ul {border: 3px solid #2280ff;}

/*CO CHU TRONG MENU XO XUONG*/

.dropmenudiv a {font-size: 16px;color: Blue;}  /*MAU CHU MENU XO XUONG*/

.dropmenudiv li {border-bottom: 1px dashed BROWN;background: ;} /*MAU DUONG KE PHAN CACH LINK TRONG MENU XO XUONG*/

  /*MAU NEN TRONG MENU XO XUONG*/

.dropmenudiv a:hover {width:250px;font: 16px;background:RED;color: YELLOW;text-decoration:underline;} /*THEME CHANGE HERE*/

  /*MAU NEN KHI RE CHUOT VAO LINK TRONG MENU XO XUONG*/

  /*MAU CHU MENU XO XUONG KHI RE CHUOT*/

/*MAU DUONG KE TREN VA VIEN TRAI CUA MENU*/ 

.menutop {background:transparent url();font-size: 18px;border: 0px solid brown;font-weight: normal;  border-bottom: 0px solid brown;} /*MAU NEN PHAN CON DU CUA MENU*/

  /*MAU DUONG KE DUOI CUA MENU*/

.menutop a:hover {background:url() repeat-x center center;background-color: red;} /*MAU NEN MENU KHI RE CHUOT VAO*/

.menutop a {background:url() repeat-x center center;background:transparent url();border-RIGHT: 0px solid brown;} /*MAU NEN MENU*/

   /*MAU DUONG KE PHAI CUA MENU*/

.menutop li {border-right: 0px solid #04FC04;} /*MAU DUONG KE TRAI CUA MENU*/

#albumslides{height:100px;width:100px;}

#albumslides{padding-left:40px;position:relative;}

#albumslides a{position:absolute;display:block;height:100px;width:100px;}

a. Thầy cô chép đoạn code sau đưa và mục "Thông tin bản quyền":

<link rel="stylesheet" type="text/css" media="screen" href=

"http://users8.Jabry.com/vanlientrieu/Giaodienquatang/990-hoangthanh.css">

Chú ý : banner cũng thiết kế kích thước:

height="350px" -->> chiều cao (tùy chỉnh cho phù hợp).

width="990px "  --->> chiều rộng của flash (tùy chỉnh cho phù hợp).

b.Nội dung tập tin http://users8.Jabry.com/vanlientrieu/Giaodienquatang/990-hoangthanh.css dưới đây:

.comments{padding:0px;width:680px;_width:100%;}

/*MAU NEN MUC Y KIEN 1*/

.comments .comment1{background: transparent url(http://i1106.photobucket.com/albums/h367/TRIEUVAN761/Y-KIEN_zps3bff31bf.png) no-repeat-x bottom;border: 2px dashed green;font-size: 16px;color:blue;}

.comments .comment1{width:680px;background: transparent;border:2px dashed lightblue;font-size: 16px;margin:0px 10px 10px 0px;padding:10px 10px 10px 10px;float:left;}

/*MAU NEN MUC Y KIEN 2*/

.comments .comment2 {background: transparent url(http://i1106.photobucket.com/albums/h367/TRIEUVAN761/Y-KIEN_zps3bff31bf.png) no-repeat-x bottom;border: 2px dashed red;font-size: 16px;color:#FC275F;}

.comments .comment2{width:680px;background: transparent;border:2px dashed pink;font-size: 16px;margin:0px 10px 10px 0px;padding:10px 10px 10px 10px;float:left;}

.comments .avatar{width:60px;height:60px;border:1px solid #CCCCCC;background:transparent;padding:3px 3px 3px 3px;margin:5px 5px 5px 5px;text-align:center;float:left;}

/*KHOI CHINH TU LIEU*/

.document li{display:block;text-align:center;float:left;background:url(http://i1106.photobucket.com/albums/h367/TRIEUVAN761/TRETULIEUb-1_zps0eb768f9.png

) no-repeat center center;margin:0px 0px 10px 0px;padding:0px 0px 0px 10px !important;width:175px;height:150px;cursor:pointer;overflow:hidden;}

.document .over{background:url(http://i1106.photobucket.com/albums/h367/TRIEUVAN761/TRETULIEUa-1_zps6f127127.png

) no-repeat center center;}

.document a{color:blue;text-decoration:none;padding:30px;}

.document a:visited{color:blue;text-decoration:none;padding:30px;}

.document h2 a{padding-bottom:20px;color:blue;font-size:16px;}

.document a:hover{color:blue;text-decoration:underline;cursor:pointer;}

.document li label{color:blue;text-align:center;line-height:1em;font-size:14px;margin:16px 12px 2px 12px;display:block;}

.document li img{display:block;border:0px solid #725F11;margin:-10px 0px 0px -4px;padding:0px;cursor:pointer;}

.document label a{color:blue;padding:5px 0px 10px 0px;font-size:14px;font-weight:normal;}

/*CHINH SUA NOI DUNG KHOI CHINH*/

body {background:transparent url();color:brown;font-size:12px}

/*MAU LINK BAI VIET NGOAI KHOI CHINH*/

a:link {color:blue; font-size:14px;text-decoration:none;} 

/*MAU CHU TIEU DE NOI DUNG BAI VIET NGOAI KHOI CHINH*/

a:hover {color:green;font-size:14px}

a:visited {color:blue;font-size:14px}

.docgroup,

.entry,

/*KHUNG DUOI 1*/

.doc{color:blue;padding:0px 0px 0px 0px;margin:0px 0px 15px 0px;clear:both;font-size:14px;overflow-x:hidden;background:transparent url(http://i1106.photobucket.com/albums/h367/TRIEUVAN761/duoiproht_zps726ebf30.png

) no-repeat bottom left !important;width:690px;}

.docgroup h2,

.entry h2,

/*MAU TIEU DE KHOI CHINH TU TAO & SO BAI TU LIEU KHOI CHINH- TREN 1*/

.doc h2{margin:-10px 0px 13px 0px;color:red;font-size:20px;width:690px; height:80px;background:transparent url(http://i1106.photobucket.com/albums/h367/TRIEUVAN761/trenpro_zpsfea8a9bb.gif) no-repeat bottom left;padding-bottom:30px;min-height:20px;clear:both;overflow-x:hidden;}

/*NOI DUNG XEM BAI VIET*/

.docgroup .content,

.entry .content,

/*MAU CHU NOI DUNG KHOI CHINH TU TAO - GIUA 1*/

.doc .content{color:blue;font-size:14px;margin:-60px 0px 0px 0px;padding:0px 50px 20px 25px;background:transparent url() repeat-y top left;float:left;width:645px;}

.entrygroup h2 a{padding:30px;font-size:16px;}

.entrygroup h2 label a:visited{color:blue;}

/*CAC TIN CU NAM PHIA DUOI*/

.docgroup .content li,

.entrygroup .content li{color:blue;}

.entry .content li,

.doc .content li{list-style-image:url(http://d1.violet.vn/css/layout/royal/images/Nut.gif);padding-left:20px;margin-left:20px;}

/* KHUNG DUOI 2*/

.entrygroup{background:transparent url(http://i1106.photobucket.com/albums/h367/TRIEUVAN761/duoiproht_zps726ebf30.png) no-repeat bottom left;float:left;width:690px;}

/*NOI DUNG NGOAI KHOI CHINH*/

/*MAU CHU NOI DUNG KHOI CHINH BAI VIET - GIUA 2*/

.entrygroup .content{color:brown;font-size:14px;margin:-50px 0px 0px 0px;padding:0px 50px 20px 25px;background:transparent url() repeat-y top left;float:left;width:645px;}

/*XEM TAT CA | DUA TU LIEU*/

.document h2 label{float:right;margin-right:0px;font-size:14px !important;font-weight:normal;text-decoration:none;}

.docgroup h2 label a,

/*MAU CHU XEM TAT CA | DUA TU LIEU*/

.entrygroup h2 label a{color: blue;}

.entry h2 label a,

.doc h2 label a{color:blue;}

.document h2 label a{color:blue;font-size:16px;padding-left:30px;padding-right:50px;}|.docgroup .content h2{color:blue;font-size:16;padding-left:30px;padding-right:50px;}

.entrygroup .content h2{color:blue;}

.entry .content h2{font-size:16px;}

.doc .content h2,

.docgroup .content h3,

.entrygroup .content h3{color:blue;}

.entry .content h3{font-size:16px;}

.doc .content h3{color:blue;background:none !important;}

/*MAU SO BAI VIET KHOI CHINH -  TREN 2*/

.entrygroup h2{color:red;font-size:20px;width:690px;height:80px;background:transparent url(http://i1106.photobucket.com/albums/h367/TRIEUVAN761/trenpro_zpsfea8a9bb.gif) no-repeat bottom left;padding-bottom:30px;margin:-10px 0px 0px 0px;}

.entrygroup h3{font-size:14px;}

.entrygroup img,

.entry img{margin-right:3px;margin-bottom:3px;}

.entrygroup .thumb,

.entry .thumb{float:left;padding-left:0px;margin-left:0px;}

.entrygroup p{overflow-x:hidden;clear:right;}

.entrygroup li{color:green;clear:both;}

.entrygroup li a:hover{text-decoration:underline;}

.entry .content td,

.entry .content th{font-size:14px;}

.entry li{clear:both;}

.entry li a{text-decoration:none;color:Black;}

.entry li a:hover{text-decoration:underline;}

#welcome{position:absolute;z-index:9000;margin-right:40px;padding-right:40px;overflow:visible;width:950px;text-align:right;color:blue;}

#wrap2{width:990px;max-width:100%;min-width:990px;margin:0px auto 0px auto;text-align:left;background:transparent;overflow-x:hidden;}

#wrap3{background:transparent url();  /*MAU NEN CHUNG CHO CA TRANG*/

 border:0px solid blue; /*MAU KHUNG CHUNG CHO CA TRANG*/

 border-width:0px;

 overflow-x: hidden;

}

#wrap4{width:100%px;min-height:1000px;background:transparent url();}

#mainwrap{width:710px;margin-left:10px;}

#side{width:240px;font-size:14px;margin-left:17px;float:left;}

#side h2{width:220px;margin:0px 0px 0px 0px;font-size:14px;font-family:Times New Roman,arial,sans-serif;height:40px;padding:5px;text-align:center;color:FF0033;text-transform:uppercase;font-weight:bold;background:url(http://i1106.photobucket.com/albums/h367/TRIEUVAN761/khoitrenchucnang1-1_zps2ddabb55.png) no-repeat center top;}

#side .content{width:230px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:left;display:block;padding-top:0px;padding-bottom:5px;background:transparent url() repeat-y top left;border: 1px dashed brown;}

#side .bottom{width:220px;background:url(http://i1106.photobucket.com/albums/h367/TRIEUVAN761/chan-chuc-nang-kt_zps933f5286.png

) no-repeat center top;height:60px;display:block;clear:both;}

#side .content ul{list-style-position:outside;list-style-type:none;margin:0px;}

/*COMMENT - ONLINE - THONGKE*/

#side .content li{border-bottom: 1px dashed BROWN;text-align:left;padding:0px 0px 0px 10px;color: blue;list-style-position:outside;list-style-type:none;margin-bottom:-1px;}

#side .content li a{color: blue;text-decoration:none;}

#side .leftmenu li a{color: blue;background:url();}

#side .block-content li a{color:blue;text-transform:none;}

#side .content li a:hover{text-decoration:underline;}

.small{padding:0px 0px 0px 30px;font-size:14px;}

#side a:link,

#side a:visited{color:blue;text-align:left;}

/*MENU TOP*/

#top a:link,

#top a:visited {font: 18px UTM French Vanilla;color: #D400A2; font-weight:bold;} /*mau chu menu ngang*/

#top a:hover {color: #FF0C05;}  /*MAU CHU MENU KHI re CHUOT VAO*/

.dropmenudiv {width:250px;font:normal 16px Times New Roman;line-height:18px;}

/*MAU KHUNG MENU XO XUONG*/

.dropmenudiv ul {border: 3px solid #01F600;}

/*CO CHU TRONG MENU XO XUONG*/

.dropmenudiv a {font-size: 16px;color: Blue;}  /*MAU CHU MENU XO XUONG*/

.dropmenudiv li {border-bottom: 1px dashed BROWN;background: ;} /*MAU DUONG KE PHAN CACH LINK TRONG MENU XO XUONG*/

  /*MAU NEN TRONG MENU XO XUONG*/

.dropmenudiv a:hover {width:250px;font: 16px;background:VIOLET;color: #FF0C05;text-decoration:underline;} /*THEME CHANGE HERE*/

  /*MAU NEN KHI RE CHUOT VAO LINK TRONG MENU XO XUONG*/

  /*MAU CHU MENU XO XUONG KHI RE CHUOT*/

/*MAU DUONG KE TREN VA VIEN TRAI CUA MENU*/ 

.menutop {background:transparent url();font-size: 18px;border: 0px solid brown;font-weight: normal;  border-bottom: 0px solid brown;} /*MAU NEN PHAN CON DU CUA MENU*/

  /*MAU DUONG KE DUOI CUA MENU*/

.menutop a:hover {background:url(http://i1106.photobucket.com/albums/h367/TRIEUVAN761/TOP_zps53272f2c.png) no-repeat-x center center;background-color: #4AFFF9;} /*MAU NEN MENU KHI RE CHUOT VAO*/

.menutop a {background:url() repeat-x center center;background:transparent url();border-RIGHT: 0px solid brown;} /*MAU NEN MENU*/

   /*MAU DUONG KE PHAI CUA MENU*/

.menutop li {border-right: 0px solid #04FC04;} /*MAU DUONG KE TRAI CUA MENU*/

#albumslides{height:100px;width:100px;}

#albumslides{padding-left:40px;position:relative;}

#albumslides a{position:absolute;display:block;height:100px;width:100px;}