The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

setting a image with the link

4 posters

Go down

In progress setting a image with the link

Post by BBella5 Tue 26 Jul 2022, 19:55

Technical Details


Forum version : #phpBB3
Position : Administrator
Concerned browser(s) : Google Chrome
Who the problem concerns : Yourself
When the problem appeared : until a few weeks ago
Forum link : https://charliessims3bistro.forumotion.com/

Description of problem

Hi ..
I don't know if this is the right topic for my question!
I'll still suggest it
my question !!
I've always been able to post an image with a link
setting a image with the link Image10
until a few weeks ago this was suddenly no longer possible
If I do this!!, you will come to the page Serving.com and not on the suggested link i put in
why is this no longer possible?
or is there some change going on that I don't know about yet!
can someone help me with my problem?
BBella5
BBella5
New Member

Female Posts : 17
Reputation : 1
Language : ned
Location : Nederland

https://littlewondermoon.forumotion.com/

Back to top Go down

In progress Re: setting a image with the link

Post by Ape Tue 26 Jul 2022, 20:35

Hello thank you for asking your Question.

This tool is to make a link not add a image link tool.
you would only add the URL then text in the bottom box not a image.

I have a code i use on my forum that give a new button that will do as you ask Wink

ACP >> Modules tab >> HTML & JAVASCRIPT >> Javascript codes management >>
Enable Javascript code management : YES Save.
make a new script

Settings:
Title * : Image link tool.
Placement *: All pages.

Copy the code below then save.


Code:
// IMAGE LINK BUTTON
$(function(){$(function(){
  $('.sceditor-button-image').after('<a title="Insert a linked image" class="sceditor-button sceditor-button-imganc"><div style="background:url(https://i.servimg.com/u/f39/18/21/41/30/imganc10.png);"></div></a>');
  $('.sceditor-button-imganc').click(function() {
    if ($('.sceditor-insertimganc').length) return $('.sceditor-insertimganc').remove();
    $('body').append('<div class="sceditor-dropdown sceditor-insertimganc" style="position:absolute;"><div><label>IMAGE URL:</label> <input id="imganc-img" class="url" placeholder="http://" type="text"></div><div><label>LINK URL:</label> <input id="imganc-url" class="url" placeholder="http://" type="text"></div><div><label>Width (optional):</label> <input id="imganc-width" size="2" type="text"></div><div><label>Height (optional):</label> <input id="imganc-height" size="2" type="text"></div><div><input id="submit-imganc" class="button" value="Insert" type="button"></div></div>');

 $('.sceditor-insertimganc').css({'left':$('.sceditor-button-imganc').offset().left + 'px','top':$('.sceditor-button-imganc').offset().top + 25 + 'px'});
 
 $('#submit-imganc').click(function() {
  var dimension = '',
  width = $('#imganc-width').val(),
  height = $('#imganc-height').val(),
  image = $('#imganc-img').val(),
  url = $('#imganc-url').val();
 
      if (width.length > 0 && height.length > 0) dimension = '('+width+'px,'+height+'px)';
  else if (width.length > 0 && height.length < 1) dimension = '('+width+'px,'+width+'px)';
  else if (width.length < 1 && height.length > 0) dimension = '('+height+'px,'+height+'px)';
 
  if (image.length > 0 && url.length > 0) $('#text_editor_textarea').sceditor('instance').insertText('[url='+url+'][img'+dimension+']'+image,'[/img][/url]');
      $('.sceditor-insertimganc').remove();
      return false;
    });
  });
  $('.sceditor-button-source').click(function() { $('.sceditor-button-imganc').removeClass('disabled') }); $('.sceditor-button').not('.sceditor-button-imganc').click(function() { $('.sceditor-insertimganc').remove() }); $('.sceditor-container textarea').focus(function() { $('.sceditor-insertimganc').remove() }); $('.sceditor-container iframe').contents().mousedown(function() { $('.sceditor-insertimganc').remove() });
})});

//***** END OF CODE*****//

once added the icon will look like this. setting a image with the link Captu573



setting a image with the link Left1212setting a image with the link Center11setting a image with the link Right112
setting a image with the link Ape_b110
setting a image with the link Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19436
Reputation : 2010
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

TonnyKamper likes this post

Back to top Go down

In progress Re: setting a image with the link

Post by BBella5 Wed 27 Jul 2022, 01:20

Thank you very much Ape for your help Hug
i put your code in the java script
but it is not working in my forum Sorry
i think i beter forget this than
but i still dont understand way it is not working anymore
it was so fun to put a download image by the download
BBella5
BBella5
New Member

Female Posts : 17
Reputation : 1
Language : ned
Location : Nederland

https://littlewondermoon.forumotion.com/

Back to top Go down

In progress Re: setting a image with the link

Post by SLGray Wed 27 Jul 2022, 06:04

Do you have JavaScript Management turned on?


setting a image with the link Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51555
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: setting a image with the link

Post by skouliki Wed 27 Jul 2022, 09:07

CharlieSims3bistro wrote:Thank you very much Ape for your help  Hug
i put your code in the java script
but it is not working in my forum Sorry
i think i beter forget this than
but i still dont understand way it is not working anymore
it was so fun to put a download image by the download

hello 

i tested the code for your version and it is working 
did you set it for all pages ?
skouliki
skouliki
Manager
Manager

Female Posts : 15391
Reputation : 1709
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

In progress Re: setting a image with the link

Post by skouliki Wed 27 Jul 2022, 09:13

setting a image with the link Scre1317

If you click the image it will redirect you to my forum

if you want something like the above then use this code for posting images with a link

Code:
 [url=YOUR LINK][img]YOUR IMAGE URL[/img][/url]

example the above code is like this

Code:
[url=https://iconskouliki.forumgreek.com/][img]https://i.servimg.com/u/f28/11/40/02/06/scre1317.png[/img][/url]




skouliki
skouliki
Manager
Manager

Female Posts : 15391
Reputation : 1709
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

In progress Re: setting a image with the link

Post by Ape Wed 27 Jul 2022, 16:39

if you have a test account with admin right's i can help you by adding the code and making any change to your code to make it work for you.

If you have a test account please PM me the user name and password.


setting a image with the link Left1212setting a image with the link Center11setting a image with the link Right112
setting a image with the link Ape_b110
setting a image with the link Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19436
Reputation : 2010
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

In progress Re: setting a image with the link

Post by BBella5 Sat 30 Jul 2022, 20:58

thank you Ape...
i have a test indeed.. still .. i can not fiks the paypall for compleet forum.. but i will com back later on this for info:
i will send you later the info you need
and more explaining ..oke
i was just here now for a check again with the code you send,, i think i do something wrong than,
thank you again ,, Flowers
BBella5
BBella5
New Member

Female Posts : 17
Reputation : 1
Language : ned
Location : Nederland

https://littlewondermoon.forumotion.com/

Back to top Go down

In progress Re: setting a image with the link

Post by Ape Sat 30 Jul 2022, 23:23

I will wait for your Pm with test account info

Thanks.

Ape.


setting a image with the link Left1212setting a image with the link Center11setting a image with the link Right112
setting a image with the link Ape_b110
setting a image with the link Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19436
Reputation : 2010
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

In progress Re: setting a image with the link

Post by SLGray Sat 30 Jul 2022, 23:43

skouliki wrote:setting a image with the link Scre1317

If you click the image it will redirect you to my forum

if you want something like the above then use this code for posting images with a link

Code:
 [url=YOUR LINK][img]YOUR IMAGE URL[/img][/url]

example the above code is like this

Code:
[url=https://iconskouliki.forumgreek.com/][img]https://i.servimg.com/u/f28/11/40/02/06/scre1317.png[/img][/url]




Does this not work on your forum?


setting a image with the link Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51555
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum