collapse

* User Info

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

* Who's Online

  • Dot Guests: 82
  • Dot Hidden: 0
  • Dot Users: 2
  • Dot Users Online:

* Shoutbox

Refresh History
  • Shoutbox is not for support!
  • Nucky: :D
    January 08, 2016, 10:53:07 am
  • ♦ Ninja ZX-10RR ♦: Merry Christmas to everyone :D
    December 25, 2015, 06:42:17 pm
  • Mark Parker: Yeah thanks for this awesome thing
    November 15, 2015, 03:10:44 am
  • Yahmez: Thanks for making simple portal... Many thanks.
    October 06, 2015, 09:16:18 pm
  • ♦ Ninja ZX-10RR ♦: Thank you for your kind words Phåråoh!
    September 26, 2015, 08:47:29 pm
  • Phåråoh: Good to see admin is still on top of things.  Some people don't take your VOLUNTEER work for granted.  We GREATLY appreciate it, whether it's a small thing or a major issue.
    September 26, 2015, 07:49:44 pm
  • ♦ Ninja ZX-10RR ♦: Kindly wait for replies in each topic, venting in the shoutbox is not going to help, I'm afraid. We are all volunteers and we might not be able to be online 24/7. Thank you for your understanding.
    September 13, 2015, 10:14:49 am
  • Cyberkid: >:( :| :'( :( no admin to fix this stuff
    September 13, 2015, 08:54:19 am
  • rentner: sorry be wrong
    August 19, 2015, 07:56:53 am
  • rentner: beta 2.1
    August 19, 2015, 07:56:32 am
  • ♦ Ninja ZX-10RR ♦: Lol thanks for considering me that much
    August 15, 2015, 01:22:47 pm
  • David: Eliana!! WADDUP, GURL!!!  SiNaN... glad y'all are still around!
    August 15, 2015, 11:27:21 am
  • ♦ Ninja ZX-10RR ♦: Welcome back :)
    August 15, 2015, 11:24:52 am
  • David: I missed y'all!!
    August 15, 2015, 11:23:22 am
  • Eliana Tamerin: People with colored usernames are staff, please abide by their requests.
    August 13, 2015, 04:43:00 pm
  • ♦ Ninja ZX-10RR ♦: Once again, this topic is *NOT* for support, anyway. Thank you for your understanding.
    August 13, 2015, 03:37:51 pm
  • ♦ Ninja ZX-10RR ♦: Please refrain from using such language in the shoutbox. Also, try to read the documentation, it should tell you that and more. [link]
    August 13, 2015, 03:36:48 pm
  • psewolf: Where are the settings on the admin panel?
    August 13, 2015, 02:00:32 pm
  • psewolf: I'm not making a whole damn topic to ask where the settings are on the admin panel.
    August 13, 2015, 02:00:15 pm
  • ♦ Ninja ZX-10RR ♦: Please don't spam the shoutbox, post a topic instead. Thank you.
    August 13, 2015, 01:30:02 am

* Recent Posts

Re: Visitors straight to forum by kast
[Today at 06:04:43 am]


Re: Visitors straight to forum by andy
[Today at 12:10:05 am]


Re: Visitors straight to forum by emanuele
[Yesterday at 09:25:59 am]


Re: Visitors straight to forum by andy
[Yesterday at 07:42:01 am]


Visitors straight to forum by kast
[Yesterday at 04:28:06 am]

Welcome to SimplePortal.net! You can download SimplePortal from the Downloads Area!

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

0 Members and 1 Guest are viewing this topic.

Offline HappyHooligan

  • Just Registered
  • 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: 731
  • Gender: Male
    • Outdoor Club Japan (OCJ) アウトドア・クラブ・ジャパン
  • SMF Version: 2.0.11
  • SP Version: 2.3.6
  • Elkarte Version: None
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

  • The Underdog
  • Support
  • *
  • Posts: 1132
  • Gender: Male
  • ベジータ王
    • WebDev
  • SMF Version: 2.0.11
  • SP Version: 2.3.6
  • Elkarte Version: None
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: 731
  • Gender: Male
    • Outdoor Club Japan (OCJ) アウトドア・クラブ・ジャパン
  • SMF Version: 2.0.11
  • SP Version: 2.3.6
  • Elkarte Version: None
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