How do you put someone's website banner on your forum?

[Brad38]

Hi Folks,

I would like to add a website banner with a direct link to that website on my forum. How do I do this? And can it be put on the portal as a widget?

Thank you very much.

[djdart]

Goto Admin Panel
Then Modules
Then Portal management (on the left)
Then Click "Structure" for your Portal
Underneath the sttructre for the widges is a button called "Create Custom Block"...click that

Widget name = Name of the widget
Usa a table type = keep this yes
Widget Title = whatever you want to name it. It'll show up in the header of the widget on the portal
Widget source = Type the following code. Replace {URL OF SITE} with the url/link to the actual site the banner represents. Replace {URL OF BANNER IMAGE} with the actual url/link to the picture for the banner.

Code:

<a href="{URL OF SITE}"><img src="{URL OF BANNER IMAGE}"></a>

[Brad38]

Hi DJDart,

Thank you for your very quick reply...I will go try this now...thanks again!!!

[Brad38]

Ok....sorry for another question...how do I find the URL to the banner image? I know the site's URL but the banner image URL...where do I find this?

I think I found it......I'll keep you posted.

[Brad38]

Hi DjDart...nope, that didn't work. All I got was the code showing up on my portal.

[djdart]

hmm usually to find the Banner images url you can do the following

If using IE6, right click the image and goto properties. From there you should see "Address" followed by a url. This url is the one for the image.

As far as the code showing up in your widget. Can you add the widged (still broken) and link me to the page so i can see what's happening?

[Brad38]

Hi DjDart,

Well I'm using firefox and to acquire the link to the banner image I clicked and copied image location. It was an address that was the same as the site's main address followed by the image.gif itself. I think this is right.

[djdart]

Yea that is correct.

The only reason I could think of it not working, is maybe you mistyped one of the tags for html.

make sure that you use < and > to open and close the tags. Also make sure that inside each tag you put " " around the URL's/links


Just to give another example, lets say you wanted to use my banner in your portal to link to my forum. You would use the following code

Code:

<a href="http://eternaleclipse.forumotion.net"><img src="http://i70.servimg.com/u/f70/13/30/80/49/header11.png"></a>

This code will produce the following
<a href="http://eternaleclipse.forumotion.net"><img src="https://i.servimg.com/u/f70/13/30/80/49/header11.png"></a>

[Brad38]

Hi DjDart,

I think I see the problem. I left those brackets in "{ }" around the URL addresses...I'll go try again. THANKS so much

[djdart]

lol it's no problem. Sorry i wasn't clear on taking the {}'s off, i use those alot when explaining code to friends

[Brad38]

Hi again...nope, still not working. I copied and pasted your code so I didn't make any mistakes and I deleted the "{ }" I had around the URL's before but it's still only showing the code on the portal.

I have to get off the computer right now but if you can think of anything else, please let me know. I do appreciate your help very much.

Thanks again.

[djdart]

Hmm.. Not sure whats going wrong here.

If you can give me some information I can help you
Can you post the link for the image here and also the url for the website you want to link to. If you can provide these for me, I can write the code out for you to use.

[Brad38]

Hmm.. Not sure whats going wrong here.

If you can give me some information I can help you
Can you post the link for the image here and also the url for the website you want to link to. If you can provide these for me, I can write the code out for you to use.

Thank you ever so much, DjDart and here are the links:

URL to the main website: http://www.foyspigeonsupplies.com/
URL to Banner Image: http://www.foyspigeonsupplies.com/foys_banner.gif

[nimiel]

Code:

<a href="http://www.foyspigeonsupplies.com/"><img src="http://www.foyspigeonsupplies.com/foys_banner.gif" border="0"></a>

[djdart]

Code:

<a href="http://www.foyspigeonsupplies.com/"><img src="http://www.foyspigeonsupplies.com/foys_banner.gif" border="0"></a>

This should work for you.

[Brad38]

Thank you for trying Nimiel and DjDart...it's still not working though. I cut, copied and pasted this code into a widget for my portal but still only the code is showing up.

[djdart]

Ok i see the problem now

Look at the widget and you'll see the part of the code that looks like this.

Code:

<imgsrc="http://www.foyspigeonsupplies.com/foys_banner.gif"border="0">

the problem is right at the beginning. you need to have a space inbetween img and src. It should look like this

Code:

<img src="http://www.foyspigeonsupplies.com/foys_banner.gif"border="0">

See what i mean

[Brad38]

Hi DJDart,

Thank you so much for this assistance, I got it to work FINALLY. It was strange because the first time I tried to add the space between IMG and SRC, it still didn't work. So I just deleted the whole code and then put it in again and it worked!

I really appreciate the help you and Nimiel gave me. Thank you very much!

[Nessa]

Since this problem appears to be resolved, I will lock this topic now.


=> Locked