[Share] Code tạo box

_BruceLee_

Danh hiệuMEMBER

Demo:
[You must be registered and logged in to see this link.]

Hướng dẫn làm:

Chèn vào CSS:

Code:: div#bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}body{margin:0;padding:0;font-family:Verdana;font-size:15px;background-color:#ededed}a{text-decoration:none}a:hover{text-decoration:none}.txtstype{height:25px;margin-top:0}.txtcatname{height:25px;margin-top:0}.searchinputcat{width:200px;height:23px;font-size:14px;margin-top:2px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;padding-left:10px;border:0}#loading{width:100%;position:absolute}#pagination{text-align:center;margin-left:0}.pageli{list-style:none;float:left;margin-right:5px;padding:2px;border:solid 1px #ddd;background-color:#FFF;color:#0063dc;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px}.pageli hover{color:#ff0084;cursor:pointer}.pageliactive{list-style:none;float:left;margin-right:5px;padding:2px;border:solid 1px #f00;background-color:#FFF;color:#0063dc;-moz-border-radius:2px;-webkit-border-radius:2px}.pageliactive hover{color:#ff0084;cursor:pointer}.hiphomemenu li{list-style:none;float:left;margin-right:5px;height:21px;display:block;color:#FFF}.hiphomemenu li:hover{color:#ff0084;height:21px;cursor:pointer}a:link{color:#0063dc}a:visited{color:#0063dc}a:hover{color:#ff0084}a:active{color:#00f}.hipapplist li{list-style:none;float:left;padding:0}.hipapplist li:hover{cursor:pointer}.mask{display:block;position:absolute;z-index:10;width:57px;margin:5px;height:64px;background:url(/images/mask57.png) 0 0 no-repeat}.universal{display:block;position:relative;z-index:10;float:right;width:14px;height:14px;margin:2px 2px 0 0;background:url(/images/universal.png) 0 0 no-repeat}.gamecenter{display:block;position:relative;z-index:10;float:right;width:12px;height:20px;margin:2px 5px 0 0;background:url(/images/icon_game_center.png) 0 0 no-repeat}.navbox{width:100%;height:49px;clear:both;font-size:14px;line-height:49px;text-align:center;background:url(/images/navbg.png)}.comment_box{background-color:#d3e7f5;border-bottom:#fff solid 1px;padding-top:3px}.mainpagediv{text-align:left;display:block;width:100%;border:1px solid #d3e7f5}.hipappimg{width:75px;height:75px;float:left;margin:2px 0 0 2px}.mask75{display:block;position:absolute;z-index:10;border:0;width:75px;margin:2px 5px 5px 2px;height:85px;background:url(/images/mask_75_85_bg.png) 0 0 no-repeat}.hipwrapper{width:986px;display:inline-block;min-width:986px;height:auto;min-height:600px;text-align:center;background-color:#fff}.hipheader{width:986px;height:122px;display:block;background-image:url(http://heaveniphone.com/images/misc/vbulletin4_logo.png)}.homeout{clear:both;height:auto;display:block}.homeoutsearch{clear:both;height:auto;margin-left:45px;display:block}.hiphomemenu{width:965px;height:31px;min-height:31px;margin:10px 10px 10px 5px;padding:5px 0 0 10px;display:block;-moz-box-shadow:2px 2px 1px #999;-webkit-box-shadow:2px 2px 1px #999;box-shadow:2px 2px 1px #999;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#3e8ad3),color-stop(0.05,#3e8ad3),color-stop(1,#155db8));background-image:-moz-linear-gradient(top,#3e8ad3,#3e8ad3 5%,#155db8);background-image:-o-linear-gradient(top,#3e8ad3,#3e8ad3 5%,#155db8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3e8ad3,endColorstr=#155db8);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3e8ad3,endColorstr=#155db8)";border:1px solid #ccc}.hiphomemenuli{height:25px;display:block;text-align:center;padding:0 2px 0 2px;color:#FFF;font-weight:bold}.hiphomemenuli a{text-decoration:none}.hiphomemenuli a:hover{text-decoration:none;color:#FFF}.logout{color:#FFF;font-size:12px;display:block;float:right;margin-right:10px}.logout a:link{color:#FF0}.logout a:hover{color:#0FF}.hipappli{width:295px;height:93px;float:left;display:inline-block;background-color:#FFF;margin:10px 5px;-moz-box-shadow:0 0 5px 2px #d3d3d3;-webkit-box-shadow:0 0 5px 2px #d3d3d3;box-shadow:0 0 5px 2px #d3d3d3;background-image:-webkit-gradient(linear,0 0,0 100,from(#fff),to(#ededed));background-image:-moz-linear-gradient(top,#fff,#ededed);background-image:-o-linear-gradient(top,#fff,#ededed);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff,endColorstr=#ededed);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff,endColorstr=#ededed)";-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:1px solid #b4b4b4}.hipappversion{display:block;text-align:left;margin:2px 0 0 10px;width:180px;font-size:12px;float:left}.hipappcatname{display:inline-block;text-align:left;margin:2px 0 0 10px;font-size:12px;width:195px;float:left}.hipappappname{display:block;text-shadow:rgba(200,200,200,1) 1px 1px 0;font-size:14px;text-align:left;margin:5px 0 0 10px;width:180px;float:left}.clear{clear:both;height:0;width:0;visibility:hidden;display:block}.hipappdetailoutsite{width:930px;display:inline-block;float:left;margin:20px;padding:10px 5px;-moz-box-shadow:0 0 2px 2px #b4b4b4;-webkit-box-shadow:0 0 2px 2px #b4b4b4;box-shadow:0 0 2px 2px #b4b4b4;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:1px solid #9a9a9a;background:#FFF;min-height:300px;height:auto}.hipappdetailinfo{display:block;float:left;width:300px}.hipappdetailstore{float:left;width:600px;margin-left:15px;font-size:12px;text-align:left}.hipappdetaildownload{float:left;width:900px;margin:20px 0 0 15px;font-size:12px;text-align:left}body{border:1px solid #4EF1FF;border-radius:5px;padding:10px ! important;width:978px;margin:10px auto;background-color:rgba(255,255,255,0.2);box-shadow:0 0 5px 5px rgba(0,0,0,0.38);padding-top:20px;padding-top:35px !important}

Tiếp theo cho code này vào phần Mô tả:

Code:: <table border="0" width="170px" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" id="table1"> <td height="116"><li class="hipappli" id="533906464"> <div class="hipappimg"> <p align="left"><img src="http://i34.servimg.com/u/f34/15/44/78/93/thongb10.gif" width="75" height="75" /></div><div class="mask75"> <p align="left"></div> <div class="hipapplist"> <div class="hipappappname"><b><font color="green"><a href="/f31-forum" target="_blank">Game Online Mobile</a></font></b></div> </div> </li> </td> <td height="116"><li class="hipappli" id="533906464"> <div class="hipappimg"> <p align="left"><img src="http://i46.servimg.com/u/f46/15/86/65/76/evenkg10.gif" width="75" height="75" /></div><div class="mask75"> <p align="left"></div> <div class="hipapplist"> <div class="hipappappname"><b><font color="green"><a href="/f41-forum" target="_blank">Truyện Tự Sáng Tác</a></font></b></div> </div> </li> </td> <td height="116"><li class="hipappli" id="533906464"> <div class="hipappimg"> <p align="left"><img src="http://nghiloc1.org/images/tuyen_mod.jpg" width="75" height="75" /></div><div class="mask75"> <p align="left"></div> <div class="hipapplist"> <div class="hipappappname"><b><font color="green"><a href="/f44-forum" target="_blank">Truyện Game Online Chế</a></font></b></div> </div> </li> </td> </tr> <td height="116"><li class="hipappli" id="533906464"> <div class="hipappimg"> <p align="left"><img src="http://i46.servimg.com/u/f46/15/86/65/76/logoki10.jpg" width="75" height="75" /></div><div class="mask75"> <p align="left"></div> <div class="hipapplist"> <div class="hipappappname"><b><font color="green"><a href="/f45-forum" target="_blank">Truyện Ngắn Truyện Dài</a></font></b></div> </div> </li> </td> <td height="116"><li class="hipappli" id="533906464"> <div class="hipappimg"> <p align="left"><img src="http://i42.servimg.com/u/f42/13/82/55/09/2a1210.png" width="75" height="75" /></div><div class="mask75"> <p align="left"></div> <div class="hipapplist"> <div class="hipappappname"><b><font color="green"> <a href="/f46-forum" target="_blank">Truyện Tiểu Thuyết</a></font></b></div> </div> </li> </td> <td height="116"><li class="hipappli" id="533906464"> <div class="hipappimg"> <p align="left"><img src="http://i222.photobucket.com/albums/dd10/vnguicom/yellow_icon_set_png_ico_format_by_m.jpg" width="75" height="75" /></div><div class="mask75"> <p align="left"></div> <div class="hipapplist"> <div class="hipappappname"><b><font color="green"><a href="/f48-forum" target="_blank">Truyện Ma - Kinh Dị</a></font></b></div> </div> </li> </td> </tr> <td height="116"><li class="hipappli" id="533906464"> <div class="hipappimg"> <p align="left"><img src="http://img527.imageshack.us/img527/6389/reflectiveadobeiconsbyjbs2.jpg" width="75" height="75" /></div><div class="mask75"> <p align="left"></div> <div class="hipapplist"> <div class="hipappappname"><b><font color="green"><a href="/f49-forum" target="_blank">Truyện Vui Cười</a></font></b></div> </div> </li> </td> <td height="116"><li class="hipappli" id="533906464"> <div class="hipappimg"> <p align="left"><img src="http://i222.photobucket.com/albums/dd10/vnguicom/BigDD__s_Icones_Pack_by_bigdd.jpg" width="75" height="75" /></div><div class="mask75"> <p align="left"></div> <div class="hipapplist"> <div class="hipappappname"><b><font color="green"><a href="/f50-forum" target="_blank">Văn Thơ - Danh Ngôn</a></font></b></div> </div> </li> </td> <td height="116"><li class="hipappli" id="533906464"> <div class="hipappimg"> <p align="left"><img src="http://i222.photobucket.com/albums/dd10/vnguicom/BigDD__s_Icones_Pack_by_bigdd.jpg" width="75" height="75" /></div><div class="mask75"> <p align="left"></div> <div class="hipapplist"> <div class="hipappappname"><b><font color="green"><a href="/f51-forum" target="_blank">Truyện Tình Tuổi Teen</a></font></b></div> </div> </li> </td> </table>

Hướng dẫn thay link và ảnh như sau:

- Thay đoạn link ảnh

Code:

<img src="Link URL ảnh" width="75" height="75" />

- Thay link chuyên mục /f51-forum ( Trong đó 51 là số ID của từng chuyên mục )

1 [Share] Code tạo box