Chào mừng bạn đến vói vietvbb.vn. Hãy Đăng nhập hoặc Đăng Ký để tham gia thảo luận tại diễn đàn.



Page 1 of 2 12 LastLast
Results 1 to 15 of 30

Mod: [pokemon] BBCode Spoiler Jquery With AnimateScroll

  1. [pokemon] BBCode Spoiler Jquery With AnimateScroll Detail »»

  2. [pokemon] BBCode Spoiler Jquery With AnimateScroll

    Developer Last Online: Jun 2018  Show Printable Version  Email this Page
    • vB Version: All Version
      Rating:  (2 votes - 4,00 average)
      Installs: 2
    • Release Date: 19 Mar 2015
      Last Update: 21 Mar 2015
      Downloads: 34
      • Not Supported Not Supported
      • Template EditsTemplate Edits
      • Addition FilesAddition Files
    Công dụng : Dùng đi thì biết

    Hướng dẫn

    ACP >> Custom BB Codes >> Add New BB Code, làm theo hướng dẫn sau:
    • Title: Spoiler
    • BB Code Tag Name: SPL (mục này-BB Code Tag Name điền tag gì cũng đc tùy bạn)
    • Replacement:
      PHP Code:
      <div class="spl-spoiler">
          <
      div class="spoiler-button">{option}</div>
          <
      div class="spoiler-pad">
              <
      div class="spoiler-scroll top-scroll"></div>
              <
      div class="spoiler-content">
              
              {
      param}        
              
              </
      div>
              <
      div class="spoiler-scroll bot-scroll"></div>
          </
      div>
      </
      div
    • Example: [spl=Spoiler]This text is spoiled![/spl] (spl là trùng tên với BB Code Tag Name ở trên)
    • Description:
      Hide/Show Message
    • Use {option}: Yes
    • Button Image (Optional): vietvbb/pokemon-spoiler/spoiler.gif
    • Remove Tag If Empty: Yes
    • Disable BB Code Within This BB Code: No
    • Disable Smilies Within This BB Code : No
    • Disable Word Wrapping Within This BB Code: Yes
    • Demo:
      http://crosswords.freevnn.com/vb422/...okemon-vietvbb


    Tải pokemon-bbcode-spoiler-1.2.zip, giải nén và upload lên ngang hàng với file index.php

    Tiếp :
    Vào template headinclude, kéo xuống dưới cùng chèn thêm:
    PHP Code:
    <link rel="stylesheet" href="vietvbb/pokemon-spoiler/spl.css" />
    <
    script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script type="text/javascript" src="vietvbb/pokemon-spoiler/animatescroll.min.js"></script>
    <script type="text/javascript" src="vietvbb/pokemon-spoiler/spl.spoiler.js"></script> 
    Xong, tận hưởng thành quả


    ----------- Change log:
    v1.0 :
    - Realease
    v1.1 :
    - Fix lỗi khi spoiler chồng lên nhau
    - Chỉnh sửa hiệu ứng dễ dàng hơn. Mở file spl.spoiler.js sửa dòng
    Code:
    var pkmeasing = "easeOutBack";
    + Phần bôi đỏ có thể là:
    Code:
    easeInOutBack
    easeOutBounce
    easeOutElastic
    easeInQuad
    easeOutQuad
    easeInOutQuad
    easeInCubic
    easeOutCubic
    easeInOutCubic
    easeInQuart
    easeOutQuart
    easeInOutQuart
    easeInQuint
    easeOutQuint
    easeInOutQuint
    easeInSine
    easeOutSine
    easeInOutSine
    easeOutBack
    v1.2 :
    - Fix lỗi nút ▼ và ▲ .
    Download Now
    Only members can download files, Click Here to register.
    Show Your Support
    • To receive notifications regarding updates -> Click to Mark As Installed.
    • This modification may not be copied, reproduced or published elsewhere without author's permission.
  3. The Following 3 Users Say Thank You to pokemon For This Useful Post:

    Decepticon (21 March 2015),ForeverxAlone (28 May 2015),sina km (19 March 2015)

  4. Similar Mods

    1. BBCode Spoiler
      By pdtan in forum BB Code Enhancements
      Replies: 57
      Last Post: 15 September 2014, 07:53 PM
    2. BBCode Spoiler HTML 5
      By Frïeñd§hip in forum BB Code Enhancements
      Replies: 1
      Last Post: 2 February 2013, 08:46 PM
    3. BBcode Spoiler Tag
      By Fudencio in forum BB Code Enhancements
      Replies: 9
      Last Post: 4 May 2011, 09:23 PM
    4. [Add-On Releases] DI - BBCode [spoiler] 1.0
      By ShiRan 23.09 in forum vBulletin 3.7 Add-ons
      Replies: 9
      Last Post: 12 April 2009, 12:44 AM
    5. [BBcode] Spoiler
      By XiaoBingZi in forum BB Code Enhancements
      Replies: 5
      Last Post: 17 March 2009, 11:23 PM
  5. Comments

  6. #2
    Join Date
    21 October 2013
    Posts
    133
    Thanks
    37
    Thanked 20 Times in 18 Posts
    Rep Power
    10
    quá ngon. thanks bác

    Quên. Muốn thay
    PHP Code:
    [spl=Spoiler]This text is spoiled![/spl
    thành
    PHP Code:
    [hide=Spoiler]This text is spoiled![/hide
    thì làm thế nào ợ
    Last edited by Decepticon; 19 March 2015 at 10:05 PM.

  7. #3
    Join Date
    10 January 2011
    Location
    HN
    Posts
    3.294
    Thanks
    552
    Thanked 1.588 Times in 1.101 Posts
    Rep Power
    187
    Quote Originally Posted by Decepticon View Post
    quá ngon. thanks bác

    Quên. Muốn thay
    PHP Code:
    [spl=Spoiler]This text is spoiled![/spl
    thành
    PHP Code:
    [hide=Spoiler]This text is spoiled![/hide
    thì làm thế nào ợ
    đổi tên bbcode tag name thui

    Rút gọn link - Url Shortner : http://u.vnpsc.com

  8. The Following User Says Thank You to pokemon For This Useful Post:

    Decepticon (19 March 2015)

  9. #4
    Join Date
    21 October 2013
    Posts
    133
    Thanks
    37
    Thanked 20 Times in 18 Posts
    Rep Power
    10
    ặc. hình như bbcode của bác chỉ hoạt động với vbb 4.2, mình thử 4.1.9 không được, ngoài ra spoiler ra giữa thì nội dung cũng bị ra giữa luôn

    ra giữa nhưng nội dung bình thường: http://bachngocsach.com/forum/threads/9115/
    Last edited by Decepticon; 19 March 2015 at 11:57 PM.

  10. #5
    Join Date
    10 January 2011
    Location
    HN
    Posts
    3.294
    Thanks
    552
    Thanked 1.588 Times in 1.101 Posts
    Rep Power
    187
    Quote Originally Posted by Decepticon View Post
    ặc. hình như bbcode của bác chỉ hoạt động với vbb 4.2, mình thử 4.1.9 không được, ngoài ra spoiler ra giữa thì nội dung cũng bị ra giữa luôn

    ra giữa nhưng nội dung bình thường: http://bachngocsach.com/forum/threads/9115/
    1.
    vbb 3.8.8 alpha 1 : http://crosswords.freevnn.com/vb388a...thread.php?p=3
    vbb 4.1.4 : http://crosswords.freevnn.com/vb414/...okemon-vietvbb
    Vì thế bạn xem lại style của bạn

    2. ra giữa hay ko là do tác giả bài viết đó format lại, chả liên quan gì đến code spoiler cả.Nếu ko tin bạn có thể reg nick và vào kiểm tra các topic khác, hoặc thử post bài bên đó thì sẽ thấy

    Rút gọn link - Url Shortner : http://u.vnpsc.com

  11. #6
    Join Date
    21 October 2013
    Posts
    133
    Thanks
    37
    Thanked 20 Times in 18 Posts
    Rep Power
    10
    kỳ lạ thật. mình test bằng style gốc mà chả hiểu sao không mở được spoiler

    - - - Updated - - -

    khỉ thật. nhét code vào headinclude_bottom thì Ok

  12. #7
    Join Date
    10 January 2011
    Location
    HN
    Posts
    3.294
    Thanks
    552
    Thanked 1.588 Times in 1.101 Posts
    Rep Power
    187
    Quote Originally Posted by Decepticon View Post
    kỳ lạ thật. mình test bằng style gốc mà chả hiểu sao không mở được spoiler

    - - - Updated - - -

    khỉ thật. nhét code vào headinclude_bottom thì Ok
    đọc kỹ hướng dẫn sử dụng trước khi dùng

    Rút gọn link - Url Shortner : http://u.vnpsc.com

  13. #8
    Join Date
    21 October 2013
    Posts
    133
    Thanks
    37
    Thanked 20 Times in 18 Posts
    Rep Power
    10
    mình đặt trong headinclude ko được nên mới phải chuyển sang temp headinclude_bottom

    có 2 bug nhỏ mình vừa phát hiện, một là sau khi edit bài viết phải F5 reload thì mới mở được spoiler (do host hay code ko biết nữa ); hai là nút scroll bị lỗi khi lồng spoiler trong spoiler

  14. #9
    Join Date
    10 January 2011
    Location
    HN
    Posts
    3.294
    Thanks
    552
    Thanked 1.588 Times in 1.101 Posts
    Rep Power
    187
    Quote Originally Posted by Decepticon View Post
    mình đặt trong headinclude ko được nên mới phải chuyển sang temp headinclude_bottom

    có 2 bug nhỏ mình vừa phát hiện, một là sau khi edit bài viết phải F5 reload thì mới mở được spoiler (do host hay code ko biết nữa ); hai là nút scroll bị lỗi khi lồng spoiler trong spoiler
    1. Mọi code spoiler dùng jquery khi sửa bài viết đều phải F5, đơn giản là tác giả ko muốn động đến hook hiếc gì cả nên nó thế. Vì động đến hook thì sau khi sửa xong jquery sẽ load lại mới ứng với loạt hiệu ứng mới, còn ko đụng đến hook thì pó tay
    2. Chả hiểu bạn nói nút scroll lỗi là lỗi gì @.@, vì mình kiểm tra rất kỹ thì với trang get code spoiler thì giống y hệt và chả có gì khác cả

    Rút gọn link - Url Shortner : http://u.vnpsc.com

  15. #10
    Join Date
    21 October 2013
    Posts
    133
    Thanks
    37
    Thanked 20 Times in 18 Posts
    Rep Power
    10
    1. Tại mình thử edit bài viết bên bachngocsach thấy spoiler mở bình thường nên tưởng bug, chắc do họ dùng xenforo

    2. Quái nhỉ, mình test thì 2 nút scroll ở spoiler mẹ ko dùng được, spoiler con vẫn bình thường.

  16. #11
    Join Date
    10 January 2011
    Location
    HN
    Posts
    3.294
    Thanks
    552
    Thanked 1.588 Times in 1.101 Posts
    Rep Power
    187
    Quote Originally Posted by Decepticon View Post
    1. Tại mình thử edit bài viết bên bachngocsach thấy spoiler mở bình thường nên tưởng bug, chắc do họ dùng xenforo

    2. Quái nhỉ, mình test thì 2 nút scroll ở spoiler mẹ ko dùng được, spoiler con vẫn bình thường.
    1. làm cũng dc nhưng động đến hook, lười lắm ko muốn chèn
    2. bạn thử reg nick bên trang bạn đưa thì sẽ thấy. Đó là bug khi lồng spoiler với nhau thì nút mũi tên lên và xuống ở bên lỗi.... cái này bên đó lỗi thì chịu r

    Rút gọn link - Url Shortner : http://u.vnpsc.com

  17. The Following User Says Thank You to pokemon For This Useful Post:

    Decepticon (20 March 2015)

  18. #12
    Join Date
    21 October 2013
    Posts
    133
    Thanks
    37
    Thanked 20 Times in 18 Posts
    Rep Power
    10
    Chính xác là bachngocsach cũng bị, mình vừa thử xong

  19. #13
    Join Date
    10 January 2011
    Location
    HN
    Posts
    3.294
    Thanks
    552
    Thanked 1.588 Times in 1.101 Posts
    Rep Power
    187
    Quote Originally Posted by Decepticon View Post
    Chính xác là bachngocsach cũng bị, mình vừa thử xong
    đã fix xong nhé, chi tiết có thể xem link demo của mình bên trên.Còn update thì downfile mới về up đè lên là xong


    v1.1 :
    - Fix lỗi nhiều spoiler chồng lên nhau
    - Chỉnh sửa hiệu ứng dễ dàng hơn. Để chỉnh thì vào trang : http://plugins.compzets.com/animatescroll/, rồi mở file spl.spoiler.js sửa dòng
    Code:
    var pkmeasing = "easeOutBack";

    Rút gọn link - Url Shortner : http://u.vnpsc.com

  20. The Following User Says Thank You to pokemon For This Useful Post:

    Decepticon (20 March 2015)

  21. #14
    Join Date
    21 October 2013
    Posts
    133
    Thanks
    37
    Thanked 20 Times in 18 Posts
    Rep Power
    10
    nút cuộn lên (▲) chạy rất chính xác nhưng cuộn xuống (▼) lỗi còn nặng hơn ver 1.0 (= =!

    bác poke xem nè: http://hwan.eu.org/upload/threads/5-...ecepticon.html
    Last edited by Decepticon; 20 March 2015 at 05:19 PM.

  22. #15
    Join Date
    10 January 2011
    Location
    HN
    Posts
    3.294
    Thanks
    552
    Thanked 1.588 Times in 1.101 Posts
    Rep Power
    187
    Quote Originally Posted by Decepticon View Post
    nút cuộn lên (▲) chạy rất chính xác nhưng cuộn xuống (▼) lỗi còn nặng hơn ver 1.0 (= =!

    bác poke xem nè: http://hwan.eu.org/upload/threads/5-...ecepticon.html
    bạn xóa nút đó rồi còn đâu, đã vậy demo của mình ở link trên vẫn chạy đều đều nên ko hiểu bạn bảo lỗi là lỗi ntn lun

    Rút gọn link - Url Shortner : http://u.vnpsc.com



Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •