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 18

Mod: News And Annoucement Scroller

  1. News And Annoucement Scroller Detail »»

  2. News And Annoucement Scroller

    Developer Last Online: Apr 2017  Show Printable Version  Email this Page
    • vB Version: All Version
      Rating:  (2 votes - 4,50 average)
      Installs: 7
    • Release Date: 20 Mar 2009
      Last Update: Never
      Downloads: 0
      • SupportedSupported
      • Template EditsTemplate Edits
    Demo là tại diễn đàn ViệtVBB luôn.

    Các bạn muốn có 1 bảng News And Annoucement dạng trượt ,không cần js ,vừa đẹp vừa gọn.Hãy làm như sau :

    Bước 1 :

    Chèn vào FORUMHOME,tìm :

    HTML Code:
    <head>
    chèn sau :

    Code:
    <style type="text/css">
    #pscroller2{
    height: 18px;
    padding: 3px;
    }
    #pscroller2 a{
    text-decoration: none;
    }
    .someclass{ //class to apply to your scroller(s) if desired
    }
    </style>
    <script type="text/javascript">
    // Tin tức VietVBB.VN
    var pausecontent2=new Array()
    pausecontent2[0]='<div style="text-align: center;"><font size="4"><a href="http://vietvbb.vn/up/showthread.php?goto=newpost&t=18837"> <font color=blue><font size=1>(1/3)</font></font> <font color="red">MOTM</font> tháng 03/2009 </a></font></div>'
    pausecontent2[1]='<div style="text-align: center;"><font size="4"><a href="http://vietvbb.vn/up/showthread.php?goto=newpost&t=18835"> <font color=blue><font size=1>(2/3)</font></font> <font color="red">SOTM</font> tháng 03/2009 </a></font></div>'
    pausecontent2[2]='<div style="text-align: center;"><font size="4"><a href="http://vietvbb.vn/up/showthread.php?goto=newpost&t=18840"><font size=4><font color=blue><font size=1>(3/3)</font></font> <font color="red">BOTM</font> tháng 03/2009</font> </a></font></div>'
    </script>
    <script type="text/javascript">
    function pausescroller(content, divId, divClass, delay){
    this.content=content //message array content
    this.tickerid=divId //ID of ticker div to display information
    this.delay=delay //Delay between msg change, in miliseconds.
    this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
    this.hiddendivpointer=1 //index of message array for hidden div
    document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')
    var scrollerinstance=this
    if (window.addEventListener) //run onload in DOM2 browsers
    window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
    else if (window.attachEvent) //run onload in IE5.5+
    window.attachEvent("onload", function(){scrollerinstance.initialize()})
    else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
    setTimeout(function(){scrollerinstance.initialize()}, 500)
    }
    pausescroller.prototype.initialize=function(){
    this.tickerdiv=document.getElementById(this.tickerid)
    this.visiblediv=document.getElementById(this.tickerid+"1")
    this.hiddendiv=document.getElementById(this.tickerid+"2")
    this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
    //set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
    this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
    this.getinline(this.visiblediv, this.hiddendiv)
    this.hiddendiv.style.visibility="visible"
    var scrollerinstance=this
    document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
    document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
    if (window.attachEvent) //Clean up loose references in IE
    window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
    setTimeout(function(){scrollerinstance.animateup()}, this.delay)
    }
    pausescroller.prototype.animateup=function(){
    var scrollerinstance=this
    if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
    this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
    this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
    setTimeout(function(){scrollerinstance.animateup()}, 50)
    }
    else{
    this.getinline(this.hiddendiv, this.visiblediv)
    this.swapdivs()
    setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
    }
    }
    pausescroller.prototype.swapdivs=function(){
    var tempcontainer=this.visiblediv
    this.visiblediv=this.hiddendiv
    this.hiddendiv=tempcontainer
    }
    pausescroller.prototype.getinline=function(div1, div2){
    div1.style.top=this.visibledivtop+"px"
    div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
    }
    pausescroller.prototype.setmessage=function(){
    var scrollerinstance=this
    if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
    setTimeout(function(){scrollerinstance.setmessage()}, 100)
    else{
    var i=this.hiddendivpointer
    var ceiling=this.content.length
    this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
    this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
    this.animateup()
    }
    }
    pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
    if (tickerobj.currentStyle)
    return tickerobj.currentStyle["paddingTop"]
    else if (window.getComputedStyle) //if DOM2
    return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
    else
    return 0
    }
    </script>
    Thích thì các bạn sửa lại css...padding..., còn nội dung của news thì sửa ở đoạn

    // Tin tức VietVBB.VN

    Bước 2 :


    Vào templates navbar,chèn dưới cùng :
    Code:
    <if condition="THIS_SCRIPT=='index'">
    <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
      <tr>
        <td class="tcat"><a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('latestnews_scroller')"><img id="collapseimg_latestnews_scroller" src="$stylevar[imgdir_button]/collapse_tcat$vbcollapse[collapseimg_latestnews_scroller].gif" alt="" border="0" /></a>Tin tức VietVBB</td>
     </tr>
    <tbody id="collapseobj_latestnews_scroller" style="$vbcollapse[collapseobj_latestnews_scroller]">
      <tr>
        <td class="alt1"><script type="text/javascript">
    //new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)
    new pausescroller(pausecontent2, "pscroller2", "someclass", 2000)
    </script></td>
      </tr>
      </tbody>
    </table>
    <br>
    </if>
    Trong đó thì :

    <if condition="THIS_SCRIPT=='index'">
    Để chỉ cho xuất hiện ở trang FORUMHOME !

    Code đơn giản vậy thôi,các bạn có thể tùy biến
    Download Now
    No Files Uploaded.
    Supporters / CoAuthors
    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 8 Users Say Thank You to [v2b]®SiêuNoopy™ For This Useful Post:

    1551990 (20 March 2009),alikinblue™ (20 March 2009),boylunyahoo (27 April 2009),cauutcom (24 April 2009),E.Rex (14 July 2009),emxinh8x (20 March 2009),Taybac (20 March 2009),tieubavuong140 (12 April 2011)

  4. Similar Mods

    1. [Add-On Releases] News Mod Plus 1.0.33
      By longquan88 in forum vBulletin 4.x.x Add-ons
      Replies: 9
      Last Post: 23 July 2011, 08:01 PM
    2. [Administrative and Maintenance Tools] Hide AdminCP vB News table if all news are dismissed
      By The Monster in forum vBulletin 3.8 Add-ons
      Replies: 2
      Last Post: 22 April 2009, 05:40 PM
  5. Comments

  6. #2
    Join Date
    21 February 2009
    Age
    29
    Posts
    230
    Thanks
    92
    Thanked 36 Times in 22 Posts
    Rep Power
    23
    cho em xin cái demo luôn anh.

  7. #3
    Join Date
    12 May 2008
    Location
    Alger
    Age
    25
    Posts
    3.859
    Thanks
    699
    Thanked 5.838 Times in 1.284 Posts
    Rep Power
    646
    Demo là tại diễn đàn ViệtVBB luôn.


    Không đọc câu này à

  8. #4
    Join Date
    10 January 2009
    Age
    39
    Posts
    173
    Thanks
    70
    Thanked 15 Times in 14 Posts
    Rep Power
    13
    Hay wa - em đang cần cái này - thank anh nhé ..

  9. #5
    Join Date
    25 December 2007
    Posts
    375
    Thanks
    163
    Thanked 402 Times in 68 Posts
    Rep Power
    60
    SN phát triển thành Mod thì hay quá , Chỉnh sửa mấy cái link cho tiện , mỗi khi cần chỉnh sửa cứ phải edit Template dễ bị lỗi lắm

  10. #6
    Join Date
    12 May 2008
    Location
    Alger
    Age
    25
    Posts
    3.859
    Thanks
    699
    Thanked 5.838 Times in 1.284 Posts
    Rep Power
    646
    Độ này không có thời gian

  11. #7
    Join Date
    5 September 2007
    Location
    hà đông
    Posts
    860
    Thanks
    99
    Thanked 231 Times in 191 Posts
    Rep Power
    59
    hê, v2b hiện giờ ko có cái thông báo nào thì xem demo bằng j` hả cu

  12. #8
    Join Date
    19 June 2008
    Location
    http://nhatrangdev.com
    Age
    28
    Posts
    1.622
    Thanks
    746
    Thanked 648 Times in 349 Posts
    Rep Power
    102
    thì đây là demo nè Test thôi cho các bác thấy demo

    Skin default [Click]

    Kéo xuống chọn skin default nha
    Last edited by E.Rex; 29 April 2009 at 09:36 AM.

  13. #9
    Join Date
    25 December 2007
    Posts
    375
    Thanks
    163
    Thanked 402 Times in 68 Posts
    Rep Power
    60
    Demo site tớ vừa làm xong nè http://kienthuc360.com

  14. #10
    Join Date
    5 September 2007
    Location
    hà đông
    Posts
    860
    Thanks
    99
    Thanked 231 Times in 191 Posts
    Rep Power
    59
    cứ sài import phát là ok, rùi viết j` cứ vô ACP sài là tiện đỡ phải edit temp nhìn đau mắt lắm
    sr cu nhé, anh chỉ góp ý thế thôim chứ ko có ý chê bai đâu nhé.
    Last edited by kenjin; 20 March 2009 at 09:39 PM.

  15. #11
    Join Date
    12 May 2008
    Location
    Alger
    Age
    25
    Posts
    3.859
    Thanks
    699
    Thanked 5.838 Times in 1.284 Posts
    Rep Power
    646
    Có code chắc đợi anh N code

  16. #12
    Join Date
    5 September 2007
    Location
    hà đông
    Posts
    860
    Thanks
    99
    Thanked 231 Times in 191 Posts
    Rep Power
    59
    cu chuyên code sao lại đợi, code đi sài cho tiện

  17. #13
    Join Date
    8 March 2008
    Location
    Cửa Ông City
    Age
    28
    Posts
    366
    Thanks
    192
    Thanked 245 Times in 77 Posts
    Rep Power
    38
    cái này code thành MOD thì hay hi!hi! nhưng dùng với Text ko hay lắm làm mí cái banner roài cứ chạy chạy dzay hay hơn Thank trước! chưa dùng

    p/s: share cái gallery đi SiêuNoopy nhìn đẹp quá lại nhanh nữa
    Last edited by alikinblue™; 20 March 2009 at 10:32 PM.

  18. #14
    Join Date
    20 September 2008
    Age
    34
    Posts
    87
    Thanks
    84
    Thanked 4 Times in 3 Posts
    Rep Power
    11
    mún cho thông báo hết các temp luôn thì làm sao bạn

  19. #15
    Join Date
    9 June 2008
    Location
    Đà Nẵng
    Age
    25
    Posts
    1.910
    Thanks
    238
    Thanked 982 Times in 536 Posts
    Rep Power
    658
    @boylunyahoo: Thế thì ở Bước 2 chèn cái này thay cho cái code ở trên:
    Code:
    <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
      <tr>
        <td class="tcat"><a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('latestnews_scroller')"><img id="collapseimg_latestnews_scroller" src="$stylevar[imgdir_button]/collapse_tcat$vbcollapse[collapseimg_latestnews_scroller].gif" alt="" border="0" /></a>Tin tức VietVBB</td>
     </tr>
    <tbody id="collapseobj_latestnews_scroller" style="$vbcollapse[collapseobj_latestnews_scroller]">
      <tr>
        <td class="alt1"><script type="text/javascript">
    //new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)
    new pausescroller(pausecontent2, "pscroller2", "someclass", 2000)
    </script></td>
      </tr>
      </tbody>
    </table>
    <br>

  20. The Following User Says Thank You to Nguyễn Bảo Ngọc For This Useful Post:

    boylunyahoo (2 May 2009)



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
  •