Thông báo tuyệt đẹp và sinh động cho forum_list

Thảo luận trong 'Style & Template Questions' bắt đầu bởi nttruong, 29/5/13.

1votes
5/5, 1 vote

  1. nttruong

    nttruong Well-Known Member

    Bài viết:
    1,518
    Likes :
    776
    Nhàm chán với các loại thông báo có sẵn, nên mình rip 1 cái thông báo về cho anh em xài thử!
    Live demo: http://mct.vn/index.php?forum/
    Site vẫn đang báo có mã độc, mình đã dọn sạch code rồi có thể an tâm,đang gửi đơnnhờ google đánh giá lại!
    Demo hình: xem ở att nhé

    Cách làm:
    - mở template extra.css chèn vào:
    Mã:
    #ahgallery {
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px !important;
width: 980px;
position: relative;
left: 10px;
}
#ahgallery ul.hover_block0, #ahgallery ul.hover_block1, #ahgallery ul.hover_block2 {
display: block;
overflow: hidden;
height: 1%;
padding-top: 0px;
padding-left: 0px;
margin-left: 0px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
#ahgallery ul.hover_block0 li.item, #ahgallery ul.hover_block1 li.item, #ahgallery ul.hover_block2 li.item {
margin-left: 0;
padding-left: 0;
list-style: none;
list-style-position: inside;
float: left;
width: 218.5px;
margin-top: 0px;
position: relative;
}
#ahgallery ul li.item {
margin: 20px 20px 3px 0;
}
#ahgallery ul.hover_block0 li a.teaser, #ahgallery ul.hover_block1 li a.teaser, #ahgallery ul.hover_block2 li a.teaser {
display: block;
position: relative;
overflow: hidden;
height: 108px;
width: 200px;
padding: 16px;
}
#ahgallery ul.hover_block0 li img.overlay, #ahgallery ul.hover_block1 li img.overlay, #ahgallery ul.hover_block2 li img.overlay {
margin: 0;
position: absolute;
top: 0;
left: 0;
border: 0;
}
.sticky thead tr th {
vertical-align: middle;
text-align: center;
font-size: 14px;
font-weight: bold;
}
.sticky-item {
padding: 3px;
width: 244px;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 3px;
border: 1px solid #999999;
overflow: hidden;
height: 65px;
max-height: 67px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
background-color: #FFF;
}
.sticky-item .name-promotion {
font-size: 18px;
text-align: center;
vertical-align: bottom;
font-weight: bold;
max-height: 28px;
min-height: 28px;
overflow: hidden;
padding: 3px;
}
.sticky-item .description-promotion {
font-size: 13px;
text-align: center;
vertical-align: middle;
min-height: 28px;
max-height: 28px;
}
#wrapper {
background-color: #FFFFFF;
border: 1px solid #d0cab8;
margin: 0px auto;
}
    -tạo template mới có tên notice_forumlist:
    Mã:
    <xen:if is="{$contentTemplate} =='forum_list'">
<div id="ahgallery">
      <ul class="hover_block0">
        <li class="item"> <a class="teaser" style="background-color:#FFFFFF !important; border: 1px solid #ccc; font-weight: normal; text-decoration: none;" href="http://mct.vn/index.php?threads/noi-quy-dien-dan.166/#post-233" target="_blank"> <img style="background-size: contain;top: 0px;width: 235px;" class="overlay" src="images/anh/anh-dong_2.gif" alt=""> <span style="color:#ccc; font-size: 18px; font-weight:bold; line-height:normal; margin-left: 10px; margin-top: 0px; margin-bottom:0; display:block;">Nội quy diễn đàn</span> <span style="color:#656464; display: block; font-size: 12px; font-weight: normal; margin-left: 10px; font-family: arial; margin-bottom: 0.5em; margin-top: 0.5em;">Cùng nhau xem để thực hiện theo đúng nội quy của Cộng đồng đề ra!</span> </a> </li>
              <li class="item"> <a class="teaser" style="background-color:#FFFFFF !important; border: 1px solid #ccc; font-weight: normal; text-decoration: none;" href="http://mct.vn/index.php?forums/tin-tuc-hot.2/" target="_blank"> <img style="top: 0px;width: 235px;" class="overlay" src="images/anh/tingame.gif" alt=""> <span style="color:#ccc; font-size: 18px; font-weight:bold; line-height:normal; margin-left: 10px; margin-top: 0px; margin-bottom:0; display:block;">Tin tức Hot</span> <span style="color:#656464; display: block; font-size: 12px; font-weight: normal; margin-left: 10px; font-family: arial; margin-bottom: 0.5em; margin-top: 0.5em;">Tin tức công nghệ, thủ thuật, sản phẩm về Apple.</span> </a> </li>
 
        <li class="item"> <a class="teaser" style="background-color:#FFFFFF !important; border: 1px solid #ccc; font-weight: normal; text-decoration: none;" href="http://mct.vn/index.php?forums/hoi-dap-chia-se-kinh-nghiem.42/" target="_blank"> <img class="overlay" style="width: 235px;" src="images/anh/g91.gif" alt="" style="top: 0px;"> <span style="color:#ccc; font-size: 18px; font-weight:bold; line-height:normal; margin-left: 10px; margin-top: 0px; margin-bottom:0; display:block;">Chia sẻ kinh nghiệm</span> <span style="color:#656464; display: block; font-size: 12px; font-weight: normal; margin-left: 10px; font-family: arial; margin-bottom: 0.5em; margin-top: 0.5em;">Cùng nhau chia sẽ kinh nghiệm sử dụng iDevice</span> </a> </li>
        <li class="item"> <a class="teaser" style="background-color:#FFFFFF !important; border: 1px solid #ccc; font-weight: normal; text-decoration: none;" href="http://mct.vn/index.php?forums/app-game-appstore.44/" target="_blank"> <img class="overlay" src="images/anh/g4.gif" alt="" style="top: 0px;"> <span style="color:#ccc; font-size: 18px; font-weight:bold; line-height:normal; margin-left: 10px; margin-top: 0px; margin-bottom:0; display:block;">App - Game [Appstore]</span> <span style="color:#656464; display: block; font-size: 12px; font-weight: normal; margin-left: 10px; font-family: arial; margin-bottom: 0.5em; margin-top: 0.5em;">Ứng dụng và game trên Appstore cho iPhone ipad.</span> </a> </li>
      </ul>
      <ul class="hover_block1 bottom_block">
        <li class="item"> <a class="teaser" style="background-color:#FFFFFF !important; border: 1px solid #ccc; font-weight: normal; text-decoration: none;" href="http://mct.vn/index.php?forums/thu-thuat-ios-unlock-jailbreak.43/" target="_blank"> <img style="left: 0px;width: 235px;" class="overlay" src="images/anh/ga_timviecnhanh.gif" alt="" height="140px" ;width="225px"> <span style="color:#ccc; font-size: 18px; font-weight:bold; line-height:normal; margin-left: 10px; margin-top: 0px; margin-bottom:0; display:block;">Thủ thuật iOS [Unlock & Jailbreak]</span> <span style="color:#656464; display: block; font-size: 12px; font-weight: normal; margin-left: 10px; font-family: arial; margin-bottom: 0.5em; margin-top: 0.5em;">Cùng nhau tìm hiểu về Thủ thuật iOS [Unlock & Jailbreak].</span> </a> </li>
        <li class="item"> <a class="teaser" style="background-color:#FFFFFF !important; border: 1px solid #ccc; font-weight: normal; text-decoration: none;" href="http://mct.vn/index.php?forums/thu-thuat-mac-os.24/" target="_blank"> <img style="width: 235px;" class="overlay" src="images/anh/Quang%20cao300x250%20(ThanhNien).gif" alt="" width="225px" style="left: 224px;"> <span style="color:#ccc; font-size: 18px; font-weight:bold; line-height:normal; margin-left: 10px; margin-top: 0px; margin-bottom:0; display:block;">Thủ thuật Mac os</span> <span style="color:#656464; display: block; font-size: 12px; font-weight: normal; margin-left: 10px; font-family: arial; margin-bottom: 0.5em; margin-top: 0.5em;">Chia sẻ Thủ thuật Mac os.</span> </a> </li>
        <li class="item"> <a class="teaser" style="background-color:#FFFFFF !important; border: 1px solid #ccc; font-weight: normal; text-decoration: none;" href="http://mct.vn/index.php?forums/game.63/" target="_blank"> <img style="width: 235px;" class="overlay" src="images/anh/g711.gif" alt="" style="left: 0px;"> <span style="color:#ccc; font-size: 18px; font-weight:bold; line-height:normal; margin-left: 10px; margin-top: 0px; margin-bottom:0; display:block;">Game For Mac.</span> <span style="color:#656464; display: block; font-size: 12px; font-weight: normal; margin-left: 10px; font-family: arial; margin-bottom: 0.5em; margin-top: 0.5em;">Download Game cho Mac OS.</span> </a> </li>
        <li class="item"> <a class="teaser" style="background-color:#FFFFFF !important; border: 1px solid #ccc; font-weight: normal; text-decoration: none;" href="http://mct.vn/index.php?threads/trao-doi-textlink-cung-nhau-phat-trien.203/#post-276" target="_blank"> <img style="width: 235px;" class="overlay" src="images/anh/g81.gif" alt="" style="left: 0px;"> <span style="color:#ccc; font-size: 18px; font-weight:bold; line-height:normal; margin-left: 10px; margin-top: 0px; margin-bottom:0; display:block;">Trao đổi logo + text link</span> <span style="color:#656464; display: block; font-size: 12px; font-weight: normal; margin-left: 10px; font-family: arial; margin-bottom: 0.5em; margin-top: 0.5em;">Cơ hội hợp tác và phát triển cùng Cộng đồng Mac OS, iOS Việt Nam.</span> </a> </li>
      </ul>
    </div>
<script type="text/javascript" src="[URL]http://mct.vn/js/ah_gallery.js[/URL]"></script>
</xen:if>
    Mở template page_container, tìm:
    Mã:
    <div id="content" class="{$contentTemplate}">
    <div class="pageWidth">
        <div class="pageContent">
            <!-- main content area -->
    Chèn vào dưới:
    Mã:
    <xen:include template="notice_forumlist" />
    Done nhé!
     

    Các file đính kèm:

    nttruong, 29/5/13
    #1
    Sơn Phạm, thuatdl, luker and 2 others like this.
    Bài viết cũ hơn
    Bài viết mới hơn
    Đang tải...
    Recommended:X
  2. antv

    antv Member

    Bài viết:
    429
    Likes :
    99
    @@
     
    antv, 29/5/13
    #2
    thuatdl thích bài này.
  3. nttruong

    nttruong Well-Known Member

    Bài viết:
    1,518
    Likes :
    776
    Anh có nói ở trên rồi mà!
     
    nttruong, 29/5/13
    #3
    antv thích bài này.
  4. antv

    antv Member

    Bài viết:
    429
    Likes :
    99
    mấy cái tab ý vừa coder vừa game nhỉ :))
     
    antv, 29/5/13
    #4
  5. Lê Tí

    Lê Tí Well-Known Member

    Bài viết:
    1,450
    Likes :
    620
    inbox code like popup check cookie nào
     
    Lê Tí, 29/5/13
    #5
  6. antv

    antv Member

    Bài viết:
    429
    Likes :
    99
    làm code và temp khác và thành công :D
     
    antv, 30/5/13
    #6
  7. thuatdl

    thuatdl Member

    Bài viết:
    672
    Likes :
    182
    umh cái này hay nè ^^
     
    thuatdl, 30/5/13
    #7
  8. khungdanxua

    khungdanxua Member

    Bài viết:
    74
    Likes :
    5
    cái này làm banner để quảng cáo thì ngon nhỉ
     
    khungdanxua, 30/5/13
    #8
comments powered by Disqus

Chia sẻ trang này

Đang tải...