collapse

* User Info

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

* Who's Online

  • Dot Guests: 49
  • Dot Hidden: 0
  • Dot Users: 0

There aren't any users online.

* Shoutbox

Refresh History
  • Shoutbox is not for support!
  • kiki26022003: hi
    November 24, 2014, 02:54:28 PM
  • larry007: test
    November 20, 2014, 03:17:39 PM
  • {OCS}MasterSeal: HI, WhiteEagle
    November 12, 2014, 04:20:18 AM
  • WhiteEagle: Hello all.
    November 09, 2014, 05:33:00 PM
  • {OCS}MasterSeal: Oh and I almost forgot THANK YOU SP TEAM!
    November 04, 2014, 05:02:38 AM
  • {OCS}MasterSeal: I think I'll spam the shoutbox with as many SP IS AWESOME posts as I can.. but no more than one per day :
    November 04, 2014, 04:48:39 AM
  • desertcities: How long does it take to get approval here?  I posted on 10/29, my site is down, I need help.
    November 01, 2014, 08:50:30 PM
  • Zz: hello everyone! I posted a topic recently on Custom COdind section but it is still waiting for approval. Can anyone help with this?
    November 01, 2014, 04:21:31 PM
  • {OCS}MasterSeal: WOW> I'm so impressed at the developer involvement here at SP. Great stuff. Thank you!
    October 30, 2014, 11:42:03 PM
  • [SiNaN]: Feel free to customize it to your liking, however, this is the best we can currently offer.
    October 30, 2014, 08:19:04 AM
  • xeon365: ie where username profile link.. its just getting the membergroup color directly and adding it as inline style.. would be better if it instead just added the membergroup as a css class that can be styled by the theme
    October 29, 2014, 11:00:10 PM
  • xeon365: omg why isn't membergroup got proper css class.. not dumping inline css style
    October 29, 2014, 10:58:03 PM
  • BurkeKnight: [SiNaN] old friend. Great Job. I can't wait to see what you add next. :)
    October 13, 2014, 04:13:53 PM
  • [SiNaN]: Thank you everyone, for the kind words and support. For those who are interested, check out our Donators Program: [link]
    October 13, 2014, 11:57:44 AM
  • {OCS}MasterSeal: Glad to be here, glad to use your amazing portal THank you!
    October 13, 2014, 11:33:35 AM
  • Mike Vail: I'd like to donate to you for all your wonderful work. Do you guys have a place on your site to do that? THANKS FOR EVERYTHING!
    October 13, 2014, 11:12:16 AM
  • Mstcool: Yay, an update! :D
    October 12, 2014, 01:39:17 AM
  • stanyy: You're right. I have no idea how I got to the "Archived" index. It looks too similar.
    October 03, 2014, 11:38:32 AM
  • [SiNaN]: SimplePortal 2.3.5 package is listed in Stable SimplePortal Packages category in Downloads area.
    October 03, 2014, 06:08:01 AM
  • stanyy: SP 2.3.5 is not available in the downloads section?? The big download link on the homepage points newcomers to the downloads section who then download 2.3.4. Not good.
    October 03, 2014, 03:54:21 AM
NEED HELP? If you're looking for support with Simple Portal, look no further than the Support Board!

Author Topic: Noob question about image links in a block  (Read 1442 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, 04: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: 650
  • Gender: Male
    • Outdoor Club Japan (OCJ) アウトドア・クラブ・ジャパン
  • SMF Version: 2.0.9
  • SP Version: 2.3.6
Re: Noob question about image links in a block
« Reply #1 on: January 17, 2013, 09: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, 09: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 Underdog

  • Support
  • *
  • Posts: 843
  • Gender: Male
  • On Hiatus
    • 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, 01: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, 01:58:33 PM by Underdog »

Offline andy

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