1. Trang Chủ
  2. Thể dục 10
  3. Giao diện trong suốt và đổi màu

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

CÁC GIAO DIỆN ĐỔI MÀU 1. Giao diện SA KIN hiện đang dùng : 16.06.2012 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{_widt

Thể loại Giáo án bài giảng Thể dục 10

Số trang 1

Ngày tạo 4/10/2013 9:59:04 AM +00:00

Loại tệp doc

Kích thước 0.59 M

Tên tệp cac giao dien doi mau doc

Download

 

CÁC GIAO DIỆN ĐỔI MÀU

1.  Giao diện  SA KIN hiện đang dùng : 16.06.2012

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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;

}

 

 

2. Giao diện  CHÂU TUẤN

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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;

}

 

 

  1. Giao diện trong suốt của thầy VŨ NGỌC HẢI BẰNG ( BẰNG VŨ…)

 

 

#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;

}

#smallposts .pic{margin:5px 18px 7px 5px;}.pos1{clear:both;}

#letters{line-height:2;padding-bottom:2px;}.size1

{font-size:10px;}.size2{font-size:12px;}.size3{font-size:15px;}.size4{font-size:17px;}.size5{font-size:22px;font-weight:bold;

}.pager{float:left;clear:both;

width:100%;padding:10px 10px 10px 10px;}.pager .float-right{float:left;}.float-left{float:left;

}.float-right{float:right;margin-right:20px;}.comments{padding:0px;

width:528px;_width:100%;color:#3333FF

}.comments .navigator{color:#3366FF;

font-size:11px;margin:0px 0px 0px 0px;float:left;}.comments .comment2

{width:100%;border:1px solid #DDDDDD;margin:0px 0px 10px 0px;padding:10px 10px 10px 10px;

float:left;text-color:RED;

}.comments .comment1{width:100%;background-color:#f6f6f6;

border:1px solid #DDDDDD;

margin:0px 0px 10px 0px;padding:10px 10px 10px 10px;float:left;

text-color:#3366FF;

}.comments .avatar{width:60px;height:60px;border:1px solid #CCCCCC;

background-color:#FFFFFF;

padding:3px 3px 3px 3px;margin:5px 5px 5px 5px;text-align:center;float:left;}.comment-edit{text-align:left;

}.comment-author{text-align:right;}.document li{display:block;text-align:center;float:left;

background-color:#FFFFFF;

margin:0px 0px 5px 0px;

padding:0px 0px 0px 0px;width:174px;

height:150px;cursor:pointer;

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

background-position:center 0px;overflow:hidden;}.document .over

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

}.document a,.document a:visited{color:#777777;text-decoration:none;}.document a:hover{text-decoration:underline;cursor:pointer;

}.document li label{text-align:center;line-height:1em;

font-size:0.8em;margin:4px 12px 2px 12px;

display:block;

}.document li img{display:block;

background-color:#FFFFFF;text-align:center;

margin:10px auto 0px auto;

padding:0px 0px 0px 0px;

cursor:pointer;

}.shortdesc{width:259px;float:left;text-align:left;padding:10px 0px 0px 0px;}.shortdesc img{float:left;margin-right:10px;}.shortdesc h3

{padding:0px;margin:0px;font-size:12px;line-height:normal;}

 

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

  padding: 10px 10px 0px 10px;

  margin: 0px 0px 0px 0px;

  min-height: 25px;

  clear: both;

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

background: YELLOW; /*MÀU NỀN KHUNG TIÊU ĐỀ - KHỐI CHÍNH*/

  overflow-x: hidden;

  font-size: 14px; 

}

 

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

  background: #5FFEA1; /*MÀU NỀN KHUNG NỘI DUNG - KHỐI CHÍNH*/

}

 

.entrygroup, .entry, .doc {

  background: BLACK;

}

 

 

 

#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://i1087.photobucket.com/albums/j463/bangvupro/header-1.gif) no-repeat center top;padding:5px;height:42px;color:#ffffff;text-transform:uppercase;font-weight:bold;clear:both} /*HÌNH ẢNH HIỂN THỊ PHÍA TRÊN KHUNG KHỐI CHỨC NĂNG*/

 

#side .content {

  _width: 190px;

  margin:0px 0px 0px 0px;

  background: #5FFEA1; /*MÀU NỀN KHUNG NỘI DUNG - KHỐI CHỨC NĂNG*/

  display:block;

  padding: 1px;

  border-left: 4px solid #FFFFFF; /*MÀU ĐƯỜNG KẺ TRÁI KHUNG KHỐI CHỨC NĂNG*/

  border-right: 4px solid #FFFFFF; /*MÀU ĐƯỜNG KẺ PHẢI KHUNG KHỐI CHỨC NĂNG*/

border-top: 4px solid #FFFFFF;  /*MÀU ĐƯỜNG KẺ TRÊN KHUNG KHỐI CHỨC NĂNG*/

border-bottom: 4px solid #FFFFFF; /*MÀU ĐƯỜNG KẺ DƯỚI KHUNG KHỐI CHỨC NĂNG*/

  padding-bottom: 3px;

padding-top: 3px;

}

.selected {

  background: BROWN;

}

#side .bottom{_width:190px;margin:0px 0px 10px 0px;background:url(http://bangvu.webng.com/BAR7MAU_bvu190.gif) no-repeat center top;height:23px;display:block;clear:both;} /*HÌNH ẢNH HIỂN THỊ PHÍA DƯỚI KHUNG KHỐI CHỨC NĂNG*/

 

 

}

#side .content a {

  height: 15px;

}

#side .content li a {

  color: BLUE; /*MÀU CHỮ LINK Ý KIẾN THÀNH VIÊN - KHỐI CHỨC NĂNG*/

}

#side .content li {

  color: BLUE; /*MÀU CHỮ TRONG MỤC THỐNG KÊ Ở KHỐI CHỨC NĂNG*/

  border-bottom: dotted 1px #FFFFFF;

}

#side .content {

  color: BLUE;  /*MÀU CHỮ NỘI DUNG Ở KHỐI CHỨC NĂNG*/

}

.leftmenu {

  line-height:15px;

}

 

.leftmenu ul {

  padding: 0px;

  margin: 0px;

}

 

.leftmenu li {

  display:block;

  padding: 0px;

  margin: 0px;

  border-bottom: 2px dotted white; /*MÀU ĐƯỜNG KẺ PHÂN CÁCH TRONG MỤC Ý KIẾN THÀNH VIÊN - KHỐI CHỨC NĂNG*/

}

 

 

.menutop {

  background:url() repeat-x center center;

background-color: #0325FD; /*MÀU NỀN PHẦN CÒN DƯ CỦA MENU*/

  border: 2px solid YELLOW; /*MÀU ĐƯỜNG KẺ TRÊN VÀ VIỀN TRÁI CỦA MENU*/

  font-weight: normal;

  border-bottom: 2px solid YELLOW; /*MÀU ĐƯỜNG KẺ DƯỚI CỦA MENU*/

}

.menutop a:hover {

  background:url() repeat-x center center;

background-color: RED; /*MÀU NỀN MENU KHI RÊ CHUỘT VÀO*/

}

.menutop a {

  background:url() repeat-x center center;

background-color: #0325FD; /*MÀU NỀN MENU*/

  border-RIGHT: 2px solid YELLOW; /*MÀU ĐƯỜNG KẺ PHẢI CỦA MENU*/

 

}

.menutop li {

  border-right: 0px solid YELLOW; /*MÀU ĐƯỜNG KẺ TRÁI CỦA MENU*/

 

}

 

#top a:link {

color: white;  /*MÀU CHỮ MENU KHI CHƯA NHẤN CHUỘT VÀO*/

}

#top a:visited {

color: WHITE;  /*MÀU CHỮ MENU KHI ĐÃ NHẤN CHUỘT VÀO*/

}

#welcome a {

  background: GREEN; /*MÀU NỀN CHỮ THOÁT CẠNH TÊN THÀNH VIÊN GÓC PHẢI TRÊN*/

}

 

.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: WHITE;  /*MÀU CHỮ MENU XỔ XUỐNG*/

 

}

 

.dropmenudiv li {

  border-bottom: dotted 2px #03FE39; /*MÀU ĐƯỜNG KẺ PHÂN CÁCH LINK TRONG MENU XỔ XUỐNG*/

 background: BLUE; /*MÀU NỀN TRONG MENU XỔ XUỐNG*/

}

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

 background:YELLOW; /*MÀU NỀN KHI RÊ CHUỘT CHỌN LINK TRONG MENU XỔ XUỐNG*/

 text-decoration:underline;

}

 

 

 

#wrap3 {

 background: #057CFB;  /*MÀU NỀN CHUNG CHO CẢ TRANG*/

 border:1px solid YELLOW; /*MÀU KHUNG CHUNG CHO CẢ TRANG*/

 border-width:0 2px;

 overflow-x: hidden;

}

 

.comments .comment2 {

  background-color: #FF9999;  /*MÀU NỀN MỤC Ý KIẾN 2*/

}

 

.comments .comment1

{

  background-color: lightyellow; /*MÀU NỀN MỤC Ý KIẾN 1*/

}

body {

 background: #057CFB; /*MÀU NỀN BÊN NGOÀI TRANG*/

 

4. Giao diện trong suốt của thầy  thanhtruc80

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ớ)

 

<link rel="stylesheet" type="text/css" media="screen" href="http://users8.jabry.com/thanhtruc80/thanhtruc.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 : thanhtruc.css như sau:

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

background:url() no-repeat center top;padding:5px;height:20px;color:blue;text-transform:uppercase;font-weight:bold;clear:both} /*H&#3628;NH ?NH HI?N TH? PH&#3629;A TR&#3626;N KHUNG KH?I CHUC NANG*/

 

#side .content {

 background: url();

 

  _width: 190px;

  margin:1px 2px 2px 1px;

 

  display:block;

  padding: 4px;

  border: #C902FB; solid 1px;

border-color : Black;

border-width : 0px;

 border-style : double;

font-size: 12px;

 color: #FFFEFE;

  padding-bottom: 0px;

}

#side .bottom{_width:190px;margin:0px 0px 10px 0px;background:url()no-repeat center top;height:20px;display:block;clear:both;} /*H&#3628;NH ?NH HI?N TH? PH&#3629;A DU?I KHUNG KH?I CHUC NANG*/

 

 

}

 

}

#side .content a {

  height: 14px;

}

#side .content li a {

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

}

#side .content li {

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

}

#side .content {

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

}

.leftmenu {

  line-height:15px;

font-size: 16px;

 color: blue;

}

 

.leftmenu ul {

  padding: 0px;

  margin: 0px;

}

 

.leftmenu li {

font-size: 16px;

 color: #FFFEFE;

  display:block;

  padding: 0px;

  margin: 0px;

  border-bottom: dotted 1px #3DF903;

}

 

.leftmenu a {

font-size: 16px;

 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: 16px;

 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:blue; /*MAU CHU TIEU DE KHOI CHINH BAI VIET*/

}

a:hover { 

 color:Black;

}

a:visited {

    color:blue;

}

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

font:bold 13px Arial;

color: blue; /*m&#3648;u ch? menu ngang*/

}

#top a:hover {

color: blue;  /*MÀU CH&#7918; MENU KHI re CHU&#7896;T VÀO*/

}

#welcome a {

  background-image: url();

}

.dropmenudiv {

 font:normal 12px Verdana;

 line-height:18px;

}

 

.dropmenudiv ul {

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

 

}

 

.dropmenudiv a {

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

 color: blue;  /*M&#3616;U CHU MENU XO XUONG*/

 

}

 

.dropmenudiv li {

  border-bottom: 1px dotted #03FE39; /*M&#3616;U DUONG KE PH&#3618;N C&#3617;CH LINK TRONG MENU XO XUONG*/

 background: transparent; /*M&#3616;U NEN TRONG MENU XO XUONG*/

}

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

 background:#FD7003; /*M&#3616;U NEN KHI R&#3626; 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: transparent;

   font-size: 14px;

   color:blue

   /*M&#3616;U NEN M?C &#63683; KI?N 2*/

}

 

.comments .comment1

{

  background: transparent;

   font-size: 14px;

      color:Black

/*M&#3616;U NEN M?C &#63683; KI?N 1*/

}

 

body {

 background:transparent;

color:#04FC04;

}

 

.leftmenu ul {

  padding: 0px;

  margin: 0px;

}

 

.leftmenu li {

font-size: 13px;

 color: Black;

  display:block;

  padding: 0px;

  margin: 0px;

  border-bottom: dotted 1px #3DF903;

}

 

.leftmenu a {

font-size: 14px;

 color: Black;

  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: Black;

  text-align:left;

  display: block;

  background:#F384F8;

  text-decoration: #0307F9;

  font-weight: normal;

  padding-left: 8px;

}

#side .content li a:hover {    

  color: Black;            

}

.menutop {

  background:transparent url(); /*M&#3616;U NEN PHAN C&#3634;N DU CUA MENU*/

font-size: 14px;

border: 0px solid Black; /*M&#3616;U DUONG KE TR&#3626;N V&#3616; VI?N TR&#3617;I CUA MENU*/ 

font-weight: normal;  border-bottom: 0px solid Black; /*M&#3616;U DUONG KE DU?I CUA MENU*/

}

.menutop a:hover {

  background:url() repeat-x center center;

background-color: lightred; /*M&#3616;U NEN MENU KHI R&#3626; CHUOT V&#3616;O*/

}

.menutop a {

  background:url() repeat-x center center;

background:transparent url(); /*M&#3616;U NEN MENU*/

  border-RIGHT: 0px solid Black; /*M&#3616;U DUONG KE PHAI CUA MENU*/

 

 

}

.menutop li {

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

}

 

#posts li {

 background: url() top left no-repeat;

}

 

#smallposts li {

 background: url() top left no-repeat;

 color: #04FC04;

 

}

.document li {

  background: url(http://d3.violet.vn/uploads/previews/blog/4779/backts1_01.gif) no-repeat center 0px;

}

 

.document .over {

  background: transparent url(http://d3.violet.vn/uploads/previews/blog/4779/backts1_01.gif) no-repeat center 0px;

}

.document a , .document a:visited{

  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 {

  background: url();

font-size: 14px;

color: Black;  /* MAU CHU BAI VIET KHOI CHINH */

}

 

.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 : Black;

border-width : 0px;

 border-style : double;

  overflow-x: hidden;

  font-size: 16px; color: blue; /*MAU CHU TIEU DE KHOI CHINH TU TAO*/ 

  border-top: 0px solid #6727FA;

}

 

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

  background: transparent;

border-color : Black;

border-width : 0px;

 

font-size: 14px; color: Black; /* MAU CHU BAI VIET KHOI CHINH */

 

}

 

.entrygroup, .entry, .doc {

  background: url ();

 

font-size: 14px; color: blue;

 

}

#welcome a {

  background: transparent;

border-width : 2px;

 border-color : #02FB77;

 border-style : double;

}

 

5. Giao diện trong suốt của thầy  THANH DƯƠNG

 

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ớ)

 

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

"http://users5.nofeehost.com/thanhduongltv/skin/skinminhkients.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 : skinminhkients.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/606/header1.gif) no-repeat center top;padding:5px;height:42px;color:Blue;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();

 

  _width: 190px;

  margin:1px 2px 2px 1px;

 

  display:block;

  padding: 4px;

  border: #C902FB; solid 1px;

border-color : blue;

border-width : 0px;

 border-style : double;

font-size: 14px;

 color: #FFFEFE;

  padding-bottom: 0px;

}

#side .bottom{_width:190px;margin:0px 0px 10px 0px;background:url(http://d3.violet.vn/uploads/previews/blog/4779/bar_mkien.gif) no-repeat center top;height:23px;display:block;clear:both;} /*HÌNH ?NH HI?N TH? PHÍA DU?I KHUNG KH?I CHUC NANG*/

 

 

}

 

}

#side .content a {

  height: 14px;

}

#side .content li a {

  color: brown;

}

#side .content li {

  color: While;

}

#side .content {

  color: Blue;

}

.leftmenu {

  line-height:15px;

font-size: 14px;

 color: purple;

}

 

.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: #14FC03;

  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: purple;

  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 {  /* Mau chu menu con */

 color:Blue;

}

a:visited { /*Màu ch? bài vi?t*/

    color:Blue;

}

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

color: Blue; font-weight:bold; /*màu ch? menu ngang*/

}

#welcome a {

  background-image: url();

}

.dropmenudiv {

 font:normal 12px Verdana;

 line-height:18px;

}

 

.dropmenudiv ul {

  border: 0px solid #14FC03; /*MÀU KHUNG MENU XO XUONG*/

 

}

 

.dropmenudiv a {

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

 color: purple;  /*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*/

 text-decoration:underline;

}

#wrap3 {

 background:transparent;

 border:0px solid transparent;

 border-width:0px;

 overflow-x: hidden;

}.comments .comment2 {

  background: transparent;

   font-size: 16px;

   color:purple

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

}

 

.comments .comment1

{

  background: transparent;

   font-size: 16px;

      color:Blue

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

}

body {

 background:#0B292E;

color:purple;

}

 

.leftmenu ul {

  padding: 0px;

  margin: 0px;

}

 

.leftmenu li {

font-size: 13px;

 color: Blue;

  display:block;

  padding: 0px;

  margin: 0px;

  border-bottom: dotted 1px #3DF903;

}

 

.leftmenu a {

font-size: 14px;

 color: Blue;

  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: Blue;

  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:transparent url(); /*MÀU NEN PHAN CÒN DU CUA MENU*/  border: 0px solid blue; /*MÀU DUONG KE TRÊN VÀ VI?N TRÁI CUA MENU*/  font-weight: normal;  border-bottom: 0px solid blue; /*MÀU DUONG KE DU?I CUA MENU*/}.menutop a:hover {  background:url(') repeat-x center;

 

}

.menutop a {

  background:url() repeat-x center center;

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

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

 

}

.menutop li {

  border-right: 0px solid yellow; /*MÀU DUONG KE TRÁI CUA MENU*/

}

 

#posts li {

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

}

 

#smallposts li {

  background: url()

 color: purple;

 background: url() top left no-repeat;

}

.document li {

  background: url(http://d4.violet.vn/uploads/blogs/4779/back001mkien.gif) no-repeat center 0px;

}

 

.document .over {

  background: transparent url(http://d4.violet.vn/uploads/blogs/4779/back002mkien.gif) no-repeat center 0px;

}

.document a , .document a:visited{

  color: Blue;

  text-decoration: none;

}

 

.document a:hover {

  text-decoration: underline;

  cursor: pointer;

  color: purple;

}

 

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

  background: url();

font-size: 14px;

color: purple; 

}

 

.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;

border-color : blue;

border-width : 0px;

 

font-size: 14px;

 font-color: Blue;

 

}

 

.entrygroup, .entry, .doc {

  background: ();

 

font-size: 16px;

 font-color: Blue;

 

}

#welcome a {

  background: transparent;

border-width : 1px;

 border-color : #02FB77;

 border-style : double;

}

 

6. Giao diện trong suốt của

 

 

<link rel="stylesheet" type="text/css" media="screen" href="http://d1.violet.vn/cache/544515a4e5f1593dc63488d09634b418_1333682809.css">

 

 

 

nguon VI OLET
Thể dục 6 Thể dục 7 Thể dục 8 Thể dục 9 Thể dục 10 Thể dục 11 Thể dục 12 Khác (Thể dục)