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.

Need code for widget - photo and caption.

View previous topic View next topic Go down

Solved Need code for widget - photo and caption.

Post by Castellana on October 27th 2013, 3:18 pm

Hello I need help with the code for this widget.

I copied the code from another widget and substituted the address of the photo I'm using and where in the forum the widget should redirect. So far, so good.

I tried it on my forum and it displayed and worked like I wanted it to EXCEPT some code appeared at the bottom.

Instead of code I want to be able to write a comment for all to read.

Please give me the code for that.

Here is what I have so far, which also includes the code I took out. i know I messed it up!


<div align="center"><a href="http://cvas.forumotion.com/t1286-almost-time-for-the-november-meeting" target="_blank"><img src=<a href="http://s76.photobucket.com/user/dclaro/media/CVAS%20forumotion%20Images/gtwidget_zpsa8971f0f.jpg.html" target="_blank"><img src="http://i76.photobucket.com/albums/j12/dclaro/CVAS%20forumotion%20Images/gtwidget_zpsa8971f0f.jpg" border="0" alt=" photo gtwidget_zpsa8971f0f.jpg"/></a> width="170" height="128" /></a><br /><br /></div>


Thanks!

Castellana
Forumember

Female Posts : 282
Reputation : 5
Language : english

http://cvas.forumotion.com/portal

Back to top Go down

Solved Re: Need code for widget - photo and caption.

Post by Ange Tuteur on October 27th 2013, 3:25 pm

Hi Castellana,

I cleaned up your code, there were a few extra dimension properties and href attributes.

The clean version is right here:
Code:
<div align="center"><a href="http://cvas.forumotion.com/t1286-almost-time-for-the-november-meeting" target="_blank"><img src="http://i76.photobucket.com/albums/j12/dclaro/CVAS%20forumotion%20Images/gtwidget_zpsa8971f0f.jpg" alt="photo"/></a><br /><br />Text Here!</div>
You can write your comment where "Text Here!" is.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Need code for widget - photo and caption.

Post by Castellana on October 27th 2013, 4:08 pm

Thank you so much for this! Very Happy I'll try it right now.
I notice you left out the requirements of width="170" height="128" - are they not needed because the photo is already sized to that? Just curious!

Okay, everything looks good! I took out one of the breaks to bring the text up closer to the photo and it looks just the way we want it to.
Thank you again for your help!

Castellana
Forumember

Female Posts : 282
Reputation : 5
Language : english

http://cvas.forumotion.com/portal

Back to top Go down

Solved Re: Need code for widget - photo and caption.

Post by SLGray on October 27th 2013, 5:42 pm

Topic Solved & Locked


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


SLGray
Administrator
Administrator

Male Posts : 36659
Reputation : 2444
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