[Plugin] Board Description Images 1.0.1

[Shrike]

View in Plugin Library
Current version: 1.0.1

I am no longer providing support for this plugin.
I have made the plugin editable as of version 1.0.1

Description
This plugin allows you to add an image to replace your board description, quite a popular thing from V4. A problem I always had with this was that it didn't let you have the normal text description as well. This plugin will enable you to have the description either slide down from below the image, fade in on top of it or just be shown next to a smaller image (and if you don't want a description, you can just leave that blank and it'll only add the image for you). I've tried to make it so that it will play nice with any sort of board layout modifications you make (see the note about this near the end) as well as make it pretty versatile so features can easily be added.

Screenshots
Descriptions open • Descriptions closed • Main settings

Copyright notice
This plugin includes the hoverIntent jQuery plugin by Brian Cherne, available under the MIT license.

Using template mods?
If you haven't made any major changes to the "Board List" layout template then you shouldn't need to worry about this. Otherwise, the plugin needs your template to have at least the following structure, items don't need to be immediate children unless noted:

SPOILER: Click to show

<something with board ID ($[board.content_id])>
...<something with "main" class>
......<something with "link" class (sibling of "description")>
.........<"a" element as immediate child of the above with link to board ($[board])>
......<something with "description" class (which contains $[board.description] and is sibling of "link" class)>

Want to style things?
Several classes are added to the description, images and board cells.

SPOILER: Click to show

The cells with the "main" class affected by the plugin have "rfbdi-main" added.
The link to the board that is wrapped around the image has "rfbdi-board_img_link".
The board image (wrapped by the above link) has "rfbdi-board_img".
The descriptions (with "description" class) have another class added depending on the appearance type:
Slide down has "rfbdi-slide_desc"
Fade over has "rfbdi-fade_desc"
Next to has "rfbdi-next_desc"

Version history

• 0.4.1 beta (26/Nov/12): Public release
• 0.4.2 (26/Nov/12): Fixed fadeOver positioning bug in Firefox
• 0.4.3 (30/Nov/12): Fixed description stretching to cell width rather than image width.
• 0.4.4 (1/Dec/12): Adjusted rfbdi-fade_desc CSS to be easier to override.
• 0.4.5 (29/Jan/13): Corrected width of fade over container not being applied properly.
• 1.0.0 (3/May/2013): Unbound .clickable event handler to make opening links on the images in new tabs easier. Exported to PB Plugin Library.
• 1.0.1 (9/Nov/2019): Released editable version.

Crediting - v1.0.1
I give permission for anyone to do whatever they wish with this plugin (hopefully continue supporting it ).
Please ensure any original code is credited to Shrike.

Attachments:

Board Description Images 1.0.1.pbp (4.3 KB)

[Relic]

Hey Shrike,



This plugin is absolutely awesome. However, I have one small issue with it. If you go to this board, I have the sub-board "Stables" set to fade over. The fade over works, but the image is not centered with the fade. Hover over it to see what I mean. How do I fix this?

Thanks in advance! 

[Shrike]

Nov 29, 2012 18:17:09 GMT -8 Relic said:

Hey Shrike,



This plugin is absolutely awesome. However, I have one small issue with it. If you go to this board, I have the sub-board "Stables" set to fade over. The fade over works, but the image is not centered with the fade. Hover over it to see what I mean. How do I fix this?

Thanks in advance! 

Hmm, this looks to be a problem from me testing only with large board images that push the edges of the cell the descriptions etc are in. Looks like the description is filling that table cell, rather than the invisible container I've given it which should be the same size as the image.

It should be a pretty simple fix, I'll have an update in a little bit.

EDIT: And done Re-download from the link at the top.

[Relic]

Works great Shrike! Thank you so much.

[Relic]

Alright, one more thing I'm having trouble with, Shrike. Sorry >.<

I'm trying to change the fade color to white (FFFFFF, or rgb of 255,255,255). I've added the .rfbdi-fade_desc to my style sheet, but no matter which option I use (a hex color with opacity or the rgba) it won't change the fade to white lol. I need it to be a lighter color because of the darker color text of my boards.

[Shrike]

Nov 29, 2012 19:21:42 GMT -8 Relic said:

Alright, one more thing I'm having trouble with, Shrike. Sorry >.<

I'm trying to change the fade color to white (FFFFFF, or rgb of 255,255,255). I've added the .rfbdi-fade_desc to my style sheet, but no matter which option I use (a hex color with opacity or the rgba) it won't change the fade to white lol. I need it to be a lighter color because of the darker color text of my boards.

For now, you can add !important after the color so you'd have it looking like {background-color: #FFFFFF !important;}.

I'll make an update to the plugin to make it easier to override this though (and maybe look into using the color picker, need to find a way to convert the values for the opacity though).

Edit: Done, it was a very minor change, same link as before at the top.

That said, using !important will work fine for now, Relic, so don't feel you have to upgrade to this specific version if you don't want to copy all the settings over again. Updating plugins is supposed to become easier at some point in the future.

[Smokeygrey]

I have loaded this plugin.

But it will not let me " Add board " 

When I click on "  Add board "  A sub-page appears, showing me all my categories. But it will not let me select any of them.

I am beginning to wonder if there may be a bug in my forum, as this is not the only Plugin that will not work, for me.

[Shrike]

Dec 1, 2012 10:25:37 GMT -8 Smokeygrey said:

I have loaded this plugin.

But it will not let me " Add board " 

When I click on "  Add board "  A sub-page appears, showing me all my categories. But it will not let me select any of them.

I am beginning to wonder if there may be a bug in my forum, as this is not the only Plugin that will not work, for me.

You say it shows all your categories? Is it not showing the boards (and sub-boards etc) for each one as well? You want to click on a board name and it should then close the box and show it as the name selected. If that isn't working then, yes, it might be a bug and you'll want to Report it.

[Smokeygrey]

Dec 1, 2012 10:34:12 GMT -8 Shrike said:

Dec 1, 2012 10:25:37 GMT -8 Smokeygrey said:

I have loaded this plugin.

But it will not let me " Add board " 

When I click on "  Add board "  A sub-page appears, showing me all my categories. But it will not let me select any of them.

I am beginning to wonder if there may be a bug in my forum, as this is not the only Plugin that will not work, for me.

You say it shows all your categories? Is it not showing the boards (and sub-boards etc) for each one as well? You want to click on a board name and it should then close the box and show it as the name selected. If that isn't working then, yes, it might be a bug and you'll want to Report it.

Sorry Shrike

I didn't make that very clear. Yes!  I clicked on Add board.  The box appeared. I selected the board I wanted and clicked on it. Nothing happened. The box stays there, and nothing else happens.

I will report this as a possible bug. Thanks.

[smashwords2]

Shrike, is it possible to do the same for Categories, so that clicking on a Category image opens the forums under that category and displays those images as well?

[Shrike]

Dec 6, 2012 11:55:57 GMT -8 smashwords2 said:

Shrike, is it possible to do the same for Categories, so that clicking on a Category image opens the forums under that category and displays those images as well?

Making this work on categories would involve a lot of reworking. Have you tried the Collapsible Categories plugins? Although I haven't tested it myself, I see no reason why it wouldn't work with my plugin too.

[smashwords2]

Dec 6, 2012 12:03:28 GMT -8 Shrike said:

Making this work on categories would involve a lot of reworking. Have you tried the Collapsible Categories plugins? Although I haven't tested it myself, I see no reason why it wouldn't work with my plugin too.

I'm very pleased with your plugin, Shrike, and have been playing around with various plugins - including Collapsible Categories - and template mods like the Tabbed Categories mod which I've combined with yours. I'll take up your suggestion and create another beta template to play around with Collapsible Categories and your plugin.

Thanks for a wonderful plugin.

[smashwords2]

How do I export this plugin? When I click on Build it doesn't appear.

[Shrike]

Dec 9, 2012 13:26:34 GMT -8 smashwords2 said:

How do I export this plugin? When I click on Build it doesn't appear.

I've not made it publicly editable so it won't show up in Build and can only be exported by me.

If you need to use it on another forum, just upload the file you saved to your computer/re-download it from above. If you want to share it with other people, just send them a link to this thread. Bear in mind that this should be simpler when the plugin directory is live.

[smashwords2]

Dec 9, 2012 13:31:20 GMT -8 Shrike said:

Dec 9, 2012 13:26:34 GMT -8 smashwords2 said:

How do I export this plugin? When I click on Build it doesn't appear.

I've not made it publicly editable so it won't show up in Build and can only be exported by me.

If you need to use it on another forum, just upload the file you saved to your computer/re-download it from above. If you want to share it with other people, just send them a link to this thread. Bear in mind that this should be simpler when the plugin directory is live.

I was hoping there might be a way to export it so I wouldn't have to manually input all the data again when the V5 goes live. Just being lazy.