Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Share bộ chuông nhạc cực cực HOT dành cho giáng sinh 2012

Chủ đề thuộc danh mục 'HTML - CSS - JS - PHP - ASP' được đăng bởi Phạm Hữu Dư, 7/12/12.

Lượt xem: 16,123

  1. Phạm Hữu Dư phamhuudu.com

    Sau khi trang trí xong diễn đàn với bộ chuông này, có rất nhiều bạn đã đề xuất nguyện vọng muốn mình share bộ chuông nhạc này để mang về trang trí cho website :D

    Thật ra bộ chuông nhạc này đầu tiên là để áp dụng cho mã nguồn diễn đàn Xenforo (là mã nguồn mà forum chúng ta đang phát triển). Tuy nhiên nếu biết cách đặt thì các bạn có thể sử dụng cho tất cả các thể loại website khác, như diễn đàn vbb hay trang web bình thường.

    Bộ code này được share bởi JacquiiDesigns thiết kế dành riêng cho giáng sinh.

    Đầu tiên cho các bạn xem demo: (các bạn có thể xem trực tiếp trên diễn đàn)

    [​IMG]

    Đặc điểm của bộ chuông này: là khi rê chuột vào có thể làm rung rinh chuông và phát ra tiếng nhạc rất vui tai. Bên cạnh đó các bạn cũng có thể gõ tay lên bàn phím và phát ra tiếng nhạc nhờ đã được hỗ trợ javascript phát nhạc rồi :D

    Hướng dẫn:
    • Đầu tiên các bạn download bộ source code về tại đây:
    (589 KB)
    [lock][​IMG][/lock]​

    Sau khi download về, các bạn mở phần đã download lên và up thư mục holiday_bells lên root của host nhé (ngang hàng với index).

    • Tiếp theo, sau khi đã up source lên host rồi thì các bạn sẽ thêm các đoạn code sau vào website của bạn:
    Đầu tiên là thêm 2 đoạn javascript này vào header (nếu là xenforo thì bạn add 2 đoạn này vào template page_container_js_head)
    <script src="holiday_bells/js/swfobject.min.
    	
    js"></script>
    <script src="holiday_bells/js/holiday_bells.
    	
    js"></script>
    Sau đó thêm đoạn code sau vào bất cứ chỗ nào bạn muốn hiển thị bộ chuông nhạc này: (nếu là xenforo thì nên chèn vào template PAGE_CONTAINER ở gần cuối trước đoạn </body></html>)
    <div class="b-page_newyear">
    <div class="b-page__content">
    <i class="b-head-decor">
    <i class="b-head-decor__inner b-head-decor__inner_n1">
    <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    </i>
    <i class="b-head-decor__inner b-head-decor__inner_n2">
    <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    </i>
    <i class="b-head-decor__inner b-head-decor__inner_n3">
    <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    </i>
    <i class="b-head-decor__inner b-head-decor__inner_n4">
    <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    </i>
    <i class="b-head-decor__inner b-head-decor__inner_n5">
    <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    </i>
    <i class="b-head-decor__inner b-head-decor__inner_n6">
    <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    </i>
    <i class="b-head-decor__inner b-head-decor__inner_n7">
    <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
    </i>
    </i>
    </div>
    </div> 
    Và cuối cùng là css cho nó: (nếu là xenforo thì đặt đoạn css này ở template EXTRA.css)
    /* HOLIDAY BELLS */
    
    .b-page__content { min-height:120px; }
    .b-head-decor { display:none; }
    .b-page_newyear .b-head-decor { position:absolute; top:0; left:0; display:block; height:115px; width:100%; overflow:hidden; background:url('holiday_bells/images/balls/b-head-decor_newyear.png') repeat-x 0 0; }
    .b-page_newyear .b-head-decor__inner { position:absolute; top:0; left:0; height:115px; display:block; width:373px; }
    .b-page_newyear .b-head-decor::before { content:''; display:block; position:absolute; top:-115px; left:0; z-index:3; height:115px; display:block; width:100%; }
    .b-page_newyear .b-head-decor__inner_n2 { left:373px; }
    .b-page_newyear .b-head-decor__inner_n3 { left:746px; }
    .b-page_newyear .b-head-decor__inner_n4 { left:1119px; }
    .b-page_newyear .b-head-decor__inner_n5 { left:1492px; }
    .b-page_newyear .b-head-decor__inner_n6 { left:1865px; }
    .b-page_newyear .b-head-decor__inner_n7 { left:2238px; }
    .b-ball { position:absolute; }
    .b-ball_n1 { top:0; left:3px; width:59px; height:83px; }
    .b-ball_n2 { top:-19px; left:51px; width:55px; height:70px; }
    .b-ball_n3 { top:9px; left:88px; width:49px; height:67px; }
    .b-ball_n4 { top:0; left:133px; width:57px; height:102px; }
    .b-ball_n5 { top:0; left:166px; width:49px; height:57px; }
    .b-ball_n6 { top:6px; left:200px; width:54px; height:70px; }
    .b-ball_n7 { top:0; left:240px; width:56px; height:67px; }
    .b-ball_n8 { top:0; left:283px; width:54px; height:53px; }
    .b-ball_n9 { top:10px; left:321px; width:49px; height:66px; }
    .b-ball_n1 .b-ball__i { background:url('holiday_bells/images/balls/b-ball_n1.png') no-repeat; }
    .b-ball_n2 .b-ball__i { background:url('holiday_bells/images/balls/b-ball_n2.png') no-repeat; }
    .b-ball_n3 .b-ball__i { background:url('holiday_bells/images/balls/b-ball_n3.png') no-repeat; }
    .b-ball_n4 .b-ball__i { background:url('holiday_bells/images/balls/b-ball_n4.png') no-repeat; }
    .b-ball_n5 .b-ball__i { background:url('holiday_bells/images/balls/b-ball_n5.png') no-repeat; }
    .b-ball_n6 .b-ball__i { background:url('holiday_bells/images/balls/b-ball_n6.png') no-repeat; }
    .b-ball_n7 .b-ball__i { background:url('holiday_bells/images/balls/b-ball_n7.png') no-repeat; }
    .b-ball_n8 .b-ball__i { background:url('holiday_bells/images/balls/b-ball_n8.png') no-repeat; }
    .b-ball_n9 .b-ball__i { background:url('holiday_bells/images/balls/b-ball_n9.png') no-repeat; }
    .b-ball_i1 .b-ball__i { background:url('holiday_bells/images/balls/b-ball_i1.png') no-repeat; }
    .b-ball_i2 .b-ball__i { background:url('holiday_bells/images/balls/b-ball_i2.png') no-repeat; }
    .b-ball_i3 .b-ball__i { background:url('holiday_bells/images/balls/b-ball_i3.png') no-repeat; }
    .b-ball_i4 .b-ball__i { background:url('holiday_bells/images/balls/b-ball_i4.png') no-repeat; }
    .b-ball_i5 .b-ball__i { background:url('holiday_bells/images/balls/b-ball_i5.png') no-repeat; }
    .b-ball_i6 .b-ball__i { background:url('holiday_bells/images/balls/b-ball_i6.png') no-repeat; }
    .b-ball_i1{top:0; left:0; width:25px; height:71px; }
    .b-ball_i2{top:0; left:25px; width:61px; height:27px; }
    .b-ball_i3{top:0; left:176px; width:29px; height:31px; }
    .b-ball_i4{top:0; left:205px; width:50px; height:51px; }
    .b-ball_i5{top:0; left:289px; width:78px; height:28px; }
    .b-ball_i6{top:0; left:367px; width:6px; height:69px; }
    .b-ball__i { position:absolute; width:100%; height:100%; -webkit-transform-origin:50% 0; -moz-transform-origin:50% 0; -o-transform-origin:50% 0; transform-origin:50% 0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; pointer-events:none; }
    .b-ball_bounce .b-ball__right{position:absolute; top:0; right:0; left:50%; bottom:0; z-index:9; }
    .b-ball_bounce:hover .b-ball__right{ display:none; }
    .b-ball_bounce .b-ball__right:hover{ left:0; display:block!important; }
    .b-ball_bounce.bounce>.b-ball__i{ -webkit-transform:rotate(-9deg); -moz-transform:rotate(-9deg); -o-transform:rotate(-9deg); transform:rotate(-9deg); }
    .b-ball_bounce .b-ball__right.bounce+.b-ball__i { -webkit-transform:rotate(9deg); -moz-transform:rotate(9deg); -o-transform:rotate(9deg); transform:rotate(9deg); }
    .b-ball_bounce.bounce1>.b-ball__i {-webkit-transform:rotate(6deg); -moz-transform:rotate(6deg); -o-transform:rotate(6deg); transform:rotate(6deg); }
    .b-ball_bounce .b-ball__right.bounce1+.b-ball__i {-webkit-transform:rotate(-6deg); -moz-transform:rotate(-6deg); -o-transform:rotate(-6deg); transform:rotate(-6deg); }
    .b-ball_bounce.bounce2>.b-ball__i{ -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg); }
    .b-ball_bounce .b-ball__right.bounce2+.b-ball__i{ -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg); }
    .b-ball_bounce.bounce3>.b-ball__i {-webkit-transform:rotate(1.5deg); -moz-transform:rotate(1.5deg); -o-transform:rotate(1.5deg); transform:rotate(1.5deg); }
    .b-ball_bounce .b-ball__right.bounce3+.b-ball__i { -webkit-transform:rotate(-1.5deg); -moz-transform:rotate(-1.5deg); -o-transform:rotate(-1.5deg); transform:rotate(-1.5deg); } 
    Thế là đã xong rồi đấy, tùy theo mã nguồn website của bạn mà đặt sao cho phù hợp nha! Sỡ dĩ ở phần hướng dẫn này mình hay đề cập đến Xenforo là vì mình đang áp dụng bộ code này cho Xenforo (diễn đàn của mình đang xài mà :D).

    Không có gì khó khăn đâu! Thử áp dụng liền nhé ^^ And Merry Christmas

    Xem thêm:
    Share code ông già noel bay bay trên website của bạn
    Share code javascript tuyết rơi đẹp lung linh đây

    ...
    Librius, KuHit, Huấn Lê18 người khác thích bài viết này.
  2. khoiuehb

    khoiuehb Thành viên cấp 1

    Còn bên BBcode thì sao hả a Dư;)
  3. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    BBcode là sao nhỉ :-? Ko hiểu lắm!
  4. Eminem

    Eminem Cựu quản trị

    Ý bạn là vBullentin à ?;))
    khoiuehb thích bài viết này
  5. anna

    anna Thành viên cấp 2

    A Dư để avata kiểu "chết người" @@
  6. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Là sao nhỉ :-?
  7. _Yuie

    _Yuie Mới đăng kí

    Thanks ad vì bộ code nhé~ <3
    Rất đáng yêu ^^~
  8. Vũ Mạnh Cường

    Vũ Mạnh Cường Thành viên cấp 1

    còn code nhạc khi ấn bàn phím nữa anh ơi :)
  9. Eminem

    Eminem Cựu quản trị

    javascript hỗ trợ gõ bàn phím rồi mà bạn.
  10. Vũ Mạnh Cường

    Vũ Mạnh Cường Thành viên cấp 1

    :D
  11. kitodeath

    kitodeath Mới đăng kí

    Mình chèn thì okie rồi, mà hình như Script rung chuông không chạy được (chỉ chuột vào nó đứng im cũng như không có tiếng gì cả)
    //Mình xài vb 4.2
  12. duabo

    duabo Mới đăng kí

    t có web = template joomla thì 2 đoạn
    <script src="holiday_bells/js/swfobject.min. js"></script>
    <script src="holiday_bells/js/holiday_bells. js"></script>
    sẽ đặt vào chỗ nào b nhỉ??
  13. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Mình ko xài vbb nên ko rõ, bạn có thể nói rõ 2 đoạn js bạn để ở đâu ko?

    Mình cũng ko xài joomla nên chưa rõ, bạn thử bỏ vào template header xem sao :D
  14. kitodeath

    kitodeath Mới đăng kí

    Mình để trong Templates/Header

    //Đoạn Script tuyết rơi thì okie bạn à, còn cái này nó hơm có chạy :D
  15. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Ko biết bên vbb có template nào tương tự như page_container_js_head ko nhỉ :-?
  16. kitodeath

    kitodeath Mới đăng kí

    Hì, thực sự là mình không biết ! Để xem thử tương lai có mem nào xài Vb okie & post kinh nghiệm lên không đã !
    Dù sao cũng cảm ơn bạn thật nhiều ^^
  17. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Bạn liên hệ cậu boyplay này nhé, thấy cậu ấy đã áp dụng thành công cho diễn đàn vbb rồi đấy!
  18. khoiuehb

    khoiuehb Thành viên cấp 1

    đúng ùi anh, như bên 4rum V-Z đó
  19. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Liên hệ cậu boyplay này luôn nhé, confirm là code này dùng cho vbb ngon lành :)
    khoiuehb thích bài viết này
  20. boyplay

    boyplay Thành viên cấp 3

    Mấy bác xài VBB mún chèn cái này vào thì tớ ko khuyên dùng há. Vì phải chỉnh cái CSS lại. Và nhiều skin nó để phần đăng nhập góc trên, nếu các bạn chèn kỉu này mà ko thiết lập đc z-index thì coi như thành viên khỏi đăng nhập. Như 4rum VDS may là cái nút đăng nhập nó lòi ra ngoài cho mà bấm chứ ko thì ko bik sao luôn

    Còn bên 4rum tớ chèn thực ra là dùng iframe chèn thôi cho nó đơn giản, tránh gây lỗi ko cần thiết cho VBB, khắc phục hậu quả thì mệt :)). Mấy cái đồ chơi này tớ toàn chèn bên ngoài chứ ko đưa trực tiếp vào VBB để đảm bảo tính ổn định của skin mặc định

Ủng hộ diễn đàn