Diễn Đàn Hỗ Trợ FM
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.


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

Tác giả: - vào lúc:
Admin
Bài viết : 431
Points : 820
Like : 120
Punbb
Quản trị
Status : test
AdminACP
11/3/2016, 17:15
#1

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:
[Code] bbcode up ảnh imgur thay thế code tinypic forumotion Qk3U4y8

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

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 11/24/2016, 17:12; sửa lần 5.
kingofgame
Bài viết : 6
Points : 10
Like : 2
Punbb
An toàn
kingofgameMEM
11/3/2016, 18:10
#2
có khác bài của tôi không nhỉ ???
Giựt
Bài viết : 272
Points : 440
Like : 89
Punbb
Cẩn thận
Status : Giựt đẹp trai
GiựtMOD
11/3/2016, 18:41
#3
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
binhdinhz
Bài viết : 21
Points : 25
Like : 0
blogger
binhdinhzMEM LV1
11/3/2016, 21:12
#4
ko thấy nó xuất hiện ad ơi
binhdinhz
Bài viết : 21
Points : 25
Like : 0
blogger
binhdinhzMEM LV1
11/3/2016, 21:19
#5
no vẫn hiện host úp ảnh cũ
lasperpen
Bài viết : 239
Points : 457
Like : 156
PhpBB3
Quản trị
Status : Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
lasperpenMOD
11/3/2016, 21:20
#6
bạn k đưa link test làm s mà hỗ trợ được ?
binhdinhz
Bài viết : 21
Points : 25
Like : 0
blogger
binhdinhzMEM LV1
11/3/2016, 21:25
#7
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
Bài viết : 239
Points : 457
Like : 156
PhpBB3
Quản trị
Status : Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
lasperpenMOD
11/3/2016, 21:28
#8
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>
binhdinhz
Bài viết : 21
Points : 25
Like : 0
blogger
binhdinhzMEM LV1
11/3/2016, 21:34
#9
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
Bài viết : 239
Points : 457
Like : 156
PhpBB3
Quản trị
Status : Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
lasperpenMOD
11/3/2016, 21:44
#10
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>
binhdinhz
Bài viết : 21
Points : 25
Like : 0
blogger
binhdinhzMEM LV1
11/3/2016, 23:11
#11
ném vào posting body ko hiện ad ơi
the_dav
Bài viết : 226
Points : 323
Like : 47
Punbb
Quản trị
the_davMEM LV3
11/4/2016, 05:53
#12
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
Bài viết : 5
Points : 12
Like : 3
PhpBB3
An toàn
Status : phpBB3
MiTMEM
11/5/2016, 23:54
#13
+1 cho Admin ! Cuối cùng đã có [Code] bbcode up ảnh imgur thay thế code tinypic forumotion 1f44d
binhdinhz
Bài viết : 21
Points : 25
Like : 0
blogger
binhdinhzMEM LV1
11/24/2016, 11:02
#14
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

[Code] bbcode up ảnh imgur thay thế code tinypic forumotion QzXE5uw
Admin
Bài viết : 431
Points : 820
Like : 120
Punbb
Quản trị
Status : test
AdminACP
11/24/2016, 11:05
#15
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

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



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
#16