A14 Tôi yêu

Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.
A14 Tôi yêu

Tập đoàn đầu tư và phát triển toàn diện tài năng và nhan sắc

Latest topics

» TG 24 giờ qua ảnh: Người đàn ông thi leo cột mỡ
by handsomevip007 Wed 29 Aug 2012, 18:15

» Sấm sét Hà Nội lên tạp chí Mỹ
by handsomevip007 Wed 29 Aug 2012, 18:15

» Chùm ảnh:Lính Anh khỏa thân tập thể ủng hộ Hoàng tử Harry
by handsomevip007 Wed 29 Aug 2012, 18:14

» TG 24 giờ qua ảnh: Học viên cảnh sát rèn luyện
by handsomevip007 Wed 29 Aug 2012, 18:14

» Tóc bóng nước nổ tung trên đầu trọc mẫu nghiệp dư
by handsomevip007 Wed 29 Aug 2012, 18:14

» Cận cảnh hà mã quyết chiến tranh ngôi đầu đàn
by handsomevip007 Wed 29 Aug 2012, 18:13

» TG 24 giờ qua ảnh: Bé trai bị thương chờ điều trị
by handsomevip007 Wed 29 Aug 2012, 18:13

» TG 24 giờ qua ảnh: ‘Thây ma’ ngồi chờ tàu điện
by handsomevip007 Wed 29 Aug 2012, 18:13

» TG 24 giờ qua ảnh: Trẻ em chơi đùa với... trăn
by handsomevip007 Wed 29 Aug 2012, 18:13

» TG 24 giờ qua ảnh: Tiệc cưới dang dở vì cháy rừng
by handsomevip007 Wed 29 Aug 2012, 18:12

» Chùm ảnh: Bữa ăn hụt của sư tử chột
by handsomevip007 Wed 29 Aug 2012, 18:12

» Chùm ảnh: Giải cứu báo mắc kẹt trên hàng rào sắt
by handsomevip007 Wed 29 Aug 2012, 18:12

» Chế quai cho dép tông từ vải hoa
by handsomevip007 Wed 29 Aug 2012, 18:08

» Nhẫn cực xinh cực độc từ cán thìa
by handsomevip007 Wed 29 Aug 2012, 18:08

» Pha chế sơn móng tay từ phấn mắt
by handsomevip007 Wed 29 Aug 2012, 18:07

» Độc đáo vòng tay kết từ khuy
by handsomevip007 Wed 29 Aug 2012, 18:07

» Đan báo cũ thành thùng đựng đồ hữu dụng
by handsomevip007 Wed 29 Aug 2012, 18:07

» Độc đáo vườn treo trong nhà
by handsomevip007 Wed 29 Aug 2012, 18:06

» Bánh pancake theo phong cách Đức có gì lạ?
by handsomevip007 Wed 29 Aug 2012, 18:01

» Lạ miệng món salad bơ với cà chua
by handsomevip007 Wed 29 Aug 2012, 18:01

» Công thức bánh Madeleine pho mát tuyệt hảo
by handsomevip007 Wed 29 Aug 2012, 18:00

» Lạ miệng món mỳ gà nấu nước dừa
by handsomevip007 Wed 29 Aug 2012, 18:00

» Đẹp da với nước ép cà chua
by handsomevip007 Wed 29 Aug 2012, 18:00

» Ngọt ngào hương vị cà phê caramen
by handsomevip007 Wed 29 Aug 2012, 17:58

» TG 24h qua ảnh: Chiến binh tránh đạn bắn tỉa
by handsomevip007 Sat 25 Aug 2012, 14:53

» TG 24 giờ qua ảnh: Diễn tập sơ tán khỏi tòa nhà
by handsomevip007 Sat 25 Aug 2012, 14:52

» TG 24 giờ qua ảnh: Người biểu tình TQ phá xe Nhật
by handsomevip007 Sat 25 Aug 2012, 14:52

» Món tiết canh dưới ống kính nhiếp ảnh gia Đức
by handsomevip007 Sat 25 Aug 2012, 14:51

» TG 24 giờ qua ảnh: Cậu bé không bàn chân chơi bóng
by handsomevip007 Sat 25 Aug 2012, 14:46

» Nữ VĐV Wushu xinh đẹp, vung kiếm như phim kiếm hiệp
by handsomevip007 Fri 24 Aug 2012, 14:26

Chào bạn! Khách viếng thăm

    [TUT by hand]Index_box chia 2 cột tự động

    handsomevip007
    handsomevip007
    ĐẠI TƯỚNG CAO CẤP-Lv.6
    ĐẠI TƯỚNG CAO CẤP-Lv.6

    Số bài : 4020
    A14$ : 4498
    Danh tiếng : 920
    Tham gia : 01/12/2010


    Medal:
    Pet:
    Goods:

    [TUT by hand]Index_box chia 2 cột tự động  Empty [TUT by hand]Index_box chia 2 cột tự động

    Bài gửi by handsomevip007 Mon 06 Feb 2012, 18:43

    *Giới thiệu
    Trước mắt mình chia sẻ các bạn mẫu index_box mình tạo trước. Sau này nếu có điều kiện sẽ hướng dẫn các bạn chỉnh ngay trên forum các bạn [TUT by hand]Index_box chia 2 cột tự động  343215

    *Demo
    https://i.servimg.com/u/f44/15/64/85/86/cp11410.jpg

    *Index_box
    Code:
    <div class="pun-crumbs">
       <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
    </div>
    <div class="main">
    <!-- BEGIN catrow -->
       <!-- BEGIN tablehead -->
          <div class="main-head">
             <div class="page-title">{catrow.tablehead.L_FORUM}</div>
          </div>
          <div class="main-content">
             <table cellspacing="0" class="table">
                <tbody class="statused">
                   <tr>
                      <td>
       <!-- END tablehead -->

       <!-- BEGIN forumrow -->
                         <div class="box">
                         <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                         <br />
                         <div class="box1">{catrow.forumrow.FORUM_DESC}</div>
                         <div class="box2">
                            <!-- BEGIN switch_topic_title -->
                            <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                            <!-- END switch_topic_title -->
                            {catrow.forumrow.USER_LAST_POST}
                         </div>
                         <center><div class="box3"><strong>{catrow.forumrow.TOPICS}</strong> chủ đề | <strong>{catrow.forumrow.POSTS}</strong> số bài</div></center>
                         {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                         <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                         </div>
       <!-- END forumrow -->

       <!-- BEGIN tablefoot -->
                      </td>
                   </tr>
                </tbody>
             </table>
          </div>
       <!-- END tablefoot -->
    <!-- END catrow -->
    </div>

    <!-- BEGIN switch_on_index -->
    <div class="main-box clearfix">
       <ul>
          <li><a href="{U_TODAY_ACTIVE}">Chủ đề hôm nay</a></li>
          <li><a href="{U_TODAY_POSTERS}">Tích cực hôm nay</a></li>
          <li><a href="{U_OVERALL_POSTERS}">Thành viên tích cực</a></li>
       </ul>
       <!-- BEGIN switch_delete_cookies -->
       <p class="right">
          <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">Xóa Cookies</a>
       </p>
       <!-- END switch_delete_cookies -->
    </div>
    <!-- END switch_on_index -->

    *CSS
    Code:
    .box{width:47%;float:left;border:2px solid #7D2252;border-top:4px solid #7D2252;margin:5px;padding:2px}
    a.forumtitle{background:#7D2252;padding:1px 15px 1px 5px;border-radius:0 0 10px 0}
    .box1{width:64px;max-height:64px;float:right}
    .box2{margin-left:10px}
    .box3{background:#7D2252;color:#FFF;padding:4px;margin-bottom:0}

    *Hiệu ứng phụ
    Làm nổi bật tên box cần thiết (Demo: Box "Nhật kí lớp" hình trên)
    Chèn code sau vào CSS thay bằng link box cần làm nổi bật
    Code:
    a[href="/f14-forum"].forumtitle{background:#F6358A;color:#FFF}

    *Lưu ý
    -Index_box này không có phần mô tả vì phần mô tả được dùng để chứa biểu tượng cho box. Chèn code sau vào phần mô tả để tạo icon box
    Code:
    <img src="link ảnh" />
    -Index_box này không có phần Status của box. Tức là không có những cái như thế này
    [TUT by hand]Index_box chia 2 cột tự động  Cp11510
    Viết bởi handsomevip007 - FMvi Designer


    ▼[A14] Tôi yêu - - - - - - - - - - - 〈 Signature ✎ 〉

    Nhẹ nhàng mà sôi nổi, hàm súc mà độc đáo, lôi cuốn nhưng rất riêng ...
    ... Chỉ có thể là A14
    qu0cthangprovip95
    qu0cthangprovip95
    TRUNG ÚY
    TRUNG ÚY

    Số bài : 183
    A14$ : 467
    Danh tiếng : 122
    Tham gia : 14/08/2011
    BGItem : BG4

    [TUT by hand]Index_box chia 2 cột tự động  Empty Re: [TUT by hand]Index_box chia 2 cột tự động

    Bài gửi by qu0cthangprovip95 Mon 06 Feb 2012, 21:43

    [TUT by hand]Index_box chia 2 cột tự động  377437 index vs chả box, toàn code vs code
    handsomevip007
    handsomevip007
    ĐẠI TƯỚNG CAO CẤP-Lv.6
    ĐẠI TƯỚNG CAO CẤP-Lv.6

    Số bài : 4020
    A14$ : 4498
    Danh tiếng : 920
    Tham gia : 01/12/2010


    Medal:
    Pet:
    Goods:

    [TUT by hand]Index_box chia 2 cột tự động  Empty Re: [TUT by hand]Index_box chia 2 cột tự động

    Bài gửi by handsomevip007 Tue 07 Feb 2012, 21:37

    Thế không dùng code thì dùng gì?


    ▼[A14] Tôi yêu - - - - - - - - - - - 〈 Signature ✎ 〉

    Nhẹ nhàng mà sôi nổi, hàm súc mà độc đáo, lôi cuốn nhưng rất riêng ...
    ... Chỉ có thể là A14

    Sponsored content

    [TUT by hand]Index_box chia 2 cột tự động  Empty Re: [TUT by hand]Index_box chia 2 cột tự động

    Bài gửi by Sponsored content


      Hôm nay: Tue 18 May 2021, 12:48