Images On Board

[Bulakbol]

Link to Mod

Author: JohnyB    Mod Name: ImagesOnBoard    Version: 1.0
Tested: Freshly installed SMF 1.1.5 and SMF 2.0 Beta 3.1 Public
   
Images On Board 1.0

• This mod will add images on the board.
• When editing or creating a board, enter the filename of the image for that board including the filename extension.
• There will be only one image folder for all themes used.
• The default location for all images is Themes/default/images/ImagesOnBoard folder.
• The dimension of images displayed will depend on the size of your images.
• If you want to limit the size of displayed images, edit your BoardIndex.template.php and MessageIndex.template,php then find
  

  echo '<div style="float:left; margin-right: 4px;"><img src="' . $settings['default_images_url'] . '/ImagesOnBoard/' . $board['image'] . '" alt="*" /></div>';

  and add width="xx" after the alt="*" attribute.
  

  echo '<div style="float:left; margin-right: 4px;"><img src="' . $settings['default_images_url'] . '/ImagesOnBoard/' . $board['image'] . '" alt="*" width="35" /></div>';

     
Supported Themes

• Default Core
• babylon
• classic
• shinyblue

Supported languages

• English
• english-utf8
• Spanish (Thanks NIBOGO)

December 21, 2008

• Uploaded an upgrade to 2.0. Added simple images uploader.
  When editing/creating a board, there is an orange asterisk on the right side of Name of image for this board:.
  Click the orange asterisk to upload images.

Here's how the upgrade work. At least the way I did it.

For version 1.1.7
What you will see after uploading the upgrade.

9. Images On Board 1.1           [ Uninstall ] [ List Files ] [ Delete ] 
10. Images On Board 2.0          [ Upgrade ] [ List Files ] [ Delete ]

After the upgrade.

9. Images On Board 1.1                           [ List Files ] [ Delete ] 
10. Images On Board 2.0        [ Uninstall ] [ List Files ] [ Delete ]

After uninstallation.

9. Images On Board 1.1       [ Apply Mod ] [ List Files ] [ Delete ] 
10. Images On Board 2.0     [ Apply Mod ] [ List Files ] [ Delete ]

You can install either the version 2.0 or the version 1.1.


For verson 2.0 Beta 4
It is different. Install and uninstall only the upgrade just like any other mod.

February 18, 2009
Released update for version 2.0 RC1


June 19, 2009
Images On Board

• This mod will add images on the board.
• You can add external link for the image. The default (empty) is board link.
• When editing or creating a board, enter the filename of the image for that board including the filename extension.
• There will be only one image folder for all themes used.
• The default location for all images is Themes/default/images/ImagesOnBoard folder.
• The dimension of images displayed will depend on the size of your images.
• Added simple images uploader.
• Option to hide the images by individual members. Profile => Look and Layout => "Don't show images on board" checkbox.

Supported Themes

• Default Core
• babylon
• classic
• shinyblue

Supported languages

• English
• english-utf8

Note:

• Need language translation again because of the additional language strings.

June 19, 2009
+ Added Italian language. (Thanks SilvioTO).

[jossanaijr]

Great Mod!

[4Kstore]

perfect mod !! thanks man !!

[Bulakbol]

Thanks guys for trying or using this mod.

The default images directory is Themes/default/images/ImagesOnBoard folder.

[Nibogo]

Awesome mod:

Spanish

$txt['board_image'] = '<b>Nombre de la imagen para esta categoria:</b><br />Incluyendo la extension del archivo. (ejemplo: xx.gif)';

[Qayyom Ashraf]

Nice Mod

Any live demo?

[Bulakbol]

I updated the mod and added Spanish language. Thanks NIBOGO.

I also corrected my mistake. The modifications.{language}.php was changed to Modifications.{language}.php.

Live Demo

[Yağız...]

Nice mod. Turkish Translation:

Code Select Expand

$txt['board_image'] = '<b>Bu bölüm için resim ismi:</b><br />Dosyanın uzatısınıda yazmalısınız. (örnek. xx.gif)';

[Bulakbol]

Thanks Yağız. I'll update the mod later.


edit:
Turkish language translation added.

[FerociousSM]

Nice mod. Any plans on getting it to work with Musiconica theme?

[Yağız...]

Thanks Yağız. I'll update the mod later.


edit:
Turkish language translation added.

Thank you too Johny.

[Apllicmz]

Nice work
good mod
Update portuguese and brazilian support utf8 smf 1.1.x and 2.0 beta 3.1

Code Select Expand

<file name="$languagedir/modifications.portuguese.php" error="skip">
      <operation>
         <search position="end" />
         <add><![CDATA[
$txt['board_image'] = '<b>Nome da imagem para esta quadro:</b><br />Incluir arquivo extens&atilde;o. (i.e. xx.gif)';
]]></add>
      </operation>
   </file>   
   <file name="$languagedir/modifications.brazilian.php" error="skip">
      <operation>
         <search position="end" />
         <add><![CDATA[
$txt['board_image'] = '<b>Nome da imagem para esta quadro:</b><br />Incluir arquivo extens&atilde;o. (i.e. xx.gif)';
]]></add>
      </operation>
   </file>   

Code Select Expand

<file name="$languagedir/modifications.portuguese-utf8.php" error="skip">
      <operation>
         <search position="end" />
         <add><![CDATA[
$txt['board_image'] = '<b>Nome da imagem para esta quadro:</b><br />Incluir arquivo extens&atilde;o. (i.e. xx.gif)';
]]></add>
      </operation>
   </file>   
   <file name="$languagedir/modifications.brazilian-utf8.php" error="skip">
      <operation>
         <search position="end" />
         <add><![CDATA[
$txt['board_image'] = '<b>Nome da imagem para esta quadro:</b><br />Incluir arquivo extens&atilde;o. (i.e. xx.gif)';
]]></add>
      </operation>
   </file>         
</modification>   

Code Select Expand

<!-- default/languages/Modifications.portuguese_pt.php -->
<file name="$languagedir/Modifications.portuguese_pt.php" error="skip">
  <operation>
   <search position="end" />
   <add><![CDATA[
$txt['disable_iob'] = 'N&atilde;o mostrar imagens do quadro.';
$txt['board_image'] = 'Nome da imagem para este f&oacute;rum';
$txt['board_image_desc'] = 'Incluir extens&atilde;o. (i.e. stop.png)';
$txt['board_img_link'] = 'Link para a imagem acima';
$txt['board_img_link_desc'] = '(i.e. http://www.simplemachines.org)';
$txt['upload_title'] = 'Fazer upload de imagens';
$txt['select_files'] = 'Selecione um ficheiro';
$txt['valid_file_types'] = 'V&aacute;lidar tipos de ficheiros que s&atilde;o';
$txt['invalid_file_extension'] = 'Desculpas. <span style="color: #FF0000;">%s</span> tinha uma extens&atilde;o de ficheiro inv&aacute;lido. Enviar abortado.<br />';
$txt['upload_failed'] = '<span style="color: #FF0000;">Falha no upload! Desconhecido erro.</span><br />';
$txt['file_too_big'] = 'Desculpas. <span style="color: #FF0000;">%s</span> era muito grande. Enviar abortado.<br/>';
$txt['file_cannot_move'] = '<span style="color: #FF0000;">%s</span> n&atilde;o se pode mover. Erro desconhecido.';
$txt['upload_successful'] = '<span style="color: blue;">Ficheiro carregado com sucesso. Obrigado.</span> - %s<br />';
$txt['file_exists'] = 'Desculpas. %s j&aacute; existem. Experimente um outro ficheiro ou renomear o ficheiro.<br/>';
$txt['maximum_allowed'] = 'O tamanho m&aacute;ximo permitido pelo servidor &eacute; <strong>%s</strong> kilobytes ou <strong>%d</strong> megabytes.<br />';
$txt['maximum_upload']  = 'O tamanho m&aacute;ximo permitido para upload &eacute; <strong>%s</strong> kilobytes or <strong>%d</strong> megabyte(s).<br /><br />';
]]></add>
  </operation>
</file>
<file name="$languagedir/Modifications.portuguese_brazilian.php" error="skip">
  <operation>
   <search position="end" />
   <add><![CDATA[
$txt['disable_iob'] = 'N&atilde;o mostrar imagens do quadro.';
$txt['board_image'] = 'Nome da imagem para este f&oacute;rum';
$txt['board_image_desc'] = 'Incluir extens&atilde;o. (i.e. stop.png)';
$txt['board_img_link'] = 'Link para a imagem acima';
$txt['board_img_link_desc'] = '(i.e. http://www.simplemachines.org)';
$txt['upload_title'] = 'Fazer upload de imagens';
$txt['select_files'] = 'Selecione um ficheiro';
$txt['valid_file_types'] = 'V&aacute;lidar tipos de ficheiros que s&atilde;o';
$txt['invalid_file_extension'] = 'Desculpas. <span style="color: #FF0000;">%s</span> tinha uma extens&atilde;o de ficheiro inv&aacute;lido. Enviar abortado.<br />';
$txt['upload_failed'] = '<span style="color: #FF0000;">Falha no upload! Desconhecido erro.</span><br />';
$txt['file_too_big'] = 'Desculpas. <span style="color: #FF0000;">%s</span> era muito grande. Enviar abortado.<br/>';
$txt['file_cannot_move'] = '<span style="color: #FF0000;">%s</span> n&atilde;o se pode mover. Erro desconhecido.';
$txt['upload_successful'] = '<span style="color: blue;">Ficheiro carregado com sucesso. Obrigado.</span> - %s<br />';
$txt['file_exists'] = 'Desculpas. %s j&aacute; existem. Experimente um outro ficheiro ou renomear o ficheiro.<br/>';
$txt['maximum_allowed'] = 'O tamanho m&aacute;ximo permitido pelo servidor &eacute; <strong>%s</strong> kilobytes ou <strong>%d</strong> megabytes.<br />';
$txt['maximum_upload']  = 'O tamanho m&aacute;ximo permitido para upload &eacute; <strong>%s</strong> kilobytes or <strong>%d</strong> megabyte(s).<br /><br />';
]]></add>
  </operation>
</file>

Code Select Expand

<file name="$languagedir/Modifications.portuguese_pt-utf8.php" error="skip">
  <operation>
   <search position="end" />
   <add><![CDATA[
$txt['disable_iob'] = 'N&atilde;o mostrar imagens do quadro.';
$txt['board_image'] = 'Nome da imagem para este f&oacute;rum';
$txt['board_image_desc'] = 'Incluir extens&atilde;o. (i.e. stop.png)';
$txt['board_img_link'] = 'Link para a imagem acima';
$txt['board_img_link_desc'] = '(i.e. http://www.simplemachines.org)';
$txt['upload_title'] = 'Fazer upload de imagens';
$txt['select_files'] = 'Selecione um ficheiro';
$txt['valid_file_types'] = 'V&aacute;lidar tipos de ficheiros que s&atilde;o';
$txt['invalid_file_extension'] = 'Desculpas. <span style="color: #FF0000;">%s</span> tinha uma extens&atilde;o de ficheiro inv&aacute;lido. Enviar abortado.<br />';
$txt['upload_failed'] = '<span style="color: #FF0000;">Falha no upload! Desconhecido erro.</span><br />';
$txt['file_too_big'] = 'Desculpas. <span style="color: #FF0000;">%s</span> era muito grande. Enviar abortado.<br/>';
$txt['file_cannot_move'] = '<span style="color: #FF0000;">%s</span> n&atilde;o se pode mover. Erro desconhecido.';
$txt['upload_successful'] = '<span style="color: blue;">Ficheiro carregado com sucesso. Obrigado.</span> - %s<br />';
$txt['file_exists'] = 'Desculpas. %s j&aacute; existem. Experimente um outro ficheiro ou renomear o ficheiro.<br/>';
$txt['maximum_allowed'] = 'O tamanho m&aacute;ximo permitido pelo servidor &eacute; <strong>%s</strong> kilobytes ou <strong>%d</strong> megabytes.<br />';
$txt['maximum_upload']  = 'O tamanho m&aacute;ximo permitido para upload &eacute; <strong>%s</strong> kilobytes or <strong>%d</strong> megabyte(s).<br /><br />';
]]></add>
  </operation>
</file>
<file name="$languagedir/Modifications.portuguese_brazilian-utf8.php" error="skip">
  <operation>
   <search position="end" />
   <add><![CDATA[
$txt['disable_iob'] = 'N&atilde;o mostrar imagens do quadro.';
$txt['board_image'] = 'Nome da imagem para este f&oacute;rum';
$txt['board_image_desc'] = 'Incluir extens&atilde;o. (i.e. stop.png)';
$txt['board_img_link'] = 'Link para a imagem acima';
$txt['board_img_link_desc'] = '(i.e. http://www.simplemachines.org)';
$txt['upload_title'] = 'Fazer upload de imagens';
$txt['select_files'] = 'Selecione um ficheiro';
$txt['valid_file_types'] = 'V&aacute;lidar tipos de ficheiros que s&atilde;o';
$txt['invalid_file_extension'] = 'Desculpas. <span style="color: #FF0000;">%s</span> tinha uma extens&atilde;o de ficheiro inv&aacute;lido. Enviar abortado.<br />';
$txt['upload_failed'] = '<span style="color: #FF0000;">Falha no upload! Desconhecido erro.</span><br />';
$txt['file_too_big'] = 'Desculpas. <span style="color: #FF0000;">%s</span> era muito grande. Enviar abortado.<br/>';
$txt['file_cannot_move'] = '<span style="color: #FF0000;">%s</span> n&atilde;o se pode mover. Erro desconhecido.';
$txt['upload_successful'] = '<span style="color: blue;">Ficheiro carregado com sucesso. Obrigado.</span> - %s<br />';
$txt['file_exists'] = 'Desculpas. %s j&aacute; existem. Experimente um outro ficheiro ou renomear o ficheiro.<br/>';
$txt['maximum_allowed'] = 'O tamanho m&aacute;ximo permitido pelo servidor &eacute; <strong>%s</strong> kilobytes ou <strong>%d</strong> megabytes.<br />';
$txt['maximum_upload']  = 'O tamanho m&aacute;ximo permitido para upload &eacute; <strong>%s</strong> kilobytes or <strong>%d</strong> megabyte(s).<br /><br />';
]]></add>
  </operation>
</file>

[Holyfrey]

I wonder if you can tell me what I most do to make it work in other themes to ?

I have installed this theme (see Attach) named Tritin11 and I cant get it to work because I cant
find where I shell put in the code.

[Bulakbol]

@perociousSM
It's easy to edit BoardIndex.template.php and MessageIndex.template.php. There are only three lines. Try your hands on it and if you think it's hard to do, then attach your BoardIndex.template.php and MessageIndex.template.php.

@Joomlamz
Package is updated with your additional languagse translation. Thanks.

@tmyrdal
If your theme is Triton11, then here's what you have to do. Open your Triton11/BoardIndex.template,php and look for

<td class="windowbg2" valign="top" style="padding: 5px 10px 5px 10px;">

replace with

<td class="windowbg2" valign="top" style="padding: 5px 10px 5px 10px;">';
            if (!empty($board['image']))
                  echo '<div style="float:left; margin-right: 4px;"><img src="' . $settings['default_images_url'] . '/ImagesOnBoard/' . $board['image'] . '" alt="*" /></div>';
            
            echo '

then the Triton11/MessageIndex.template.php, find

<td class="windowbg2">

and replace with

<td class="windowbg2">';
            if (!empty($board['image']))
                  echo '<div style="float:left; margin-right: 4px;"><img src="' . $settings['default_images_url'] . '/ImagesOnBoard/' . $board['image'] . '" alt="*" /></div>';
            
            echo '

That's all.

[Garry1953]

Handy Mod.
Thanks

[jezzb]

Excellent Mod - Well Done & Thanks

Jezzb

[keyboard]

Many,many thanks for this mod..    You can really dress up a sometimes bored and lifeless default theme with this..

We need more mods like this, that will work with default template, that will address the " how it looks "

again thank you very much
Ron

[Relyana]

Thanks a lot JohnyB ! Awesome mod 

It did take me some good minutes to figure it out what to edit and where (on Dilber MC) but it works out now. 

[Nugget]

Here's an idea - instead of the image being beside the board name - shift it to the left and replace the SMF image logo.
The default SMF logos in a vertical row do not look the best.
Nugget

[Relyana]

Here's an idea - instead of the image being beside the board name - shift it to the left and replace the SMF image logo.
The default SMF logos in a vertical row do not look the best.
Nugget

What are you talking about ? What SMF image logo ?  (sorry but I'm a little bit confused  )