Thiếu css nữa ai cần mình hướng dẫn cho... Nói trước, cập nhật tốn rất nhiều thời gian... không tự động cập nhật đâu nhé dùng cái này để dùng Nivo Slider, vừa đẹp vừa dễ cập nhật
Thêm vào EXTRA.css Mã: /* start topstories */ .topstories div, p { margin: 0; padding: 0; } .topstories .clear { clear: both; position: relative; } .topstories { padding-bottom: 20px; width: 650px; } .topstories .a_block { display: inline; float: left; margin-bottom: 1px; margin-left: 1px; position: relative; text-decoration: none; } .topstories .a_block_first { margin-left: 0; } .topstories .a_block img { display: inline; float: left; } .topstories .a_block .txt_holder { bottom: 0; cursor: pointer; left: 0; position: absolute; } .topstories .a_block .txt_holder p { color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 15px; line-height: 16px; padding: 8px 10px; position: relative; text-decoration: none; } .topstories .a_block .txt_holder p:hover { color: #AAAAAA; } .topstories .a_block_hover .txt_holder p { color: #00BDF6; } .topstories .a_block .txt_holder p .txts { position: relative; z-index: 10; } .topstories .a_block .txt_holder p .bg { background: none repeat scroll 0 0 #003350; border: 0 none; bottom: 0; height: 100%; left: 0; opacity: 0.6; position: absolute; width: 100%; } .topstories .a_block .txt_holder .timestamp, .topstories .a_block .txt_holder .badge { border: 0 none; color: #DDDDDD; font-size: 10px; line-height: 20px; padding: 0 10px; position: absolute; text-transform: uppercase; top: -20px; } .topstories .a_block .txt_holder .timestamp .txts, .topstories .a_block .txt_holder .badge .txts { font-family: georgia,serif; position: relative; z-index: 10; } .topstories .a_block .txt_holder .timestamp .txts .smaller, .topstories .a_block .txt_holder .badge .txts .smaller { font-size: 9px; } .topstories .a_block .txt_holder .timestamp .bg { background: none repeat scroll 0 0 #49853E; border: 0 none; bottom: 0; height: 100%; left: 0; opacity: 0.6; position: absolute; width: 100%; } .topstories .a_block_lg { height: 150px; width: 384px; } .topstories .a_block_lg p { width: 364px; } .topstories .a_block_md { height: 150px; width: 265px; } .topstories .a_block_md p { width: 245px; } .topstories .a_block_sm { height: 150px; width: 216px; } .topstories .a_block_sm p { width: 196px; } .topstories .a_block_more { height: 80px; width: 216px; } .topstories .a_block_sm p { width: 196px; } .topRightBlocks, .midRightBlocks, .btmRightBlocks { float: none; width: auto; } .topLeftBlocks, .midLeftBlocks, .btmLeftBlocks { float: left; } .topRightBlocks .section:first-child, .midRightBlocks .section:first-child, .btmRightBlocks .section:first-child, .topLeftBlocks .section:first-child, .midLeftBlocks .section:first-child, .btmLeftBlocks .section:first-child { margin-top: 0; } .topRightBlocks { } .topRightBlocks:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* end topstories */ Tạo 1 template mới tên nvh_topstories (sau này cập nhật trong template này), nội dung: Mã: <div class="sidebar topRightBlocks"> <div id="topstories" class="topstories"> <div class="grid_holder"> <a class="a_block_first a_block a_block_lg" title="Đánh giá Sony Neo L - bởi vuhai6" href="threads/1430728/"> <img class="block_img" width="384" height="150" src="https://simage.tinhte.vn/data.php?url=http://cdn.tinhte.vn/attachments/624846/&w=384&h=150"> <div class="txt_holder"> <p> <span class="txts">Đánh giá Sony Neo L</span> <span class="bg"></span> </p> <div class="timestamp"> <span class="txts">10/8/12 07:08</span> <span class="bg"></span> </div> </div> </a> <a class="a_block a_block_md" title="Trên tay Samsung Galaxy Note 10.1 - bởi cuhiep" href="threads/1438133/"> <img class="block_img" width="265" height="150" src="https://simage.tinhte.vn/data.php?url=http://cdn.tinhte.vn/attachments/629775/&w=265&h=150"> <div class="txt_holder"> <p> <span class="txts">Trên tay Samsung Galaxy Note 10.1</span> <span class="bg"></span> </p> <div class="timestamp"> <span class="txts">10/8/12 04:08</span> <span class="bg"></span> </div> </div> </a> <a class="a_block_first a_block a_block_sm" title="[Cận cảnh] Xe Vespa LX 125 i.e phiên bản Trái táo - bởi cuLong" href="threads/1435802/"> <img class="block_img" width="216" height="150" src="https://simage.tinhte.vn/data.php?url=http://cdn.tinhte.vn/attachments/628162/&w=216&h=150"> <div class="txt_holder"> <p> <span class="txts">[Cận cảnh] Xe Vespa LX 125 i.e phiên bản Trái táo</span> <span class="bg"></span> </p> <div class="timestamp"> <span class="txts">10/8/12 11:08</span> <span class="bg"></span> </div> </div> </a> <a class="a_block a_block_sm" title="Cần Thơ - Offline nhiếp ảnh cơ bản: Làm chủ máy ảnh, Khơi nguồn cảm hứng 11-12/08/12 - bởi starnt" href="threads/1432587/"> <img class="block_img" width="216" height="150" src="https://simage.tinhte.vn/data.php?url=http://media.tinhte.vn/photo/var/resizes/starnt/P1040148.JPG?m=1344386106&w=216&h=150"> <div class="txt_holder"> <p> <span class="txts">Cần Thơ - Offline nhiếp ảnh cơ bản: Làm chủ máy ảnh, Khơi nguồn cảm hứng 11-12/08/12</span> <span class="bg"></span> </p> <div class="timestamp"> <span class="txts">09/8/12 03:08</span> <span class="bg"></span> </div> </div> </a> <a class="a_block a_block_sm" title="[Thi Infographic] Tốc độ của muôn loài... - bởi TEDMUCHAN" href="threads/1375898/"> <img class="block_img" width="216" height="150" src="https://simage.tinhte.vn/data.php?url=http://cdn.tinhte.vn/attachments/626211/&w=216&h=150"> <div class="txt_holder"> <p> <span class="txts">[Thi Infographic] Tốc độ của muôn loài...</span> <span class="bg"></span> </p> <div class="timestamp"> <span class="txts">08/8/12 02:08</span> <span class="bg"></span> </div> </div> </a> </div> <div class="clear"></div> </div> </div> cho code này vào chổ cần chèn Mã: <xen:include template="nvh_topstories" /> Nếu bên ấy có addon, mấy chú muốn nhái site của tt, thì cứ chờ
cho code này vào chổ cần chèn Mã: <xen:include template="nvh_topstories" /> Cái này nên chèn vào đâu hả bác, em muốn phía dưới chân của xenporta ấy ah . Hoặc trên đỉnh đầu Forum nếu bác biết
Các bác chỉ em cách chèn sao cho nó chỉ hiện ở trong mục "forum" với, em chèn cái mở mục nào nó cũng hiện ah :"( chèn ở trên diễn đàn hay ở dưới cũng đc ah :"(
