Simple Portal

Customization => Custom Coding => Topic started by: HappyHooligan on January 16, 2013, 05:03:39 PM

Title: Noob question about image links in a block
Post by: HappyHooligan on January 16, 2013, 05:03:39 PM
Hi,

Question: Can i put image links in a custom block on Simple Portal?
This is my first forum I'm making for my local community and I wanted to add some image links in a block but the images are not showing? Like I said I'm a bit of a noob when it comes to HTML but this is the code i entered for the block...

<a href="http://www.eastbourneherald.co.uk/"><img style="border: 0px solid ; width: 160px; height: 37px;" alt="" src="images/heraldlogo.png"></a><br>
<a href="http://www.sovereignfm.com/"><img style="border: 0px solid ; width: 160px; height: 37px;" alt=""
src="/images/sovfmlogo.png"></a><br>
<a href="http://www.eastbourne.gov.uk/"><img style="border: 0px solid ; width: 160px; height: 37px;" alt=""
src="file:///C:/Users/Dean/Desktop/ebclogo.png"></a><br>
<a href="http://www.visiteastbourne.com/"><img style="border: 0px solid ; width: 160px; height: 37px;" alt=""
src="/images/visiteblogo.png"></a><br>
<a href="http://www.savethedgh.org.uk/"><img style="border: 0px solid ; width: 160px; height: 37px;" alt=""
src="/images/savedgh.png"></a>
<a href="http://www.savethedgh.org.uk/"><img src="/images/savedgh.jpg" /></a>


I've then created the relevant folder with the images in.
The forum is not finished but you are more than welcome to take a look and see where the links should be on the left hand side.

www.eastbournesoapbox.co.uk

Any help would be appreciated  :D

Thanks,
Dean
Title: Re: Noob question about image links in a block
Post by: andy on January 17, 2013, 10:29:02 AM
404 error for the images at

http://www.eastbournesoapbox.co.uk/images/heraldlogo.png
I also took a wild guess at /forum/images ... but nothing there either.

So the images are not where you are directing the html to get them?
Also make sure you are using the SPortal html block (not another type). You could use a BBCode block with that syntax as an alternative.

Lots of online advice for displaying html and bbcode images - google search will bring it up.
Just in case there is an issue with the syntax you have already (I havent checked it), I would start with the most basic html tag for displaying the image - see if that works. If ok, then try the extra styles.


And this looks very dodgy....

file:///C:/Users/Dean/Desktop/ebclogo.png

Looks like you are tying to link to something on your pc. Unless you are running the server from it!??? And I guess that might not work anyway.


An simple example from my site (linked below):

<a href="http://paddington-school.com"><img src="http://outdoorclubjapan.com/site_images/speciallinks/ichikawa_eikaiwa.png"/></a>


I tested this using my images and url and it works. So probably you do not have the images in the folders on there server.
Quote/images/heraldlogo.png

<a href="http://www.eastbourneherald.co.uk/"><img style="border: 0px solid ; width: 160px; height: 37px;" alt="" src="images/heraldlogo.png">
Title: Re: Noob question about image links in a block
Post by: Chen Zhen on January 17, 2013, 02:46:40 PM
HappyHooligan,

  Place all of your needed images into the default theme's images directory.

Create/use a php block:

global $settings;
$sites = array(
'eastbourneherald.co.uk' => 'heraldlogo.png',
'sovereignfm.com' => 'sovfmlogo.png',
'eastbourne.gov.uk' => 'ebclogo.png',
'savethedgh.org.uk' => 'savedgh.png'
);
foreach ($sites as $site => $image)
echo '
<a href="http://www.'.$site.'" title="'.$site.'">
<img style="border: 0px solid ; width: 160px; height: 37px;" alt="" src="'.$settings['default_theme_url'].'/images/'.$image.'" />
</a>
<br />';

Title: Re: Noob question about image links in a block
Post by: andy on January 20, 2013, 10:50:03 AM
Seems he was using . png for some links when the files were actually  .jpg.

As it looks solved I will mark it so. Uhm, cant mark it solved, I guess this really belongs in  support.


Quotehttp://www.eastbournesoapbox.co.uk/images/heraldlogo.jpg
EhPortal 1.39.8 © 2024, WebDev