Cái này 4rum đang dùng nì, rất nhẹ và hay!
- Đề mô- Hướng dẫn:+ Chèn vào cuối CSS:
- Code:
/* SLIMBOX */
#lbOverlay{position:fixed;z-index: 999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer;}
#lbCenter,#lbBottomContainer{position:absolute;z-index: 999;overflow:hidden;background-color:#fff;}
.lbLoading{background:#fff url(http://i28.servimg.com/u/f28/13/98/42/59/novfao10.gif) no-repeat center;}
#lbImage{position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;}
#lbPrevLink,#lbNextLink{display:block;position:absolute;top:0;width:50%;outline:none;}
#lbPrevLink{left:0;}
#lbPrevLink:hover{background:transparent url(http://i28.servimg.com/u/f28/13/98/42/59/11qo2n10.gif) no-repeat 0 15%;}
#lbNextLink{right:0;}
#lbNextLink:hover{background:transparent url(http://i28.servimg.com/u/f28/13/98/42/59/1r7u6o10.gif) no-repeat 100% 15%;}
#lbBottom{font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:10px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none;}
#lbCloseLink{display:block;float:right;width:66px;height:22px;background:transparent url(http://i28.servimg.com/u/f28/13/98/42/59/1217by10.gif) no-repeat center;outline:none;margin:5px 0;}
#lbCaption,#lbNumber{margin-right:71px;}
#lbCaption{font-weight:bold;}
+ Vào overall_header, tìm code sau:
- Code:
<script src="{JQUERY_PATH}" type="text/javascript"></script>
chèn vào sau code trên bằng code
- Code:
<script type="text/javascript" src="http://baivong.googlecode.com/files/cfvietlight.js"></script>
Nguồn: Baivong