{Giúp với} Quả Tên Lửa Up Của Joomlaviet

Thảo luận trong 'Hướng dẫn - Hỏi đáp' bắt đầu bởi nambeo301, 18/6/12.

Trang 1 của 3 trang
  1. nambeo301

    nambeo301 Rất tích cực

    Bài viết:
    174
    Likes :
    23
    có lẻ cái tiêu đề hơi khó hiểu.
    nhưng mà các bạn thấy góc dưới bên phải có chử up màu trắng không.
    chỉ vào nó ra hình quả tên lửa và nhấp vào thì xịt lửa rồi bay lên.
    mình thấy rất thú vị.
    làm thế nào để cài vào website được
    và joomla bản 1.5.6 có cài vào được không?
    thank
     
    nambeo301, 18/6/12
    #1
  2. TomyTran

    TomyTran Marketing & Founder Staff Member

    Bài viết:
    1,073
    Likes :
    666
    Đề nghị Hải xem code rồi tạo module joomla cho anh em xài nhé, để sẵn dạng option có thể chọn các image khác nhau ngoài hình tên lửa hoặc tự chọn ảnh bằng cách điền url, ví vụ bạn nào chọn hình siu nhơn xịt khói chẳng hạn :D
     
    TomyTran, 18/6/12
    #2
    huyva88, lalang and nambeo301 like this.
  3. nambeo301

    nambeo301 Rất tích cực

    Bài viết:
    174
    Likes :
    23
    thank ^^
     
    nambeo301, 18/6/12
    #3
  4. yeu_joomla

    yeu_joomla Rất tích cực

    Bài viết:
    103
    Likes :
    20
    Thú vị thật, hoan nghênh diễn đàn sớm tạo module để anh em có thể thưởng thức
     
    yeu_joomla, 18/6/12
    #4
  5. anhthichcuoi85

    anhthichcuoi85 Supper Mê... Joomla

    Bài viết:
    245
    Likes :
    50
    Hicx sao không thấy cái module nào được úp lên cho quả tên lửa này vậy ?
     
    anhthichcuoi85, 20/6/12
    #5
  6. VJL

    VJL Be like no others ... Staff Member

    Bài viết:
    501
    Likes :
    303
    Mình đóan là sẽ có topic như này:

    Css trước nè:
    Mã:
    #totop,#totop2{
 
position: fixed;right: 0;bottom: 10px;
 
width: 149px;height: 249px;overflow: hidden;
 
cursor: pointer;display: none;
 
background: url(up.png) no-repeat 0px 0;
 
z-index: 9999;
 
}
 
#totop2{
 
background: url(up.png) no-repeat -149px 0;
 
}
    Thêm code bên dưới vào trước thẻ </body> trong theme
    Mã:
    <script>
 
$(function(){
 
$('html').append('<div id="totop"></div><div id="totop2"></div>')
 
$('#totop').hover(function(){
 
$('#totop2').fadeIn().mouseout(function(){
 
$(this).fadeOut(200)
 
})
 
})
 
var defaultTop=$(window).height()-10-249//10 vi tri canh bottom ban dau, 249 la chieu cao
 
$(window).resize(function(){
 
defaultTop=$(window).height()-10-249//phong tru truong hop resize trinh duyet
 
})
 
var ranPo=['-298px 0','-447px 0','-596px 0','-745px 0']
 
$(window).scroll(function(){
 
var $top=$(window).scrollTop()
 
if($top>50){
 
$('#totop').fadeIn(100)
 
$('#totop2').css('top',defaultTop)
 
}else{
 
$('#totop,#totop2').fadeOut(100)
 
}
 
})
 
$('#totop2').click(function(){
 
timeranPo=window.setInterval(function(){
 
$('#totop2').css({'background-position':ranPo[Math.floor(Math.random()*ranPo.length)],'display':'block'})
 
},200)
 
setTimeout(function(){
 
$('html,body').stop().animate({scrollTop:'50px'},400,function(){
 
$('#totop2').stop().animate({'top':'-250px'},300,function(){
 
clearInterval(timeranPo)
 
$('#totop2').css('background-position','-149px 0').hide()
 
})
 
})
 
},800)
 
})
 
})
 
</script>
    Cuối cùng là hình ảnh tên lửa: http://diendan.joomlaviet.vn/up.png
    Chúc các bạn phóng tên lửa vui vẻ *nah*
     
    VJL, 20/6/12
    #6
    huyva88, sharpe, thanmeo10 and 1 other person like this.
  7. kingstone

    kingstone Rất nhiệt tình

    Bài viết:
    478
    Likes :
    152

    Tuyệt, tks anh hoanghai, anh cho e xin yahoo được không, ngoài lề xíu, tại em cũng đang phát triển diễn đàn cho trường cũ bằng xenforo, có nhiều cái bên mình muốn "chôm" qua mà tìm trên gugo hok thấy, nên hỏi anh ^^
     
    kingstone, 20/6/12
    #7
  8. nambeo301

    nambeo301 Rất tích cực

    Bài viết:
    174
    Likes :
    23
    css chèn vào đâu bác???
     
    nambeo301, 20/6/12
    #8
  9. dinhchi

    dinhchi Administrator Staff Member

    Bài viết:
    1,358
    Likes :
    1,022
    chèn vào template.css
     
    dinhchi, 20/6/12
    #9
  10. nambeo301

    nambeo301 Rất tích cực

    Bài viết:
    174
    Likes :
    23
    chèn vào đâu trong template.ccs vậy?
    vẫn chèn trên body à?
     
    nambeo301, 20/6/12
    #10
  11. VJL

    VJL Be like no others ... Staff Member

    Bài viết:
    501
    Likes :
    303
    css chèn vào cuối cái template.ccs hoặc style.css hay gì đó tùy theme của bạn ntn
     
    VJL, 20/6/12
    #11
  12. nambeo301

    nambeo301 Rất tích cực

    Bài viết:
    174
    Likes :
    23
    *Rage*
    làm theo mà vẫn chưa thấy tên lửa đâu cả T_T
    mà cái hình ảnh cuối. để làm gì vậy???
     
    nambeo301, 20/6/12
    #12
  13. dinhchi

    dinhchi Administrator Staff Member

    Bài viết:
    1,358
    Likes :
    1,022
    hỏi hay quá, ko có ảnh thì tên lửa đâu mà phụt =))

    trong phần css ý, bạn chú ý background: url(up.png) no-repeat 0px 0; nhé, thay đường dẫn cho ảnh chính xác
     
    dinhchi, 20/6/12
    #13
  14. nambeo301

    nambeo301 Rất tích cực

    Bài viết:
    174
    Likes :
    23
    code trong template đoạn cuối tớ sửa thành thế này...
    mà nó vẫn không khác gì..
    Mã:
    #totop,#totop2{
 
position: fixed;right: 0;bottom: 10px;
 
width: 149px;height: 249px;overflow: hidden;
 
cursor: pointer;display: none;
 
background: url(http://diendan.joomlaviet.vn/up.png) no-repeat 0px 0;
 
z-index: 9999;
 
}
 
#totop2{
 
background: url(http://diendan.joomlaviet.vn/up.png) no-repeat -149px 0;
 
}
     
    nambeo301, 20/6/12
    #14
  15. nambeo301

    nambeo301 Rất tích cực

    Bài viết:
    174
    Likes :
    23
    ảnh rồi đó mà cứ im re. mà không có ảnh thì phải có cái gì gì ở góc phải chứ nhĩ. đàng này chã thấy gì hết...
     
    nambeo301, 20/6/12
    #15
  16. dinhchi

    dinhchi Administrator Staff Member

    Bài viết:
    1,358
    Likes :
    1,022
    chèn chuẩn chưa, bạn cho xem demo phát để kiểm tra
     
    dinhchi, 20/6/12
    #16
  17. nambeo301

    nambeo301 Rất tích cực

    Bài viết:
    174
    Likes :
    23
    send luôn 2 file nè
    file template.css
    và file index.html ( nằm trong pulich_html
    tớ theo thằng hôm trước cài cắm vào web, chèn theo nó mà ko được ^^
    PS: giải nén ra nha có 2 file đó
     

    Các file đính kèm:

    nambeo301, 20/6/12
    #17
  18. dinhchi

    dinhchi Administrator Staff Member

    Bài viết:
    1,358
    Likes :
    1,022
    ặc, hỏi chèn đúng chưa mà mạnh mồm thế, index.html ở public_html thì liên quan gì đến template chứ

    bạn dùng temp gì, mở index.php trong template lên tìm xem có </body> ko, chèn vào
     
    dinhchi, 20/6/12
    #18
  19. nambeo301

    nambeo301 Rất tích cực

    Bài viết:
    174
    Likes :
    23
    hjhj.
    mù mù mờ mờ mà.
    để chèn cái nha
     
    nambeo301, 20/6/12
    #19
  20. nambeo301

    nambeo301 Rất tích cực

    Bài viết:
    174
    Likes :
    23
    à chèn từ đầu rồi mà chưa có hiện tượng gì :D
     
    nambeo301, 20/6/12
    #20
Trang 1 của 3 trang
comments powered by Disqus

Chia sẻ trang này