Slide logo đối tác dưới chân trang

NDK

NDK

MasterSergeant
Code hoặc hướng dẫn này được sử dụng trên phiên bản Xenforo cũ đã quá hạn sử dụng. Bạn hãy click để tìm bản mới hơn
A @THB nhận hàng nhé.
Xin hướng dẫn các bạn cách 1 tạo slide logo đối tác đơn giản trong Xenforo
12141751_1514453225541369_112033774314955244_n.jpg

Thêm code sau vào template ad_below_content, hoặc chỗ nào đó tùy ý
PHP: 
<style>
#AdLeftBottom{ float:left; width:100%;}
#AdLeftBottom img {
max-width:247px;
clear:both;
margin-bottom:15px; width:212px !important; height: 88px !important; margin:0;
}
#AdLeftBottom .cate h3{
height:31px;
font: 18px/30px Arial;
color:#132f54;
text-transform:uppercase; border-bottom: 2px solid #9dddf9; padding:0 0 6px 10px;

z-index:2;
}
#AdLeftBottom .listadv {
border-top:0;

text-align:center;
padding:0;
position:relative;
z-index:1;
}
#AdLeftBottom a.left {
display:inline-block;
cursor:pointer;
width:21px;
height:29px;
background:url(http://vietsingclinic.com.vn/images/left.png) no-repeat;
position:absolute;
top:50%;
left:0;
margin-top:-15px; opacity:0.7; z-index:10;
}
#AdLeftBottom a.right {
display:inline-block;
cursor:pointer;
width:21px;
height:29px;
background:url(http://vietsingclinic.com.vn/images/right.png) no-repeat;
position:absolute;
top:50%;
right:0;  opacity:0.7; z-index:10;
margin-top:-15px;
}
#AdLeftBottom ul,#AdLeftBottom li {
list-style:none;
}
#AdLeftBottom li { width:212px !important; height:88px !important; margin:0 5px !important; 
}
#AdLeftTop img {
max-width:247px;
clear:both;
margin-bottom: 14px;
}
</style>
    <script type="text/javascript">
    jQuery(function () {
        jQuery(".jCrAdLeftBottom").jCarouselLite({
            btnPrev: "#AdLeftBottom .left",
            btnNext: "#AdLeftBottom .right",
            auto: 6000,
            speed: 1000,
            visible: 5,
            scroll: 1,
            horizon: true
  
        });
    });
</script>
<script src="/js/logopartner/jcarousellite.js"></script>
<div id="AdLeftBottom">
    <div class="cate"><h3>Logo Đối tác</h3></div>
    <div class="listadv"><a href="" class="left"> </a><a href="" class="right"> </a>
        <div class="jCrAdLeftBottom" style="width: 1190px !important; visibility: visible; overflow: hidden; position: relative; z-index: 2; left: 0px;">
        <ul style="margin: 0px; padding: 0px; position: relative; list-style-type: none; z-index: 1; width: 8880px; left: -6405.604872px;">

<li style="overflow: hidden; float: left; width: 212px; height: 88px;">
                    <a href=""><img alt="DataHost- Dịch vụ Cloud Hosting giá rẻ" src="http://cdn.datahost.com.vn/wp-content/uploads/2015/03/logo.png" style="height:88px; width:200px"/></a>

                </li><li style="overflow: hidden; float: left; width: 212px; height: 88px;">
                    <a href=""><img alt="AdpiaVN - Kiếm tiền trực tuyến Affiliate Marketing" src="http://www.adpia.vn/images/mobile/logo.jpg" style="height:88px; width:200px"/></a>

                </li><li style="overflow: hidden; float: left; width: 212px; height: 88px;">
                    <a href=""><img alt="BĐS Proview- Chuyên mua bán,cho thuê căn hộ;biệt thự cao cấp;nhà phố;đất nền" src="http://vieclam.24h.com.vn/upload/files_cua_nguoi_dung/logo/2014/08/05/1407212952_logo-proview.png" style="height:88px; width:200px"/></a>

                </li><li style="overflow: hidden; float: left; width: 212px; height: 88px;">
                    <a href=""><img alt="Phần mềm đăng tin VFP" src="http://www.allproject.net/images/logo-phan-mem-dang-tin.png" style="height:88px; width:200px"/></a>

            <li style="overflow: hidden; float: left; width: 212px; height: 88px;">
                    <a href=""><img alt="Cộng đồng Xenforo lớn nhất Việt Nam" src="http://vnxf.vn/styles/social/xenforo/logo.png" style="height:88px; width:200px; background:#0A588E"/></a></p>

                </li>
                </li><li style="overflow: hidden; float: left; width: 212px; height: 88px;">
                    <a href=""><img alt="Diễn Đàn Seo VIP - Cộng đồng seo lớn mạnh" src="http://diendanseovip.edu.vn/styles/5giay/xenforo/logo.png" style="height:88px; width:200px"/></a>

                </li>
                            <li style="overflow: hidden; float: left; width: 212px; height: 88px;">
                   <a  href=""><img alt="Sân chơi Sinh Viên" src="http://sanchoisv.com/styles/it4rvn/xenforo/logo.png" style="height:88px; width:200px; background:#0A588E"/></a>

                </li>
                       
                        <li style="overflow: hidden; float: left; width: 212px; height: 88px;">
                    <p><a href="" rel="nofollow"><img alt="ebe" src="http://vietsingclinic.com.vn/userfiles/images/ebe-logo.png" style="height:88px; width:200px"/></a></p>

                </li>
                        <li style="overflow: hidden; float: left; width: 212px; height: 88px;">
                    <p><a rel="nofollow" href=""><img alt="samsung" src="http://vietsingclinic.com.vn/userfiles/images/samsun_635303754704402191.jpg" style="height:88px; width:200px"/></a></p>

                </li>
                        <li style="overflow: hidden; float: left; width: 212px; height: 88px;">
                    <p><a rel="nofollow" href=""><img alt="vietnam" src="http://vietsingclinic.com.vn/userfiles/images/logo-doi-_635303804117332980.jpg" style="height:95px; width:230px"/></a></p>

                </li>
                        <li style="overflow: hidden; float: left; width: 212px; height: 88px;">
                    <p><a rel="nofollow" href=""><img alt="mercedes" src="http://vietsingclinic.com.vn/userfiles/images/mercede_635261075786923865.jpg" style="height:95px; width:230px"/></a></p>

                </li>
                        <li style="overflow: hidden; float: left; width: 212px; height: 88px;">
                    <p><a rel="nofollow" href=""><img alt="libertyinsurance" src="http://vietsingclinic.com.vn/userfiles/images/libet_635303802136909501.jpg" style="height:95px; width:230px"/></a></p>

                </li>
                     <li style="overflow: hidden; float: left; width: 212px; height: 88px;">
                    <p><a rel="nofollow" href=""><img alt="vietnam" src="http://vietsingclinic.com.vn/userfiles/images/logo-doi-_635303804117332980.jpg" style="height:95px; width:230px"/></a></p>

                </li>
</ul>
        </div>
    </div>
</div>
Tùy ý chỉnh sửa lại các thông số cho thích hợp. Có thể lưu lại file Js và các hình mũi tên nhé.
Chúc thành công !
 
Bài viết liên quan
Xin hỏi làm sao đưa tất cả tin ghim ra ngoài trang chủ XF2 bởi muabandalat,
Nội Dung Chỉ Hiển Thị Vị Trí Trang categories bởi muabandalat,
Ai giúp mình đổi icon chỗ này với ạ bởi NOKIAPRO,
Dark/Light Mode Automatic Toggle Switch/jsdmat - Tự động chuyển đổi chế độ tối/sáng/jsdmat XenForo 2 0.4.0 bởi PVS,
Make the media slider horizontal scroll arrows more visible - Làm cho các mũi tên cuộn ngang của media slider hiển thị rõ ràng hơn cho XenForo 2.2 bởi PVS,
Dark mode / Light Mode switcher button - Nút chuyển đổi chế độ Sáng/Tối cho XenForo 2 bởi PVS,
Bài viết mới
Định dạng ngày custom_fields d-m-Y bởi muabandalat,
Lựa Chọn Nhóm Thành Viên Trong Quá Trình Đăng Ký bởi muabandalat,
Trường "url" bị thiếu (nằm trong "author") bởi muabandalat,
Xin hỏi làm sao đưa tất cả tin ghim ra ngoài trang chủ XF2 bởi muabandalat,
Addon Donations by Siropu 1.5.1 bởi redbull,
cấu trúc Diễn đàn -Trường "comment" bị thiếu googleconsole bởi muabandalat,
hiii. thanks.
nhưng a làm sao nó ko hiện ra hình ảnh ta?
thay link src img mà sao ko hiện đc.
 
Do đường dẫn e để trên host nên của a ko chạy được á
 
  • Like
Reactions: THB
up file js + img lên định kèm đi sau này die đỡ phải đi kiếm
 
  • Like
Reactions: THB
Đây file Js và file mũi tên qua lại
Sửa mũi tên ở phần ....vietsingclinic.com.vn/images/right.png
Sửa file js tại /js/logopartner/jcarousellite.js
 

Đính kèm

tui ấy mà , chia sẽ là còn giữ lại là mất , nhìu khi muốn tìm lại mấy cái đã làm được mà quên, tui kiếm ra . :=P . như giờ kiu làm lại y chang chắc mần ko ra
 
  • Like
Reactions: NDK
2,150 17 3
Bạn phải đăng nhập hoặc đăng ký để bình luận.

Chủ đề tương tự

dcstylexf
Hướng dẫn Tạo slide giống MamCongNghe.Com
2
Trả lời
28
Lượt xem
4K
dcstylexf
dcstylexf
nelson77
Other Đưa logo mặc định ra trung tâm
Trả lời
7
Lượt xem
1K
nelson77
nelson77
L
Other Em cài logo nên là nó lại hỏng các bác giúp em với
Trả lời
0
Lượt xem
746
Lananh123
L
ngaithon
Help ai giúp e vấn đề về logo với ạh
Trả lời
5
Lượt xem
1K
aviaiva
A
PVS
Add Random Text to Your Logo - Thêm văn bản ngẫu nhiên vào logo của bạn 1.0.0
Trả lời
0
Lượt xem
1K
PVS
PVS

Dịch vụ XenForo của VNXF

anhanhxf     0906081284
silzedt_1207          Inbox   PVS

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS
Xenforo là gì?
Xây dựng MXH bằng Xenforo

Xử lý sự cố (Troubleshooting)

Texlink

Liên hệ đặt Textlink
Liên hệ đặt Textlink
Liên hệ đặt Textlink
Liên hệ đặt Textlink

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Back
Top