Kinh nghiệm: Thư viện code HTML một số tính năng hữu ích cho website, ai cần nhào vô nào

Thảo luận trong 'Học tập' bởi nguavancool, 2/1/2014.

  1. nguavancool

    nguavancool Banned

    Tham gia:
    25/12/2013
    Bài viết:
    51
    Đã được thích:
    4
    Điểm thành tích:
    8
    Hi cả nhà, em có một số modul html cho một số tính năng hữu ích cho website.
    Hôm nay hứng khởi post lên cho cả nhà cùng tham khảo nha.


    1. Đưa Live Chat - Hỗ trợ trực tuyến vào web

    Em giới thiệu các bạn cách đưa Live Chat vào website nhé:

    Ưu điểm của các phần mềm live support thì em ko nhắc lại nữa, ai chưa biết lắm thì tìm hiểu nhé.

    Ở đây em sẽ lấy hướng dẫn đưa Live Support lên website bán hàng của mọi người

    Bạn cần có một tài khoản Live Chat, được cung cấp miến phí bởi Subiz Live chat - Live support Solution for Business websites . Các mẹ login Subiz, copy Code widget chat.

    Sau đó vào phía quản trị web và paste đoạn code này vào ạ.

    Như thế các mẹ đã cài được một cửa sổ Live Support lên website, bây giờ bạn hãy cài phần mềm để chat và ngồi xem các Visitors vào web của các mẹ nha
    Đoạn code đây ạ:


    PHP:
    <script type="text/javascript">
    var 
    subiz_account_id 'XXXXXXX';
    (function() {
    var 
    sbz document.createElement('script'); sbz.type 'text/javascript'sbz.async true;
    sbz.src 'http://widget.subiz.com/static/js/loader.js?v='+ (new Date()).getFullYear() + ("0" + ((new Date()).getMonth() + 1)).slice(-2) + ("0" + (new Date()).getDate()).slice(-2);
    var 
    document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sbzs);
    })();
    </
    script>
    2. Code tạo slide ảnh chạy ngang
    Các mẹ đang có website và muốn làm một số hiệu ứng chay website thêm sinh động.

    Tuy nhiên ảnh flash thường làm cho website của bạn chậm hơn, load lâu. Ở bài viết này em hướng dẫn các mẹ tạo một slide ảnh chạy ngang website. Hiệu ứng đơn giản đẹp mắt, dễ load và đặc biệt rất đơn giản để sử dụng

    Bước 1: Chuẩn bị các ảnh có kích thước bằng nhau:

    Bước 2: Up ảnh lên site của mình để lấy link ảnh:


    Sau khi up xong click chuột phải vào ảnh để Xem ảnh và copy link:

    Bước 3: Thay link website, và link ảnh vào đoạn code sau:

    PHP:
    <div class="Modul_nd">
    <
    div class="chuyenmuc">
    <
    style type="text/css">
    #demo {
    background#FFF;
    overflow:hidden;
    border1px dashed #CCC;
    width960;
    }
    #demo img {
    border3px solid #F2F2F2;
    }
    #indemo {
    floatleft;
    width800%;
    }
    #demo1 {
    floatleft;
    }
    #demo2 {
    floatleft;
    } </
    style>
    <
    div id="demo">
    <
    div id="indemo">
    <
    div id="demo1">
    &
    nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://myphamxachtayus.com/trang-diem/166757.html"><img alt="" src="http://myphamxachtayus.bizwebvietnam.com/Sites/10054/Data/images/111.jpg" style="width: 272px; height: 185px;" /></a><a href="http://myphamxachtayus.com/duong-da/166756.html"><img alt="" src="http://myphamxachtayus.bizwebvietnam.com/Sites/10054/Data/images/112.jpg" style="width: 220px; height: 185px;" /></a><a href="http://myphamxachtayus.com/clinique/166367.html"><img alt="" src="http://myphamxachtayus.bizwebvietnam.com/Sites/10054/Data/images/113.jpg" style="width: 220px; height: 185px;" /></a><a href="http://myphamxachtayus.com/trang-diem/166757.html"><img alt="" src="http://myphamxachtayus.bizwebvietnam.com/Sites/10054/Data/images/114.jpg" style="width: 240px; height: 185px;" /></a></div>
    <
    div id="demo2">
    <
    a href="http://myphamxachtayus.com/estee-lauder/166368.html"><img alt="" src="http://myphamxachtayus.bizwebvietnam.com/Sites/10054/Data/images/115.jpg" style="width: 254px; height: 185px;" /></a></div>
    </
    div>
    </
    div>
    <
    script>
    var 
    speed 40
    var 
    tab document.getElementById("demo");
    var 
    tab1 document.getElementById("demo1");
    var 
    tab2 document.getElementById("demo2");
    tab2.innerHTML tab1.innerHTML;
    function 
    Marquee() {
    if (
    tab2.offsetWidth tab.scrollLeft <= 0)
    tab.scrollLeft -= tab1.offsetWidth
    else {
    tab.scrollLeft++;
    }
    }
    var 
    MyMar setInterval(Marqueespeed);
    tab.onmouseover = function() { clearInterval(MyMar) };
    tab.onmouseout = function() { MyMar setInterval(Marqueespeed) };
    </
    script> </div>
    </
    div>
    Trong đó tất cả chỗ nào có:

    <a href: Thay link website

    img alt="" src="Thay link ảnh"

    var speed: điều chỉnh tốc độ chạy của slide ảnh

    Bước 4: Sau khi đã chỉnh sửa thay link xong, copy code thêm vào.

    Ấn Lưu hoặc Cập nhật

    Sau đó các mẹ có thể Xem website để xem thành quả của mình.

    Chúc các mẹ thực hiện thành công.


    << Em còn một số đoạn code hay nữa, hnao rảnh rang post nốt lên cho các mẹ tham khảo sau nha>>
     

    Xem thêm các chủ đề tạo bởi nguavancool
    Đang tải...


    Các chủ đề tương tự:

  2. nghiepdu2011

    nghiepdu2011 Thành viên mới

    Tham gia:
    3/11/2013
    Bài viết:
    37
    Đã được thích:
    1
    Điểm thành tích:
    8
    Ðề: Thư viện code HTML một số tính năng hữu ích cho website, ai cần nhào vô nào

    Rất hữu ích đó bạn, bạn cố nốt post nốt lên cho mọi người tham khảo nha
     
  3. hdtc

    hdtc VPS MMO

    Tham gia:
    15/11/2012
    Bài viết:
    443
    Đã được thích:
    48
    Điểm thành tích:
    28
    Ðề: Thư viện code HTML một số tính năng hữu ích cho website, ai cần nhào vô nào

    cám ơn bạn nhé code này rất cần và hưu ích
     
  4. nguavancool

    nguavancool Banned

    Tham gia:
    25/12/2013
    Bài viết:
    51
    Đã được thích:
    4
    Điểm thành tích:
    8
    Ðề: Thư viện code HTML một số tính năng hữu ích cho website, ai cần nhào vô nào

    Hi thank mọi người, mọi người ủng hộ càng nhiệt tình em càng có động lực post tiếp ạ
     
  5. meocon0818

    meocon0818 Yến nuôi nhà - Yến đảo KH

    Tham gia:
    18/3/2013
    Bài viết:
    15,025
    Đã được thích:
    3,699
    Điểm thành tích:
    2,063
    Ðề: Thư viện code HTML một số tính năng hữu ích cho website, ai cần nhào vô nào

    mn giỏi quá, vấn đề IT mình gà mờ lắm .
     
  6. pinkpig-lotus

    pinkpig-lotus Yến Sào NatureNest

    Tham gia:
    20/8/2012
    Bài viết:
    10,158
    Đã được thích:
    2,460
    Điểm thành tích:
    863
    Ðề: Thư viện code HTML một số tính năng hữu ích cho website, ai cần nhào vô nào

    cám ơn chủ top nha! mình gà mờ lắm, toàn nhờ xã thôi ah :)
     
  7. nguavancool

    nguavancool Banned

    Tham gia:
    25/12/2013
    Bài viết:
    51
    Đã được thích:
    4
    Điểm thành tích:
    8
    Ðề: Thư viện code HTML một số tính năng hữu ích cho website, ai cần nhào vô nào

    Hi, ko coá gì, mọi người tích cực ủng hộ em, thỉnh thoảng vào ủn hộ em cái post này lên giúp em là em cảm ơn lắm ạ POST

    HiHi
     
  8. nguavancool

    nguavancool Banned

    Tham gia:
    25/12/2013
    Bài viết:
    51
    Đã được thích:
    4
    Điểm thành tích:
    8
    Ðề: Thư viện code HTML một số tính năng hữu ích cho website, ai cần nhào vô nào

    Hi, có gì khó khăn cứ hỏi mình, mình mà giúp đc là giúp nhiệt tình à hihi
     
  9. dovinh2014

    dovinh2014 Thành viên chính thức

    Tham gia:
    23/1/2014
    Bài viết:
    128
    Đã được thích:
    42
    Điểm thành tích:
    28
    Ðề: Thư viện code HTML một số tính năng hữu ích cho website, ai cần nhào vô nào

    Mẹ nó cứ nghiên cứu đi rồi khác giỏi
     

Chia sẻ trang này