The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to add a clickable image in forum

View previous topic View next topic Go down

Solved How to add a clickable image in forum

Post by Nitsuga-Leex on May 11th 2014, 9:40 pm

Hello I`m new here i want to know how to add this clickable chatbox image....

& if you need my forum site here it is :http://rotf.forumclan.com/






Btw~ Advance ~Thank you......Hello

Nitsuga-Leex
Forumember

Male Posts : 79
Reputation : 2
Language : English,Filipino

http://riseofthefallen.forumclan.com

Back to top Go down

Solved Re: How to add a clickable image in forum

Post by Kite Trojan on May 11th 2014, 9:50 pm

Please post both the forum you are speaking of and your forum.




I don't know the excat code, but here is another chatbox that works:
http://fmdesign.forumotion.com/t104-forumotion-popup-chatbox

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: How to add a clickable image in forum

Post by Nitsuga-Leex on May 11th 2014, 9:55 pm

but thats a ordinary chatbox only sir..
i want to have that one .. it have a transparent image & its clickable

Nitsuga-Leex
Forumember

Male Posts : 79
Reputation : 2
Language : English,Filipino

http://riseofthefallen.forumclan.com

Back to top Go down

Solved Re: How to add a clickable image in forum

Post by Kite Trojan on May 12th 2014, 1:26 am

DO you really need an image?

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: How to add a clickable image in forum

Post by Nitsuga-Leex on May 12th 2014, 1:33 am

that image sir.. if you click it it will slide and chat box will appear

Nitsuga-Leex
Forumember

Male Posts : 79
Reputation : 2
Language : English,Filipino

http://riseofthefallen.forumclan.com

Back to top Go down

Solved Re: How to add a clickable image in forum

Post by Kite Trojan on May 12th 2014, 3:53 am

Please post both the forum you are speaking of and your forum.

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: How to add a clickable image in forum

Post by Nitsuga-Leex on May 12th 2014, 4:22 am

@Kite Trojan wrote:Please post both the forum you are speaking of and your forum.
i don`t remember it sorry Sad
btw~ those chatbox you said how to add it to my forum?

just like yours?

Nitsuga-Leex
Forumember

Male Posts : 79
Reputation : 2
Language : English,Filipino

http://riseofthefallen.forumclan.com

Back to top Go down

Solved Re: How to add a clickable image in forum

Post by Kite Trojan on May 12th 2014, 4:32 am

So, what I got currently is this:
Code:
 
<div style="margin:auto;text-align:center;width:100%">
    <a href="chatbox/chatbox.forum" style="position:fixed;right:0;bottom:0;onclick=" window.open('chatbox="" 0,scrollbars="0,width=810,height=300,top=60,left=60');return"" "="chatbox.forum','cb','resizable="><img src="http://i.imgur.com/Ai7pcI7.png" alt="chatbox" /></a>
</div>


You can place it in a widget, but the problem is, instead of poping up, it goes from this: to:
http://dragonic.forumotion.com/chatbox/chatbox.forum

So, you can use that for now.

If you need help setting up the widget,
goto ACP>Modules>Portal And Widgets>Widgets Management>Create New Widget:
Name: Popup Chatbox
Use A Table Type: No
Widget Name: Nothing Leave It Blank

Paste In This Code:
Code:
<div style="margin:auto;text-align:center;width:100%">
    <a href="chatbox/chatbox.forum" style="position:fixed;right:0;bottom:0;onclick=" window.open('chatbox="" 0,scrollbars="0,width=810,height=300,top=60,left=60');return"" "="chatbox.forum','cb','resizable="><img src="http://i.imgur.com/Ai7pcI7.png" alt="chatbox" /></a>
</div>

At the end it has an imgur link, if you want to use your own, replace the Imgur link with your own image.

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: How to add a clickable image in forum

Post by Nitsuga-Leex on May 12th 2014, 4:44 am

Thanks but i have problem if i click that chatbox it will appear big Sad
i want to have chatbox just like yours please?

Nitsuga-Leex
Forumember

Male Posts : 79
Reputation : 2
Language : English,Filipino

http://riseofthefallen.forumclan.com

Back to top Go down

Solved Re: How to add a clickable image in forum

Post by Kite Trojan on May 12th 2014, 4:45 am

Remove the code from the last post.

read this:http://help.forumotion.com/t129165-i-want-to-add-a-popup-chatbox-with-this-design?highlight=popup+chatbox

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: How to add a clickable image in forum

Post by Nitsuga-Leex on May 12th 2014, 4:49 am



just like this on your if you click it it only appears like that and i want it to be in the side just like yours Very Happy

Nitsuga-Leex
Forumember

Male Posts : 79
Reputation : 2
Language : English,Filipino

http://riseofthefallen.forumclan.com

Back to top Go down

Solved Re: How to add a clickable image in forum

Post by Kite Trojan on May 12th 2014, 4:54 am

Good. So, goto ACP>Display>Templates>General>Overall_header:
Just add this code to the bottom:
Code:
<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:10000; "><iframe src="/chatbox/index.forum" id="chatboxpop" scrolling="yes" style="overflow: visible; width: 750px; height: 350px; display: none; float:right" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="cursor :pointer; float:right;background-color: #ffa34e;"><img src="IMGOFOPEN" id="chatboxopen"><img src="IMGOFCLOSE" id="chatboxclose" style="cursor :pointer; display:none;"></div></div>

So, what you want to do is replace IMGOFOPEN and IMGOFCLOSE with both image of open and close.

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: How to add a clickable image in forum

Post by Nitsuga-Leex on May 12th 2014, 4:59 am

@Kite Trojan wrote:Good. So, goto ACP>Display>Templates>General>Overall_header:
Just add this code to the bottom:
Code:
<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:10000; "><iframe src="/chatbox/index.forum" id="chatboxpop" scrolling="yes" style="overflow: visible; width: 750px; height: 350px; display: none; float:right" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="cursor :pointer; float:right;background-color: #ffa34e;"><img src="IMGOFOPEN" id="chatboxopen"><img src="IMGOFCLOSE" id="chatboxclose" style="cursor :pointer; display:none;"></div></div>

So, what you want to do is replace IMGOFOPEN and IMGOFCLOSE with both image of open and close.
sir but im phpbb3 do you have another way for phpbb3?

Nitsuga-Leex
Forumember

Male Posts : 79
Reputation : 2
Language : English,Filipino

http://riseofthefallen.forumclan.com

Back to top Go down

Solved Re: How to add a clickable image in forum

Post by Pizza Boi on May 12th 2014, 10:34 am

Hi Very Happy

Bro, you can add that code in a widget Smile . You can even add that in your Display < Homepage < Generalities

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: How to add a clickable image in forum

Post by Nitsuga-Leex on May 12th 2014, 1:52 pm

@Pizza Boi wrote:Hi Very Happy

Bro, you can add that code in a widget Smile. You can even add that in your Display < Homepage < Generalities

Regards,
Pizza Boi
sir it worksVery Happy but no image? where can i put the image?

Nitsuga-Leex
Forumember

Male Posts : 79
Reputation : 2
Language : English,Filipino

http://riseofthefallen.forumclan.com

Back to top Go down

Solved Re: How to add a clickable image in forum

Post by Pizza Boi on May 12th 2014, 2:34 pm

Hi Very Happy

In this portion:

Code:
<img src="IMGOFOPEN" id="chatboxopen"><img src="IMGOFCLOSE" id="chatboxclose" style="cursor :pointer; display:none;"></div></div>

Change IMGOFOPEN and IMGOFCLOSE to the direct links of the image ^^.

Regards,
Pizza Boi :rose:

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: How to add a clickable image in forum

Post by Nitsuga-Leex on May 12th 2014, 3:02 pm

@Pizza Boi wrote:Hi Very Happy

In this portion:

Code:
<img src="IMGOFOPEN" id="chatboxopen"><img src="IMGOFCLOSE" id="chatboxclose" style="cursor :pointer; display:none;"></div></div>

Change IMGOFOPEN and IMGOFCLOSE to the direct links of the image ^^.

Regards,
Pizza Boi :rose:

i use transparent image ... but transparent not working it show orange Sad
how to make it transparent ? btw it works thanks for this ..

Nitsuga-Leex
Forumember

Male Posts : 79
Reputation : 2
Language : English,Filipino

http://riseofthefallen.forumclan.com

Back to top Go down

Solved Re: How to add a clickable image in forum

Post by Pizza Boi on May 12th 2014, 3:06 pm

Hi Very Happy

Remove this portion:

Code:
background-color: #ffa34e;

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: How to add a clickable image in forum

Post by Nitsuga-Leex on May 12th 2014, 3:18 pm

Thanks again Pizza Boi your helping me so great Very Happy

Nitsuga-Leex
Forumember

Male Posts : 79
Reputation : 2
Language : English,Filipino

http://riseofthefallen.forumclan.com

Back to top Go down

Solved Re: How to add a clickable image in forum

Post by SLGray on May 12th 2014, 10:01 pm

Problem solved & topic archived.


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


SLGray
Administrator
Administrator

Male Posts : 36639
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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