[Plugin] Board Description Images 1.0.1

[shinyfirefly]

Hoping that the author checks this thread sometime soon.

I've installed the plugin but I do not see my image.

Here is what I've checked:
-My settings say that everyone is able to see it.
-I've made sure there are checkmarks next to my themes so it will work with them.
-I have included a height (100) and a width (100)
-I have tried to use a direct image link from both imageshack and photobucket.
-I have my settings set for "Next to" left.
- When enabled, no image appears. Board topic disappears altogether.

thewalkingfans.proboards.com

The image should appear at the first board topic under the Community Information category.

Any help would be appreciated. Our artist spent hours designing graphics for our board topics.

[Joachim]

Dec 30, 2013 8:00:17 GMT -8 shinyfirefly said:

Hoping that the author checks this thread sometime soon.

I've installed the plugin but I do not see my image.

Here is what I've checked:
-My settings say that everyone is able to see it.
-I've made sure there are checkmarks next to my themes so it will work with them.
-I have included a height (100) and a width (100)
-I have tried to use a direct image link from both imageshack and photobucket.
-I have my settings set for "Next to" left.
- When enabled, no image appears. Board topic disappears altogether.

thewalkingfans.proboards.com

The image should appear at the first board topic under the Community Information category.

Any help would be appreciated. Our artist spent hours designing graphics for our board topics. :(

As a quick note as this is the only thing I can think of since it was brought up before. I notice that there has been a bit of remodeling done on your board. To quote a post I'd written for someone else on that, they were using the side by side board template, which removed the td class necessary for the plugin to work, but it might be worth looking into your templates to make sure you have that class still somewhere in there:

Nov 6, 2013 11:14:36 GMT -8 Joachim said:

...

For the images to show you actually need: <td class="main clickable"> in your template (that class is what, I believe, makes the whole description cell clickable), which I know isn't in the side-by-side board template, which is why your images aren't showing.

So maybe, just maybe, you're missing that class and that might be why the images aren't showing, otherwise I'm afraid I won't be of much help.

[Therene]

Hi!

So I'm considering using Trinity Blair's board remodel:

SPOILER: Click to show

<!-- BOARD REMODEL BY TRINITY BLAIR OF ADOXOGRAPHY, DO NOT STEAL -->
<br>
<table role="grid" width="100%" style="margin:20px;">
<tbody>
{foreach $[board]}
{if !$[board.is_redirect]}
{if $[board.odd] == 1}
<tr>
{/if}
{if $[board.lastIndex] == $[board.index]}
<td valign="top" colspan="2" id="$[board.content_id]" class="$[board.content_class] boardtd">
{else}
<td width="50%" id="$[board.content_id]" class="$[board.content_class] boardtd" valign="top">
{/if}
<span class="board-name">$[board]</span> {if $[board.num_viewing]}<span class="viewing">- $[board.num_viewing] Viewing</span>{/if}
<div class="board-last-post">
{if $[board.posts] > 0}
{if $[current_user.is_member]}
{if $[board.category_id] == 2 && $[current_user.posts] < 15}
<p>You need at least <b>15</b> posts to view this board.</p>
{elseif $[board.id] == 78}
{if $[current_user.is_staff]}
{if $[board.last_thread]}
<p><a href="$[board.last_thread.recent_link.href]" class="lastpost">$[board.last_thread.subject]</a> by $[board.last_thread.last_post.created_by_user] <span class="date">$[board.last_thread.last_post.date]</span></p>
{/if}
{else}
<p>Sorry, you need higher clearance to access this board.</p>
{/if}
{else}
{if $[board.last_thread]}
<p><a href="$[board.last_thread.recent_link.href]" class="lastpost">$[board.last_thread.subject]</a> by $[board.last_thread.last_post.created_by_user] <span class="date">$[board.last_thread.last_post.date]</span></p>
{/if}
{/if}
{else}
<p>This is for members only, please $[login_link] or $[register_link].</p>
{/if}
{else}
<p>No files have been submitted on this board.</p>
{/if}
</div>
<table width="100%" cellpadding="5px">
<tr>
<td {if $[board.odd] == 1}width="97%"{else}width="93.5%"{/if}>
<table width="100%">
<tbody>
<tr>
<td {if $[board.odd] == 1}width="94%"{else}width="85%"{/if}>
<div class="sub-container" style="margin-right: 10px; height: 26px; padding-top:9px;">
{if $[board.sub_board]}
<div class="sub-boards">
<marquee behavior="scroll" direction="left" scrollamount="5" onmouseover="this.stop();" onmouseout="this.start();">
{if $[board.sub_board]}
{foreach $[board.sub_board]}
|<a href="$[board.sub_board.href]" style="color: #000;">$[board.sub_board.name]</a>|
{/foreach}
{/if}
</marquee>
</div>
{/if}</div>
<div class="board-description" style="height:90px; overflow:auto; margin-right:10px; margin-top:-3px;">
<br>$[board.description]
</div>
</td>
<td {if $[board.odd] == 1}width="7%"{else}width="15%"{/if}>
<table>
<tbody>
<tr>
<td>
<div class="board-post-count" style="text-align:center;width:55px;height:41px;float:left;font-size:9px;text-transform:uppercase;background-color:#000000;color:#fff;padding-left:10px;padding-right:10px;padding-top:25px;margin-bottom:5px;">
$[board.posts]<br>REPORT{if $[board.posts] != 1}S{/if}
</div>
</td>
</tr>
<tr>
<td>
<div class="board-thread-count" style="text-align:center;width:55px;height:46px;float:left;font-size:9px;text-transform:uppercase;background-color:#000000;color:#fff;padding-left:10px;padding-right:10px;padding-top:20px;">
$[board.threads]<br>FILE{if $[board.threads] != 1}S{/if}
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tbody>
</table>
</td>
<td {if $[board.odd] == 1}width="3%"{else}width="5.5%"{/if}></td>
</tr>
</table>
<div class="clear"></div>
</td>{if $[board.odd] == 1}{if $[board.lastIndex] != $[board.index]}<td width="3%"> </td>{/if}{/if}
{if $[board.even] == 1}</tr>{/if}
{else}
<tr id="$[board.content_id]" class="$[board.content_class]">

<td class="main clickable redirect last" colspan="4">
<span class="link">$[board]</span><br />
<p class="description">$[board.description]</p>
</td>
</tr>
{/if}
{/foreach}
{if !$[board]}
<tr class="last"><td class="last center" colspan="5">No boards were found.</td></tr>
{/if}
</tbody>
</table>

<style>
.board-name {
font-size: 2em;
text-transform: uppercase;
}
.sub-container {
background-color: #30B1BA;//217fc0
font-size: .8em;
text-transform: uppercase;
color: #fff;
}
.board-description {
text-align: justify;
<!--background-color: #eee;-->
padding: 8px;
}
</style>

and I'm not sure where to place place these:
<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)>

[kovulion]

I'm using this for my nomorehappyendings.freeforums.net and need help with images

[naome]

I am using a pre-made skin and for some reason this plugin won't work for me. It lets me enter all the info., but I can't see any changes.

[tank2379]

Can you link images to other websites?

[naome]

I'm not sure what you mean? Link images to other websites? This is for board descriptions though right?

[strewth78]

hello.
Is it possible to have the description appear underneath the image (not right or left and no scroll or fade)?

also, i find the board title is removed when fade or scroll is enabled.  but when next to is selected, the board title appears along with the image.  

id like no board title, with an image and then the description underneath.  not sure if thats easy to adjust.  thanks

[evangelion7890]

Hi, I had posted a message regarding hiding the moderator and sub-board information displayed and just displaying the image. The full message can be viewed here. --> link

Update: Since the author has not been on the board for over a year, both Pebble and pastuleo23 was kind enough to assist by providing the necessary code to make this work, now there are two options to choose.    If interested, please click link above for solutions.


Thanks...:Evan.

[Mokou]

My images are showing just fine, but they seem to have links now that lead to nowhere? How do I get them to not be clickable? I just want the image, not for them to link to something.

sonata-of-awakening.proboards.com/

[High Warden]

How do I add this without effecting the titlebar of the Board?

[solarbronco]

Does anyone know if this plugin is stable? Been looking to have images in board description but have messed a bit with my templates and dont see any recent action from the OP.

[Niomi]

I'm having the same issue as Mokou, links that lead to nowhere with no possible way (that I can find) to remove the links in it, or even change them. Any help with this?

[sunzhao]

Do you think you can help me get this working? I'm new, but the only one on the staff that can work with stuff like this.

This is a copy of the board list layout, it's from the Aflamed Night theme that the others wanted installed. I'm trying to figure how to make it work with yours, while retaining the current appearance.

Forum is located here: dynastyrebirth.proboards.com


{foreach $[board]}
{if !$[board.is_redirect]}
                   {if $[board.odd] == 1}<tr>{/if}
       {if $[board.lastIndex] == $[board.index]}<td valign="top" colspan="1" id="$[board.content_id]" class="$[board.content_class] boardtd">{else}
       <td width="50%" id="$[board.content_id]" class="$[board.content_class] boardtd" valign="top">{/if}
           <div class="boardurl">$[board]</div>
           <div align="center" style="padding-top: 5px;"><div class="lastpostsection"><table><tr><td>
               <div class="lastpostavatar"><a href="$[board.last_thread.last_post.created_by.link.href]" title="$[board.last_thread.last_post.created_by.name]">$[board.last_thread.last_post.created_by.avatar_small]</a></div></td><td>{if $[board.posts] > 0}
               {if $[board.last_thread]} {if $[board.is_new]}<span style="color: #ffd069;
font-size: 25px;
font-weight: bold;">?</span>{/if}$[board.last_thread.recent_link]<br> by $[board.last_thread.last_post.created_by] {/if}{/if}</td></tr></table></div></div>
           <div class="boarddesc">$[board.description]</div>
           <div class="subboards" style="margin-top: -5px;">{if $[board.sub_board]}

               {foreach $[board.sub_board]}<div style="padding-bottom: 3px;float:left;padding-right: 10px;padding-bottom: 10px;">$[board.sub_board]</div>{/foreach}

                   {/if}</div>
           <div class="clear"></div>          
       </td>
       
       {if $[board.odd] == 1}{if $[board.lastIndex] != $[board.index]}<td width="2%">&nbsp;</td>{/if}{/if}
       {if $[board.even] == 1}</tr>{/if}
{else}
<tr id="$[board.content_id]" class="$[board.content_class]">
<div class="boardurl">$[board]</div>
           <table width="100%" cellpadding="5px">
               <tr>
                   <td valign="top" width="65%" style="padding-right: 5px;"><div class="boarddesc">$[board.description]</div>
                   <div class="lastpostsection"><span>{if $[board.posts] > 0}
                       {if $[board.last_thread]}$[board.last_thread.recent_link] BY $[board.last_thread.last_post.created_by_user] $[board.last_thread.last_post.date]{/if}{/if}</span></div></td>
                   <td valign="top" width="35%" style="padding: 5px;height: 150px;overflow: auto;"><div class="subboards" style="margin-top: -5px;">{if $[board.sub_board]}

           {foreach $[board.sub_board]}<div style="padding-bottom: 3px;">$[board.sub_board]</div>{/foreach}

                   {/if}</div></td></tr>
                       </table>
   </tr>
       {/if}
{/foreach}
I can see part of what needs to change, but I believe I'm going to have to augment the CSS to force the normal parts your plugin looks for and make them work as the existing ones.

If I understand it right: <div class="boardurl">$[board]</div>
the class part needs to be the "link" you mention, while there has to be an A href= as the $[board] part? Not sure what the A element refers to, other than the A in an html link.

And then <div class="boarddesc">$[board.description]</div>
needs to have it's class changed to description.

But there still needs to be a Main thrown in there somewhere.

[fnywl]

Mar 1, 2014 14:45:32 GMT -8 Therene said:

Hi!

So I'm considering using Trinity Blair's board remodel:

SPOILER: Click to show

<!-- BOARD REMODEL BY TRINITY BLAIR OF ADOXOGRAPHY, DO NOT STEAL -->
<br>
<table role="grid" width="100%" style="margin:20px;">
<tbody>
{foreach $[board]}
{if !$[board.is_redirect]}
{if $[board.odd] == 1}
<tr>
{/if}
{if $[board.lastIndex] == $[board.index]}
<td valign="top" colspan="2" id="$[board.content_id]" class="$[board.content_class] boardtd">
{else}
<td width="50%" id="$[board.content_id]" class="$[board.content_class] boardtd" valign="top">
{/if}
<span class="board-name">$[board]</span> {if $[board.num_viewing]}<span class="viewing">- $[board.num_viewing] Viewing</span>{/if}
<div class="board-last-post">
{if $[board.posts] > 0}
{if $[current_user.is_member]}
{if $[board.category_id] == 2 && $[current_user.posts] < 15}
<p>You need at least <b>15</b> posts to view this board.</p>
{elseif $[board.id] == 78}
{if $[current_user.is_staff]}
{if $[board.last_thread]}
<p><a href="$[board.last_thread.recent_link.href]" class="lastpost">$[board.last_thread.subject]</a> by $[board.last_thread.last_post.created_by_user] <span class="date">$[board.last_thread.last_post.date]</span></p>
{/if}
{else}
<p>Sorry, you need higher clearance to access this board.</p>
{/if}
{else}
{if $[board.last_thread]}
<p><a href="$[board.last_thread.recent_link.href]" class="lastpost">$[board.last_thread.subject]</a> by $[board.last_thread.last_post.created_by_user] <span class="date">$[board.last_thread.last_post.date]</span></p>
{/if}
{/if}
{else}
<p>This is for members only, please $[login_link] or $[register_link].</p>
{/if}
{else}
<p>No files have been submitted on this board.</p>
{/if}
</div>
<table width="100%" cellpadding="5px">
<tr>
<td {if $[board.odd] == 1}width="97%"{else}width="93.5%"{/if}>
<table width="100%">
<tbody>
<tr>
<td {if $[board.odd] == 1}width="94%"{else}width="85%"{/if}>
<div class="sub-container" style="margin-right: 10px; height: 26px; padding-top:9px;">
{if $[board.sub_board]}
<div class="sub-boards">
<marquee behavior="scroll" direction="left" scrollamount="5" onmouseover="this.stop();" onmouseout="this.start();">
{if $[board.sub_board]}
{foreach $[board.sub_board]}
|<a href="$[board.sub_board.href]" style="color: #000;">$[board.sub_board.name]</a>|
{/foreach}
{/if}
</marquee>
</div>
{/if}</div>
<div class="board-description" style="height:90px; overflow:auto; margin-right:10px; margin-top:-3px;">
<br>$[board.description]
</div>
</td>
<td {if $[board.odd] == 1}width="7%"{else}width="15%"{/if}>
<table>
<tbody>
<tr>
<td>
<div class="board-post-count" style="text-align:center;width:55px;height:41px;float:left;font-size:9px;text-transform:uppercase;background-color:#000000;color:#fff;padding-left:10px;padding-right:10px;padding-top:25px;margin-bottom:5px;">
$[board.posts]<br>REPORT{if $[board.posts] != 1}S{/if}
</div>
</td>
</tr>
<tr>
<td>
<div class="board-thread-count" style="text-align:center;width:55px;height:46px;float:left;font-size:9px;text-transform:uppercase;background-color:#000000;color:#fff;padding-left:10px;padding-right:10px;padding-top:20px;">
$[board.threads]<br>FILE{if $[board.threads] != 1}S{/if}
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tbody>
</table>
</td>
<td {if $[board.odd] == 1}width="3%"{else}width="5.5%"{/if}></td>
</tr>
</table>
<div class="clear"></div>
</td>{if $[board.odd] == 1}{if $[board.lastIndex] != $[board.index]}<td width="3%"> </td>{/if}{/if}
{if $[board.even] == 1}</tr>{/if}
{else}
<tr id="$[board.content_id]" class="$[board.content_class]">

<td class="main clickable redirect last" colspan="4">
<span class="link">$[board]</span><br />
<p class="description">$[board.description]</p>
</td>
</tr>
{/if}
{/foreach}
{if !$[board]}
<tr class="last"><td class="last center" colspan="5">No boards were found.</td></tr>
{/if}
</tbody>
</table>

<style>
.board-name {
font-size: 2em;
text-transform: uppercase;
}
.sub-container {
background-color: #30B1BA;//217fc0
font-size: .8em;
text-transform: uppercase;
color: #fff;
}
.board-description {
text-align: justify;
<!--background-color: #eee;-->
padding: 8px;
}
</style>

and I'm not sure where to place place these:
<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)>

Same problem here, too o/