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

avatar

Admin250
504
87
Punbb
Quản trị
?????
Founder
Founder

Bài viết :
250
Points :
504
Like :
87
Punbb
Quản trị
?????

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/2016, 5:12 pm; sửa lần 5.
 Trả lời bài viết
avatar

kingofgame6
10
2
Punbb
An toàn
Em Còn Gà :((
Thành viên mới
Thành viên mới

Bài viết :
6
Points :
10
Like :
2
Punbb
An toàn
Em Còn Gà :((
có khác bài của tôi không nhỉ ???
 Trả lời bài viết
avatar

Giựt238
388
80
Punbb
Cẩn thận
Éo có đối thủ
Thành viên thân thiết
Thành viên thân thiết

Bài viết :
238
Points :
388
Like :
80
Punbb
Cẩn thận
Éo có đối thủ
@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
 Trả lời bài viết
avatar

binhdinhz21
25
0
blogger
Thành viên chính thức
Thành viên chính thức

Bài viết :
21
Points :
25
Like :
0
blogger
ko thấy nó xuất hiện ad ơi
 Trả lời bài viết
avatar

binhdinhz21
25
0
blogger
Thành viên chính thức
Thành viên chính thức

Bài viết :
21
Points :
25
Like :
0
blogger
no vẫn hiện host úp ảnh cũ
 Trả lời bài viết
avatar

LASPERPEN170
360
134
Invision
Quản trị
Quản trị viên

Bài viết :
170
Points :
360
Like :
134
Invision
Quản trị
bạn k đưa link test làm s mà hỗ trợ được ?
 Trả lời bài viết
avatar

binhdinhz21
25
0
blogger
Thành viên chính thức
Thành viên chính thức

Bài viết :
21
Points :
25
Like :
0
blogger
 Trả lời bài viết
avatar

LASPERPEN170
360
134
Invision
Quản trị
Quản trị viên

Bài viết :
170
Points :
360
Like :
134
Invision
Quản trị
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>
 Trả lời bài viết
avatar

binhdinhz21
25
0
blogger
Thành viên chính thức
Thành viên chính thức

Bài viết :
21
Points :
25
Like :
0
blogger
@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
 Trả lời bài viết
avatar

LASPERPEN170
360
134
Invision
Quản trị
Quản trị viên

Bài viết :
170
Points :
360
Like :
134
Invision
Quản trị
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>
 Trả lời bài viết
avatar

binhdinhz21
25
0
blogger
Thành viên chính thức
Thành viên chính thức

Bài viết :
21
Points :
25
Like :
0
blogger
ném vào posting body ko hiện ad ơi
 Trả lời bài viết
avatar

the_dav189
268
41
Punbb
Quản trị
Trảm Phong

Bài viết :
189
Points :
268
Like :
41
Punbb
Quản trị
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
 Trả lời bài viết
avatar

MiT5
12
3
PhpBB3
An toàn
Thành viên mới
Thành viên mới

Bài viết :
5
Points :
12
Like :
3
PhpBB3
An toàn
+1 cho Admin ! Cuối cùng đã có
 Trả lời bài viết
avatar

binhdinhz21
25
0
blogger
Thành viên chính thức
Thành viên chính thức

Bài viết :
21
Points :
25
Like :
0
blogger
 Trả lời bài viết
avatar

Admin250
504
87
Punbb
Quản trị
?????
Founder
Founder

Bài viết :
250
Points :
504
Like :
87
Punbb
Quản trị
?????
 Trả lời bài viết
Điểm 4.6/5 dựa vào 87 đánh giá

Có Thể Bạn Quan Tâm

Đang tải...