Giao diện trong suốt và đổi màu

1. nếu ngại sửa đổi và đưa lên HOSSTING thì:

Copy code sau, rồi Paste vào khối chức năng: ( khối  cuối cùng cho dễ nhớ)

"screen" href=

"http://users11.jabry.com/king6514021/D.diendoimau.css">

2. Tải về máy hình nền đổi màu : http://sakin402.violet.vn/document/show/entry_id/7689062 (Vào quản trị / chọn đường dẫn ảnh của hình nền / Chọn cập nhật)

3. Nếu định thay đổi riêng. Nội dung tập tin : D.diendoimau.css như sau:

#side h2{_width:190px;margin:0px 0px 0px 0px;font-size:14px;text-align:center;font-family:Times New Roman,arial,sans-serif;

background:url(Giaodienchiase3/block-header.gif) no-repeat center top;padding:5px;height:40px;color:#FFFFFF;text-transform:uppercase;font-weight:bold;clear:both} /*HฬNH ?NH HI?N TH? PHอA TRสN KHUNG KH?I CHUC NANG*/

#side .content {

 background: url(Giaodienchiase3/block-middle.gif);

  _width: 190px;

  margin:0px 0px 0px 0px;

  display:block;

  padding: 5px;

  border: #C902FB; solid 1px;

border-color : brown;

border-width : 0px;

 border-style : double;

font-size: 13px;

 color: #FFFEFE;

  padding-bottom: 0px;

}

#side .bottom{_width:190px;margin:-5px 0px 15px 0px;background:url(Giaodienchiase3/block-bottom.gif) no-repeat center top;height:30px;display:block;clear:both;} /*HฬNH ?NH HI?N TH? PHอA DU?I KHUNG KH?I CHUC NANG*/

#side .content a {

  height: 13px;

}

#side .content li a {

  color: blue; /*MAU CHU Y KIEN KHOI CHUC NANG*/

}

#side .content li {

  color: blue; /*MAU CHU THONG KE KHOI CHUC NANG*/

}

#side .content {

  color: #000000; /*MAU CHU TV ONLINE KHOI CHUC NANG*/

}

.leftmenu {

  line-height:15px;

font-size: 14px;

 color: blue;

}

.leftmenu ul {

  padding: 0px;

  margin: 0px;

}

.leftmenu li {

font-size: 14px;

 color: #FFFEFE;

  display:block;

  padding: 0px;

  margin: 0px;

  border-bottom: dotted 1px #3DF903;

}

.leftmenu a {

font-size: 14px;

 color: #2280ff;

  text-align:left;

  padding: 3px 5px;

  margin: 0px;

  display: block;

  border-left: 5px double #FC275F;

}

.leftmenu a span {float:none;}

.leftmenu a:hover {

font-size: 14px;

 color: #04FC04;

  text-align:left;

  display: block;

  background:transparent;

  text-decoration: #0307F9;

  font-weight: normal;

  padding-left: 8px;

}

#side .content li {

  color: blue;            

}

a:link {  /* Mau chu menu con */

    color:red; /*MAU CHU TIEU DE KHOI CHINH BAI VIET*/

}

a:hover { 

 color:brown;

}

a:visited {

    color:blue;

}

#top a:link, #top a:visited {

 font: 10px; Arial;

color: #FF0000; font-weight:bold; /*mเu ch? menu ngang*/

}

#top a:hover {

color: yellow;  /*M�U CHỮ MENU KHI re CHUỘT V�O*/

}

.dropmenudiv {

 font:normal 12px Verdana;

 line-height:18px;

}

.dropmenudiv ul {

  border: 0px solid #2280ff; /*MภU KHUNG MENU XO XUONG*/

}

.dropmenudiv a {

 font-size: 12px; /*CO CHU TRONG MENU XO XUONG*/

 color: Blue;  /*MภU CHU MENU XO XUONG*/

}

.dropmenudiv li {

  border-bottom: 2px dotted #03FE39; /*MภU DUONG KE PHยN CมCH LINK TRONG MENU XO XUONG*/

 background: ; /*MภU NEN TRONG MENU XO XUONG*/

}

.dropmenudiv a:hover { /*THEME CHANGE HERE*/

 background:#FD7003; /*MภU NEN KHI Rส CHUOT CHUN LINK TRONG MENU XO XUONG*/

 color: blue; /*MAU CHU MENU XO XUONG KHI RE CHUOT*/

 text-decoration:underline;

}

#wrap3 {

 background:transparent;

 border:0px solid transparent;

 border-width:0 0px;

 overflow-x: hidden;

}.comments .comment2 {

  background: url(Giaodienchiase3/ykien2.gif) repeat-x bottom;

  border: 1px solid #FFFFFF;

   font-size: 13px;

   color:#FC275F;

   /*MภU NEN M?C  KI?N 2*/

}

.comments .comment1

{

  background:  url(Giaodienchiase3/ykien1.gif) repeat-x bottom;

  border: 1px solid #FFFFFF;

   font-size: 13px;

      color:blue;

/*MภU NEN M?C  KI?N 1*/

}

body {

 background:transparent url(Giaodienchiase3/images.gif);

color:#000000;

}

.leftmenu ul {

  padding: 0px;

  margin: 0px;

}

.leftmenu li {

font-size: 13px;

 color: brown;

  display:block;

  padding: 0px;

  margin: 0px;

  border-bottom: dotted 1px #3DF903;

}

.leftmenu a {

font-size: 14px;

 color: brown;

  text-align:left;

  padding: 3px 5px;

  margin: 0px;

  display: block;

  border-left: 5px double #FC275F;

}

.leftmenu a span {float:none;}

.leftmenu a:hover {

font-size: 14px;

 color: brown;

  text-align:left;

  display: block;

  background:#F384F8;

  text-decoration: #FC275F;

  font-weight: normal;

  padding-left: 8px;

}

#side .content li a:hover {    

  color: brown;            

}

.menutop {

  background:transparent url(); /*MภU NEN PHAN CาN DU CUA MENU*/

font-size: 14px;

border: 0px solid brown; /*MภU DUONG KE TRสN Vภ VI?N TRมI CUA MENU*/ 

font-weight: normal;  border-bottom: 0px solid brown; /*MภU DUONG KE DU?I CUA MENU*/

}

.menutop a:hover {

  background:url(Giaodienchiase3/mn3.gif) repeat-x center center;

background-color: red; /*MภU NEN MENU KHI Rส CHUOT VภO*/

}

.menutop a {

  background:url() repeat-x center center;

background:transparent url(); /*MภU NEN MENU*/

  border-RIGHT: 0px solid brown; /*MภU DUONG KE PHAI CUA MENU*/

}

.menutop li {

  border-right: 0px solid #04FC04; /*MภU DUONG KE TRมI CUA MENU*/

}

#smallposts li {

 background: url() top left no-repeat;

 color: #000000;

}

.document li {

  background: url(Giaodienchiase3/Giaodienchiase3_1.gif) no-repeat center 0px;

}

.document .over {

  background: transparent url(Giaodienchiase3/Giaodienchiase3_2.gif) no-repeat center 0px;

}

.document a , .document a:visited{

  font:bold;

  color: blue; /*MAU CHU TIEU DE KHOI CHINH TU LIEU*/

  text-decoration: none;

}

.document a:hover {

  text-decoration: underline;

  cursor: pointer;

  color: blue;

}

.docgroup, .entrygroup, .entry, .doc {

  font-family:Verdana;

  font-size:13px;

  color:#000000;

  background: url(Giaodienchiase3/middle.gif) repeat center;

  padding: 2px;

   display:block;

  }

.docgroup h2, .entrygroup h2, .entry h2, .doc h2 {

  background: url(Giaodienchiase3/top.gif) repeat-x;

  margin: 0px 0px 0px 0px;

padding: 15px 10px 0px 10px;

width:500px;

  height:60px;

  padding-left:55px;

  line-height:20px;

  min-height: 20px;

  text-align: left;

  font-weight:bold;

  font-family:Verdana;

  font-size: 14px;

  color: blue; /*M�U CH? TI�U �? KH?I CH�NH T? T?O*/

}

.docgroup .content, .entrygroup .content, .entry .content, .doc .content {

  background: transparent url(Giaodienchiase3/bottom.gif) no-repeat bottom left;

font-size: 13px; color: #000000;  /* MAU CHU BAI VIET KHOI CHINH */

}

#welcome a {

  background: transparent;

border-width : 1px;

 border-color : red;

 border-style : double;

 color: #000000;

}

1. Nếu ngại sửa đổi và đưa lên HOSSTING thì:

Copy code sau, rồi Paste vào khối chức năng: ( khối  cuối cùng cho dễ nhớ)

e =" text/css" media =" screen" href =

"http://users10.jabry.com/chautuanlt/Giaodienchiase.css ">

2. Tải về máy hình nền đổi màu : http://sakin402.violet.vn/document/show/entry_id/7689062 (Vào quản trị / chọn đường dẫn ảnh của hình nền / Chọn cập nhật)

3. Nếu định thay đổi riêng. Nội dung tập tin : Giaodienchiase.css  như sau:

#side h2{_width:190px;margin:0px 0px 0px 0px;font-size:13px;text-align:center;font-family:Times New Roman,arial,sans-serif;

background:url(http://d2.violet.vn/uploads/resources/608/timhong.gif) no-repeat center top;padding:5px;height:42px;color: #ff40ff;text-transform:uppercase;font-weight:bold;clear:both} /*Hinh nen phia tren khung khoi chuc nang*/

#side .content {

 background: url();

  _width: 190px;

  margin:1px 2px 2px 1px;

  display:block;

  padding: 4px;

  border: #C902FB; solid 2px;

border-color : blue;

border-width : 2px;

 border-style : double;

font-size: 14px;

 color: #ff40ff;

  padding-bottom: 0px;

}

#side .bottom{_width:190px;margin:0px 0px 10px 0px;background:url(Dkcnchiase.png) no-repeat center top;height:33px;display:block;clear:both;} /*H`NH ?NH HI?N TH? PHÍA DU?I KHUNG KH?I CH?C NANG*/

}

}

#side .content a {

  height: 14px;

}

#side .content li a {

  color: BROWN;

}

#side .content li {

  color: BLUE;

}

#side .content {

  color: BROWN;

}

.leftmenu {

  line-height:15px;

font-size: 14px;

 color: BROWN;

}

.leftmenu ul {

  padding: 0px;

  margin: 0px;

}

.leftmenu li {

font-size: 14px;

 color: #FFFEFE;

  display:block;

  padding: 0px;

  margin: 0px;

  border-bottom: dotted 1px #3DF903;

}

.leftmenu a {

font-size: 14px;

 color: BROWN;

  text-align:left;

  padding: 3px 5px;

  margin: 0px;

  display: block;

  border-left: 5px double #FC275F;

}

.leftmenu a span {float:none;}

.leftmenu a:hover {

font-size: 14px;

 color: BROWN;

  text-align:left;

  display: block;

  background:#F384F8;

  text-decoration: #0307F9;

  font-weight: normal;

  padding-left: 8px;

}

#side .content li a:hover {

  color: #FD00EE;            

}

a:link, a:visited {  /* MÀU CH? MENU CON, BÀI VI?T*/

 color:RED;

}

#top a:link, #top a:visited {

color: WHITE;

}

#welcome a {

  background-image: url();

}

.dropmenudiv {

 font:normal 12px Verdana;

 line-height:18px;

}

.dropmenudiv ul {

  border: 0px solid BROWN; /*MÀU KHUNG MENU X? XU?NG*/

}

.dropmenudiv a {

 font-size: 11px; /*C? CH? TRONG MENU X? XU?NG*/

 color: Blue;  /*MÀU CH? MENU X?  XU?NG*/

}

.dropmenudiv li {

  border-bottom: dotted 2px #03FE39; /*MÀU ÐU?NG K? PHÂN CÁCH LINK TRONG MENU X?  XU?NG */

 background: white; /*MÀU N?N TRONG MENU X?  XU?NG */

}

.dropmenudiv a:hover { /*THEME CHANGE HERE*/

 background:#FD7003; /*MAU NEN KHI RÊ CHU?T CH?N LINK TRONG MENU X?  XU?NG */

 text-decoration:underline;

}

#wrap3 {

 background:transparent;

 border:0px solid transparent;

 border-width:0 0px;

 overflow-x: hidden;

}.comments .comment2 {

  background: transparent;

   font-size: 14px;

   /*MÀU N?N M?C U KI?N 2*/

}

.comments .comment1

{

  background: transparent;

   font-size: 14px;

/* MÀU N?N M?C U KI?N 1*/

}

body {

 background:#0B292E;

color:BLUE;

}

.leftmenu ul {

  padding: 0px;

  margin: 0px;

}

.leftmenu li {

font-size: 13px;

 color: #FFFEFE;

  display:block;

  padding: 0px;

  margin: 0px;

  border-bottom: dotted 1px #3DF903;

}

.leftmenu a {

font-size: 14px;

 color: RED;

  text-align:left;

  padding: 3px 5px;

  margin: 0px;

  display: block;

  border-left: 5px double #FC275F;

}

.leftmenu a span {float:none;}

.leftmenu a:hover {

font-size: 14px;

 color: RED;

  text-align:left;

  display: block;

  background:#F384F8;

  text-decoration: #0307F9;

  font-weight: normal;

  padding-left: 8px;

}

#side .content li a:hover {    

  color: blue;            

}

.menutop {

  background:url() repeat-x center center;

background-color: #ff80ff; /*MÀU N?N PH?N C?N DU C?A MENU*/

  border: 2px solid YELLOW; /*MÀU ÐU?NG K? TRÊN VÀ VI?N TRÁI C?A MENU*/

  font-weight: normal;

  border-bottom: 2px solid YELLOW; /*MÀU ÐU?NG K? DU?I C?A MENU*/

}

.menutop a:hover {

  background:url() repeat-x center center;

background-color: #FD0314; /*MÀU N?N MENU KHI RÊ CHU?T VÀO*/

}

.menutop a {

  background:url() repeat-x center center;

background-color: #ff80ff; /*MÀU N?N  MENU*/

  border-RIGHT: 2px solid YELLOW; /*MÀU N?N K? PH?I C?A MENU*/

}

.menutop li {

  border-right: 0px solid RED; /*MÀU ÐU?NG K? TRÁI C?A MENU*/

}

#posts li {

 color:BLUE;background: url() top left no-repeat;

}

#smallposts li {

  background: url()

 color: BLUE;

 background: url() top left no-repeat;

}

.document li {

  background: url(Anhktuchiase.png) no-repeat center 0px;/*khungtu lieu khoi chinh*/

}

.document .over {

  background: transparent url( http://i1203.photobucket.com/albums/bb392/chautuanlt/kcdechuot.png) no-repeat center 0px;

}

.document a , .document a:visited{

  color: red;

  text-decoration: none;

}

.document a:hover {

  text-decoration: underline;

  cursor: pointer;

  color: BLUE;

}

.docgroup, .entrygroup, .entry, .doc {

  background: url();

font-size: 14px;

color: BLUE; 

}

.docgroup h2, .entrygroup h2, .entry h2, .doc h2 {

  padding: 10px 10px 0px 10px;

  margin: 0px 0px 0px 0px;

  min-height: 38px;

  clear: both;

  background:transparent url() repeat-x top left;

border-color : BLUE;

border-width : 0px;

 border-style : double;

  overflow-x: hidden;

  font-size: 14px;

font-color: #09FD37; 

  border-top: 0px solid #6727FA;

}

.docgroup .content, .entrygroup .content, .entry .content, .doc .content {

  background: transparent url( Duoikcchiase1.png ) repeat-x bottom left;/* ke khung tu lieu khoi chinh*/

border-color : BLUE;

border-width : 0px;

font-size: 14px;

 font-color: blue;

}

.entrygroup, .entry, .doc {

  background: ();

font-size: 16px;

 font-color: red;

}

#welcome a {

  background: transparent;

border-width : 2px;

 border-color : #02FB77;

 border-style : double;

}

#side h2{font-size:16px}#posts{width:100%;overflow-x:hidden;}

#posts li{padding-bottom:10px;

height:auto !important;

height:124px;min-height:124px;

background:#fff url(http://i1087.photobucket.com/albums/j463/bangvupro/back001BV-1.gif) top left no-repeat; /*MÀU NỀN KHUNG TƯ LIỆU - KHỐI CHÍNH*/

}

#smallposts li{padding-bottom:10px;

height:auto !important;

height:54px;min-height:54px;

background:#fff url(http://i1087.photobucket.com/albums/j463/bangvupro/back002BV-1.gif) top left no-repeat; /*MÀU NỀN KHUNG TƯ LIỆU KHI RÊ CHUỘT VÀO - KHỐI CHÍNH*/

}

.title{font-size:13px;

font-weight:bold;

margin:0;

text-transform:uppercase;

overflow:hidden;

}.title a:link,.title a:visited{color:BLUE;}.by{font-size:10px;margin:0 0 2px 0;

color:BROWN;

text-transform:uppercase;

}.txt,.blue{color:#117ca4;}.txt{font-style:italic;

font-size:12px;

padding-left:170px;

}.pic{float:left;

margin:7px 18px 7px 7px;