collapse

* User Info

 
 
Welcome, Guest. Please login or register.
Did you miss your activation email?

* Who's Online

  • Dot Guests: 27
  • Dot Hidden: 0
  • Dot Users: 3
  • Dot Users Online:

* Shoutbox

Refresh History
  • Shoutbox is not for support!
  • {OCS}MasterSeal: THANKS AGAIN FOR SP!
    June 22, 2015, 09:47:08 am
  • angeljs: Thanks :)
    June 20, 2015, 08:28:30 am
  • ♦ Ninja ZX-10RR ♦: Unfortunately I am only a Support Apprentice and I don't have access to it, so I cannot approve it. But I will let my Support coach know ;)
    June 19, 2015, 06:30:47 pm
  • angeljs: Yes. that was it. I managed to edit the post, but now can't make any more new ones as it's back in the moderation queue again! :(
    June 19, 2015, 05:06:05 pm
  • ♦ Ninja ZX-10RR ♦: There should be...? Maybe the post is waiting for approval, don't know.
    June 18, 2015, 03:26:04 pm
  • angeljs: Ok, thanks. I just need to know how to edit my posts as I can't find any edit button
    June 18, 2015, 03:13:00 pm
  • ♦ Ninja ZX-10RR ♦: Newbies cannot post in some sections due to antispam I think, especially if they post links. Feel free to open a topic somewhere, a mod will move it :)
    June 18, 2015, 02:53:02 pm
  • angeljs: I know the shoutbox isn't for support, but I can't post in the support forums! Where can I find help with this website?
    June 18, 2015, 10:36:07 am
  • Jazzpa: Thank you Chen!
    June 12, 2015, 08:31:09 am
  • Chen Zhen: Your thread has been approved and a solution posted.
    June 11, 2015, 11:05:45 pm
  • Jazzpa: How long does it take approve a thread/question over here?
    June 11, 2015, 12:25:01 pm
  • {OCS}MasterSeal: AGAIN. I'm here to spam...errr I mean THANK YOU FOR SP!!!
    May 29, 2015, 02:57:41 am
  • ♦ Ninja ZX-10RR ♦: Cool! Glad that you enjoy SimplePortal! :)
    May 02, 2015, 01:12:20 pm
  • iain sherriff: first SP portal installafter trying most of the others...flawless :)
    May 02, 2015, 09:17:00 am
  • streetfire: hi guys!
    April 30, 2015, 06:59:50 pm
  • empire: good luck with your friends and relatives of his father had to get to work
    April 30, 2015, 09:30:53 am
  • Rupurudu!: :)
    April 28, 2015, 08:27:16 pm
  • empire: when I say bob bob it means bob bob
    April 27, 2015, 10:30:46 am
  • CHRIS-7: Hi - SMF V2.0.10 is Relased ! ;D
    April 25, 2015, 12:57:14 am
  • Advaita: hi
    April 23, 2015, 06:49:20 pm

* Recent Posts

Re: Kudos for excellent mod by ♦ Ninja ZX-10RR ♦
[June 28, 2015, 11:41:37 pm]


Re: Kudos for excellent mod by Kerrith
[June 28, 2015, 11:25:23 pm]


Re: Kudos for excellent mod by ♦ Ninja ZX-10RR ♦
[June 28, 2015, 09:01:41 pm]


Re: Top Posts of each subforums by andy
[June 28, 2015, 02:22:04 am]


Re: Need to make small change to language by BuddahBoy
[June 26, 2015, 03:37:48 pm]

Blocks speak! Do you have an interest in getting more blocks - or even making your own? The Blocks Board is for you!

Author Topic: Noob question about image links in a block  (Read 1570 times)

0 Members and 1 Guest are viewing this topic.

Offline HappyHooligan

  • Newbie
  • Posts: 1
  • SMF Version: 2.0.2
  • SP Version: 2.0.3
Noob question about image links in a block
« 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

Offline andy

  • Support
  • *
  • Posts: 702
  • Gender: Male
    • Outdoor Club Japan (OCJ) アウトドア・クラブ・ジャパン
  • SMF Version: 2.0.10
  • SP Version: 2.3.6
Re: Noob question about image links in a block
« Reply #1 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">
« Last Edit: January 17, 2013, 10:39:42 am by igirisjin »
Everyone is a volunteer here so please try and make a small donation to keep the Simple Portal website running


Offline Chen Zhen

  • Support
  • *
  • Posts: 1088
  • Gender: Male
  • ベジータ王
    • WebDev
  • SMF Version: 2.0.9
  • SP Version: 2.3.6
Re: Noob question about image links in a block
« Reply #2 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:
Code: [Select]
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 />';
« Last Edit: January 17, 2013, 02:58:33 pm by Underdog »

Offline andy

  • Support
  • *
  • Posts: 702
  • Gender: Male
    • Outdoor Club Japan (OCJ) アウトドア・クラブ・ジャパン
  • SMF Version: 2.0.10
  • SP Version: 2.3.6
Re: Noob question about image links in a block
« Reply #3 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.


Quote
http://www.eastbournesoapbox.co.uk/images/heraldlogo.jpg
Everyone is a volunteer here so please try and make a small donation to keep the Simple Portal website running