[Help] Không hiện ảnh trên hotnews

Thảo luận trong 'Troubleshoot & Other Questions' bắt đầu bởi thuancoihg, 23/11/15.

  1. thuancoihg

    thuancoihg New Member

    Bài viết:
    8
    Likes :
    0
    Chào mọi người,

    Mình mới đặt block hotnews nhưng có 1 vấn đề đó là nó không hiển thị ảnh. Mọi người xem qua code dưới xem link lấy ảnh có chuẩn không giúp mình với.

    HTML:
    <xen:require css="EWRblock_HotNews.css" />
           <div class="box-album">
    
                  <div class="album-wrap">
                    <div class="box-flash">
                      <div id="play_list">
               <xen:foreach loop="$HotNews" value="$news" i="$i">
                    <xen:if is="{$i}>=1 && {$i} <=8">
                            <div class="item item{$i}" style="background: url(<xen:if is="{$news.promote_icon} != 'disabled'"><xen:if hascontent="true"><xen:contentcheck><xen:if is="{$news.attach}"><img src="http://res.cloudinary.com/tint/image/fetch/w_150,h_150,c_thumb/http://vnhay.net/{$news.attach.thumbnailUrl}<xen:elseif is="{$news.image}" />{$news.image}<xen:else />http://democracylive.com/wp-content/uploads/2013/11/news.jpg</xen:if></xen:contentcheck></xen:if></xen:if>) ">
                             <a title="{$news.title}" href="{xen:link threads, $news}">
                             <div class="black_mask"></div>
                              <div class="label">
                                <span class="toplabel black1"></span>
                                <span class="toplabel">
                                  <span class="song">{xen:helper snippet, $news.title, 20}</span>
                                </span>
                                <span class="leftbottom black2"></span>
                                 <span class="leftbottom">
                                   <span class="author">{$news.username}</span>
                                 </span>
                               </div>
                                </a>
                               </div>
                       </xen:if>
                   </xen:foreach>
                        </div>
          </div>
        </div>
      </div>
      
    Còn đây là css

    Mã:
    /*box-album*/
    .box-album {float: left;width: 100%;margin-bottom:15px;}
    .h3-header-more {float: left;font-size: 18px !important;width: 100%;padding-top:3px;font-weight:normal;}
    .h3-header-more a.lnk-header-more {cursor: pointer;}
    .h3-header-more a.lnk-header-more span.sp-more {color: #797979;font-size: 12px;font-weight: normal;margin-left: 5px;position: relative;top: -2px;}
    .h3-header-more a.lnk-header-more:hover span.sp-more{color:#90BE04;}
    .album-wrap {float: left;overflow: hidden;width: 750px;margin-top:10px;}
    .album-wrap .album-item{float: left;margin-bottom: 15px;margin-right: 20px;overflow: hidden;position: relative;width: 160px;}
    .album-wrap .album-item a.album-lnk-img{float: left;height: 160px;width: 160px;}
    .album-wrap .album-item a.album-lnk-img img{float: left;height: 160px;width: 160px;}
    .album-wrap .album-item .album-info{ float:left;padding: 5px 0px 0;width: 160px;}
    .album-wrap .album-item .playlist-edit{float: left;height: 160px;width: 160px;position:relative;}
    .album-wrap .album-item .playlist-edit a.lnk-playlist-edit {background: url("../images/keeng_36.png") no-repeat scroll left top transparent;cursor: pointer;height: 30px;right: 31px;position: absolute;top: 0;width: 30px;display:none;}
    .album-wrap .album-item .playlist-edit a.lnk-playlist-delete {background: url("../images/keeng_35.png") no-repeat scroll left top transparent;    cursor: pointer;height: 30px;right: 0px;position: absolute;top: 0;width: 30px;display:none;}
    .album-wrap .album-item .playlist-edit:hover a.lnk-playlist-edit{display:block;}
    .album-wrap .album-item .playlist-edit:hover a.lnk-playlist-delete{display:block;}
    .playlist-persion .album-wrap{margin-top:0px;}
    .album-wrap .album-item .album-info h3{overflow:hidden;width:100%;}
    .album-wrap .album-item .album-info a.name-album {color: #393939;font-size:15px;font-weight:normal}
    .album-wrap .album-item .album-info a.name-album:hover {color:#90BE04;}
    .album-wrap .album-item .album-info a.name-singer {color: #727272;font-weight: normal;}
    .album-wrap .album-item .album-info a.name-singer:hover{text-decoration:underline}
    .box-album .h3-header-more a.lnk-header-more{float:left;line-height:25px;font-weight:normal;font-size:18px;}
    .app-keeng {color: #676767;float: right;font-size: 14px;font-weight: bold;line-height: 25px;text-align: right;width: 500px;}
    .app-keeng p {display: inline;}
    .app-keeng a {color: #676767;height: 25px;line-height: 25px;margin-left: 15px;width: 60px;cursor:pointer}
    .app-keeng a:hover{color:#90BE04;}
    .keeng-singer{}
    .keeng-singer .album-wrap{}
    .keeng-singer .album-wrap .album-item{height:auto;}
    .keeng-singer .album-wrap .album-item .album-info{background:none;position:relative;float:left;height:30px;line-height:30px;text-align:center;}
    .keeng-singer .album-wrap .album-item .album-info a.name-album {color:#393939;font-size:15px;font-weight:normal;}
    .keeng-singer .album-wrap .album-item .album-info a.name-album:hover{text-decoration:none;color:#90BE05;}
    .keeng-singer .album-wrap .album-item .album-info h3{height:auto;}
    .keeng-singer .p-fillter{float:right;text-align:right;color:#E9E9E9;font-size:13px;}
    .keeng-singer .p-fillter a{font-size:14px;cursor:pointer;}
    .keeng-singer .p-fillter a.active, .keeng-singer .p-fillter a:hover{color:#90BE05;}
    /*flash*/
    .box-flash {background-color: #FFFFFF;float: left;height: 349px;overflow: hidden;width: 700px;}
    #play_list {display: block;float:left;position:relative;}
    #play_list .item {height: 174px;overflow: hidden;position: absolute;width: 174px;background:url(../images/default_images/default_album_hot.jpg) no-repeat scroll center center #fff;background-size:309px 174px !important;}
    #play_list .item1 {left: 0;top: 0;}
    #play_list .item2 {left: 175px;top: 0;}
    #play_list .item3 {left: 350px;top: 0;}
    #play_list .item4 {left: 525px;top: 0px;}
    #play_list .item5 {left: 0;top: 175px;}
    #play_list .item6 {left: 175px;top: 175px;}
    #play_list .item7 {left: 350px;top: 175px;}
    #play_list .item8 {left: 525px;top: 175px;}
    #play_list .black_mask {background: none repeat scroll 0 0 #000000;height: 159px;position: absolute;width: 309px;}
    #play_list .label {font-family: Arial,Veranda;font-size: 13px;height: 44px;position: absolute;top: 150px;width: 309px;}
    #play_list .song {color: #FFFFFF;margin: 4px 2px;position: absolute;}
    #play_list .author {color: #98E404;font-size: 12px;margin: 2px;}
    #play_list .toplabel {height: 24px;position: absolute;width: 299px;padding:0px 5px;line-height:18px }
    #play_list .leftbottom {display: block;height: 18px;position: absolute;top: 25px;width: 299px;padding:0px 5px; line-height:18px }
    .black1, .black2 {background: none repeat scroll 0 0 #000000;}
    a._disable_button{border: 1px solid #DDDDDD;color: #C8C8C8 !important;height: 33px;line-height: 33px;}
    .like-keeng{float: left; margin-right: 15px; position: relative; top: -3px;}
    .player-video .like-keeng {margin-top:7px;margin-left:15px;}
    .player-service-top .like-keeng {margin-top:5px;}
    .likecount {background: none repeat scroll 0 0 white;border: 1px solid #898F9C;border-radius: 2px 2px 2px 2px;color: #6A7180;display: inline-block;font-size: 11px;height: auto;line-height: 18px;min-width: 15px;padding: 0 3px;text-align: center;white-space: nowrap;position:relative;margin-left:5px;}
    .likecount .sp-bottom {border-color: transparent #898F9C;border-style: solid;border-width: 4px 5px 4px 0;display: block;position: absolute;top: 1px;border-right-color: #FFFFFF;left: -5px;top: 5px;}
    .like-button {background-attachment: scroll;background-clip: border-box;background-color: transparent;background-image: url("../images/keeng_41_b.png");background-origin: padding-box;background-position: left top;background-repeat: no-repeat;display: inline-block;height: 17px;position: relative;top: 6px;width: 20px;}
    .like-fb-home{height:70px;}
    .fb-comments{min-height:50px;}
    #facebooklike .fb-like{margin-left:0px !important;}
    .player-video #facebooklike {margin-top:8px !important; margin-left:20px;margin-right:0px !important;}
    .player-video #facebooklike .fb-like{margin-left:0px !important;}
    .player-video .player-service-top .google-apis{margin-top:8px;}
    .player-video .player-service{padding:20px 0 0 !important}
    #wrap-comment-facebook{position:relative;margin-top:10px;float:left;width:100%;min-height:50px;}
    .div-social{overflow:hidden;margin-top:10px;margin-bottom:6px;}
     
    Đang tải...
  2. thuancoihg

    thuancoihg New Member

    Bài viết:
    8
    Likes :
    0
    giúp mình với
     
  3. Imma Kun

    Imma Kun Verified User

    Bài viết:
    1,298
    Likes :
    782
    này do file xml hotnews thui..
     
  4. thuancoihg

    thuancoihg New Member

    Bài viết:
    8
    Likes :
    0
    Bác có thể cho em xin blcok hotnews để em cài lại được không ạ? Vì em tìm trên mạng không có.
     
comments powered by Disqus

Chia sẻ trang này

Đang tải...