[Code] bbcode up ảnh imgur thay thế code tinypic forumotion

    Chuyển đến trang : 1, 2  Next

  • Admin

    bbcode up ảnh imgur thay thế code tinypic


    Việc sử dụng up ảnh trên tinypic mình thấy load chậm chậm sao ấy, hơn thế nữa cũng ko quản lý dc ảnh, vì vậy mình tích hợp code up ảnh của baivong từ devs vào nút bbcode cho các bạn sử dụng sceditor mặc định của forumotion

    Mặc định:


    Imgur:


    Bước 1: tạo trang html up ảnh imgur


    Đầu tiên các bạn làm theo hướng dẫn ở topic này

    http://www.hotrofm.net/t304-code-up-anh-len-imgur-mien-phi

    Lưu lại html và Nhớ lại link html đó ví dụ như hotrofm này là http://www.hotrofm.net/h11-page 

    Bước 2: Tạo js thay thế up ảnh cũ tinypic forumotion cũ


    sau đó vào modules > HTML & JAVASCRIPT >> Javascript codes management

    tạo js này không click vào đâu cả

    Code:
    $(window).load(function() {
        $('.sceditor-group:nth-child(4)').prepend('<a class="sceditor-button sceditor-button-upanh-hotrofm" title="Úp ảnh"><div></div></a>');
        $('.sceditor-button-upanh-hotrofm').click(function() {
            if ($('#upanhhotrofmPop').css('display') == 'none') {
                var y = $('.sceditor-button-upanh-hotrofm').offset().top +25;
                var x = $('.sceditor-button-upanh-hotrofm').offset().left;
                $('#upanhhotrofmPop').show().css('top',y + 'px').css('left',x + 'px');
            }
            else $('#upanhhotrofmPop').hide();
        });
    $( ".sceditor-button-servimg" ).remove();
    $('body').append('<div id="upanhhotrofmPop" style="display:none;position:absolute;z-index:50000;"><iframe src="http://www.domain.com/h1-page" scrolling="auto" allowtransparency="true" frameborder="0" width="300" height="400">Update your browser for tinypic.com</iframe></div><style>.sceditor-button-upanh-hotrofm div {background-position: 0 -644px;}</style>');
    });

    sau đó link http://www.domain.com/h1-page thành link html của bạn

    Bước 3. Cho code bbocde up ảnh vào chỗ cần hiện


    Code:
    <script src="link.js" type="text/javascript">

    Thường thì để ở viewtopicbody. postingbody


    Tags: #code #forumotion #bbcode #imgur



    Được sửa bởi Admin ngày 24.11.16 17:12; sửa lần 5.

  • kingofgame
    có khác bài của tôi không nhỉ ???

  • Giựt
    @kingofgame đã viết:có khác bài của tôi không nhỉ ???


    RẤT KHÁC LÀ ĐẰNG KHÁC Very Happy


    --Chữ ký--
    Diễn đàn Kênh Game 360>> Smile
  • binhdinhz
    ko thấy nó xuất hiện ad ơi

  • binhdinhz
    no vẫn hiện host úp ảnh cũ

  • lasperpen
    6. Re: [Code] bbcode up ảnh imgur thay thế code tinypic forumotion
    avatar ADM
    bạn k đưa link test làm s mà hỗ trợ được ?


    --Chữ ký--
    Khách viếng thăm nhìn cưng vậy cho hun cái coi Smile
  • binhdinhz
    http://forum.binhdinhz.com/t3-tin-tuc-hoi-cua-xe-cho-hang-sau-vu-chay-mac-phu-xe-van-xin#24

    Phù Cát pas 0962434257

  • lasperpen
    8. Re: [Code] bbcode up ảnh imgur thay thế code tinypic forumotion
    avatar ADM
    cho vào cuối viewtopic đoạn code sau
    Code:
    <script type="text/javascript">
    //<![CDATA[
        $('.sceditor-group:nth-child(4)').prepend('<a class="sceditor-button sceditor-button-upanh-hotrofm" title="Úp ảnh"><div></div></a>');
        $('.sceditor-button-upanh-hotrofm').click(function() {
            if ($('#upanhhotrofmPop').css('display') == 'none') {
                var y = $('.sceditor-button-upanh-hotrofm').offset().top +25;
                var x = $('.sceditor-button-upanh-hotrofm').offset().left;
                $('#upanhhotrofmPop').show().css('top',y + 'px').css('left',x + 'px');
            }
            else $('#upanhhotrofmPop').hide();
        });
    $( ".sceditor-button-servimg" ).remove();
    $('body').append('<div id="upanhhotrofmPop" style="display:none;position:absolute;z-index:50000;"><iframe src="http://www.hotrofm.net/h11-page" scrolling="auto" allowtransparency="true" frameborder="0" width="300" height="400">Update your browser for tinypic.com</iframe></div><style>.sceditor-button-upanh-hotrofm div {background-position: 0 -644px;}</style>');
    //]]>
    </script>


    --Chữ ký--
    Khách viếng thăm nhìn cưng vậy cho hun cái coi Smile
  • binhdinhz
    @lasperpen đã viết:cho vào cuối viewtopic đoạn code sau
    Code:
    <script type="text/javascript">
    //<![CDATA[
        $('.sceditor-group:nth-child(4)').prepend('<a class="sceditor-button sceditor-button-upanh-hotrofm" title="Úp ảnh"><div></div></a>');
        $('.sceditor-button-upanh-hotrofm').click(function() {
            if ($('#upanhhotrofmPop').css('display') == 'none') {
                var y = $('.sceditor-button-upanh-hotrofm').offset().top +25;
                var x = $('.sceditor-button-upanh-hotrofm').offset().left;
                $('#upanhhotrofmPop').show().css('top',y + 'px').css('left',x + 'px');
            }
            else $('#upanhhotrofmPop').hide();
        });
    $( ".sceditor-button-servimg" ).remove();
    $('body').append('<div id="upanhhotrofmPop" style="display:none;position:absolute;z-index:50000;"><iframe src="http://www.hotrofm.net/h11-page" scrolling="auto" allowtransparency="true" frameborder="0" width="300" height="400">Update your browser for tinypic.com</iframe></div><style>.sceditor-button-upanh-hotrofm div {background-position: 0 -644px;}</style>');
    //]]>
    </script>

    vẫn vậy ad ơi

  • lasperpen
    10. Re: [Code] bbcode up ảnh imgur thay thế code tinypic forumotion
    avatar ADM
    xóa bỏ đoạn đó đi và thay lại
    Code:

    <script type="text/javascript">
    $(document).ajaxComplete(function() {
        $('.sceditor-group:nth-child(4)').prepend('<a class="sceditor-button sceditor-button-upanh-hotrofm" title="Úp ảnh"><div></div></a>');
        $('.sceditor-button-upanh-hotrofm').click(function() {
            if ($('#upanhhotrofmPop').css('display') == 'none') {
                var y = $('.sceditor-button-upanh-hotrofm').offset().top +25;
                var x = $('.sceditor-button-upanh-hotrofm').offset().left;
                $('#upanhhotrofmPop').show().css('top',y + 'px').css('left',x + 'px');
            }
            else $('#upanhhotrofmPop').hide();
        });
    $( ".sceditor-button-servimg" ).remove();
    $('body').append('<div id="upanhhotrofmPop" style="display:none;position:absolute;z-index:50000;"><iframe src="http://www.hotrofm.net/h11-page" scrolling="auto" allowtransparency="true" frameborder="0" width="300" height="400">Update your browser for tinypic.com</iframe></div><style>.sceditor-button-upanh-hotrofm div {background-position: 0 -644px;}</style>');
      });
    </script>


    --Chữ ký--
    Khách viếng thăm nhìn cưng vậy cho hun cái coi Smile
  • binhdinhz
    ném vào posting body ko hiện ad ơi

  • the_dav
    Mình đã tést tất cả phiên bản đều dc nhé: ). ko hiện kỉêm tra xung đột js nào ko nhé.

    Cập nhật chi tiết bước 3

  • MiT
    +1 cho Admin ! Cuối cùng đã có

  • binhdinhz
    làm sao để bỏ cái dấu bản quyền Hotrofm.net ad nhỉ mình dùng code của ad http://www.hotrofm.net/h11-page

  • Admin
    @binhdinhz đã viết:làm sao để bỏ cái dấu bản quyền Hotrofm.net ad nhỉ mình dùng code của ad  http://www.hotrofm.net/h11-page



    Không đọc hướng dẫn à. phải làm bước này trước 

    http://www.hotrofm.net/t304-code-up-anh-len-imgur-mien-phi

  • Sponsored content

Thông tin tác giả
avatar
ACP
Bài viết :
353
Points :
690
Like :
108
Punbb
Quản trị
Status :
test
Xem lý lịch thành viên http://hotrofm.forumvi.com
Thông tin tác giả
avatar
MEM
Bài viết :
6
Points :
10
Like :
2
Punbb
An toàn
Xem lý lịch thành viên
Thông tin tác giả
avatar
MOD
Bài viết :
273
Points :
440
Like :
89
Punbb
Cẩn thận
Status :
Giựt đẹp trai
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM LV1
Bài viết :
21
Points :
25
Like :
0
blogger
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM LV1
Bài viết :
21
Points :
25
Like :
0
blogger
Xem lý lịch thành viên
Thông tin tác giả
avatar
ADM
Bài viết :
194
Points :
394
Like :
142
PhpBB3
Quản trị
Status :
Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
Xem lý lịch thành viên http://www.hotrofm.net/u4
Thông tin tác giả
avatar
MEM LV1
Bài viết :
21
Points :
25
Like :
0
blogger
Xem lý lịch thành viên
Thông tin tác giả
avatar
ADM
Bài viết :
194
Points :
394
Like :
142
PhpBB3
Quản trị
Status :
Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
Xem lý lịch thành viên http://www.hotrofm.net/u4
Thông tin tác giả
avatar
MEM LV1
Bài viết :
21
Points :
25
Like :
0
blogger
Xem lý lịch thành viên
Thông tin tác giả
avatar
ADM
Bài viết :
194
Points :
394
Like :
142
PhpBB3
Quản trị
Status :
Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
Xem lý lịch thành viên http://www.hotrofm.net/u4
Thông tin tác giả
avatar
MEM LV1
Bài viết :
21
Points :
25
Like :
0
blogger
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM LV3
Bài viết :
222
Points :
319
Like :
47
Punbb
Quản trị
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM
Bài viết :
5
Points :
12
Like :
3
PhpBB3
An toàn
Status :
phpBB3
Xem lý lịch thành viên http://www.gamehay.net
Thông tin tác giả
avatar
MEM LV1
Bài viết :
21
Points :
25
Like :
0
blogger
Xem lý lịch thành viên
Thông tin tác giả
avatar
ACP
Bài viết :
353
Points :
690
Like :
108
Punbb
Quản trị
Status :
test
Xem lý lịch thành viên http://hotrofm.forumvi.com
Thông tin tác giả
Sponsored content
Bài viết liên quan
    Đang tải dữ liệu

Permissions in this forum:
Bạn không có quyền trả lời bài viết

<