Need code for widget that links to another page.
3 posters
Page 1 of 1
Need code for widget that links to another page.
Hello!
I need help to create a portal page widget which will lead to another page in the forum.
Here is what I want it to do -
The widget will be on the portal page:
http://cvas.forumotion.com/portal
This photo will be what you see. Here is the HTML for the photo:
<a href="https://s76.photobucket.com/user/dclaro/media/Plants/dcdSHOW10Gtop.jpg.html" target="_blank"><img src="https://2img.net/h/i76.photobucket.com/albums/j12/dclaro/Plants/dcdSHOW10Gtop.jpg" border="0" alt="10G tank open top view. photo dcdSHOW10Gtop.jpg"/></a>
And when you click on it it will lead you to this page:
http://cvas.forumotion.com/f2-plants
Can someone tell me what to put in the widget source code to accomplish that?
I need help to create a portal page widget which will lead to another page in the forum.
Here is what I want it to do -
The widget will be on the portal page:
http://cvas.forumotion.com/portal
This photo will be what you see. Here is the HTML for the photo:
<a href="https://s76.photobucket.com/user/dclaro/media/Plants/dcdSHOW10Gtop.jpg.html" target="_blank"><img src="https://2img.net/h/i76.photobucket.com/albums/j12/dclaro/Plants/dcdSHOW10Gtop.jpg" border="0" alt="10G tank open top view. photo dcdSHOW10Gtop.jpg"/></a>
And when you click on it it will lead you to this page:
http://cvas.forumotion.com/f2-plants
Can someone tell me what to put in the widget source code to accomplish that?
Re: Need code for widget that links to another page.
From what I see you're currently linking to the image on photobucket, so when I click the image it will take me to photobucket.
<a href="https://s76.photobucket.com/user/dclaro/media/Plants/dcdSHOW10Gtop.jpg.html" target="_blank">
I edited your code and corrected it with the url you specified above.
I also added in title which displays a title for the link when you hover over the object, it is currently set to 'Plants'. alt has been changed to 'Plants' as well, that is the content which is displayed when a image has not been loaded. You can modify all the content in the code above to your liking. If you need anymore help or information on HTML please let us know.
<a href="https://s76.photobucket.com/user/dclaro/media/Plants/dcdSHOW10Gtop.jpg.html" target="_blank">
I edited your code and corrected it with the url you specified above.
- Code:
<a href="http://cvas.forumotion.com/f2-plants" title="Plants" target="_blank"><img src="http://i76.photobucket.com/albums/j12/dclaro/Plants/dcdSHOW10Gtop.jpg" alt="Plants"/></a>
I also added in title which displays a title for the link when you hover over the object, it is currently set to 'Plants'. alt has been changed to 'Plants' as well, that is the content which is displayed when a image has not been loaded. You can modify all the content in the code above to your liking. If you need anymore help or information on HTML please let us know.
Re: Need code for widget that links to another page.
It works perfectly!
Thank you very much, Seth. My plan is to change the photo periodically and now I know how to do that, too.
Re: Need code for widget that links to another page.
Topic Solved & Locked
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Similar topics
» When i paste a long code via [code][/code] the page expands
» How to do this Advanced Hiding Widget Code as well as the Recent Topic's Widget Modification
» What code of this 2 widget?
» Upper-case links (CSS code).
» Links don't work on HTML page
» How to do this Advanced Hiding Widget Code as well as the Recent Topic's Widget Modification
» What code of this 2 widget?
» Upper-case links (CSS code).
» Links don't work on HTML page
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum