Closed Descriptions on index

[noiredeb]

Hi!
I would like know how you have did the descriptions on index, when you hover with mouse on a title, appears also description.
Thank you!

[leefish]

Aha - you noticed that

It is in fact css and is not so hard to do. It is just the forum description hidden.

In the forumbit_depth2_forum you need to have a code similar to the below:

[html]
<tr>
<td class="trow2" align="center" valign="top" width="1">
<img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" />
</td>
<td class="trow2" valign="top" width="75%">
<div class="big">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>
{$subforums}{$forum_viewers_text}</div>
<div class="x">
{$forum['description']}
</div>
</td>
<td class="trow2" valign="middle" align="left" style="white-space: nowrap">{$lastpost}
</td>
</tr>
[/html]

You will see there is div class big and div class x. Paste the below in your global css

Code:

.x {
display: none;
color: #C46D16;
font-weight: 700;
margin-top: 5px;
vertical-align:bottom;
}
.big { padding-bottom:0;text-decoration:none; font-size:1.1em;font-weight:700;}
.big a:hover, .big:hover + a:link {color:#a3181e;}
.big:hover + div {
    display: block;
font-size:0.9em;
}

and you can have a similar effect

[noiredeb]

I don't have div class x in "forumbit_depth2_forum":

Code:

<tr>
<td class="customhover" align="center" valign="top" width="1"><img src="{$mybb->settings['bburl']}/sezioni/{$forum['fid']}.png" /></td></td>
<td class="customhover" valign="top">
<img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" />
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="customhover" valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>
<td class="customhover" valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>
<td class="customhover" valign="top" align="left" style="white-space: nowrap">{$lastpost}</td>
</tr>

[leefish]

Maybe try this:

[html]
<tr>
<td class="customhover" align="center" valign="top" width="1"><img src="{$mybb->settings['bburl']}/sezioni/{$forum['fid']}.png" /></td></td>
<td class="customhover" valign="top">
<img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" />
<div class="big"><a href="{$forum_url}"><strong>{$forum['name']}</strong></a>{$forum_viewers_text}</div><div class="x">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="customhover" valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>
<td class="customhover" valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>
<td class="customhover" valign="top" align="left" style="white-space: nowrap">{$lastpost}</td>
</tr>
[/html]

[leefish]

If you have several sub-forums on index this fix might help:

Replace the forumbit_subforums with the below

[html]
<span style="font-size:0.8em;">{$lang->subforums} {$sub_forums}</span>
[/html]

[noiredeb]

In forumbit_subforums I have:

Code:

<style>
.alt_sbc {
    list-style: none;
    margin: 0;
    padding: 0;
}
.alt_sbc li {
    width: {$mybb->settings['SubforInCols']}%;
    float: left;
}
</style>
<br />{$lang->subforums}<br /><ul class="alt_sbc">{$sub_forums}</ul>

And I have also subforum in column plugin

[leefish]

ah. Well , we could do a template conditional, as that way you can EXCLUDE the forums with subforums.

[noiredeb]

Lee I have fixed! This is my code:

Code:

<div class="big"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" />

<a href="{$forum_url}"><strong>{$forum['name']}</strong></a>{$forum_viewers_text}</div><div class="x">{$forum['description']}{$modlist}</div>{$subforums}
</td>

But now how can I delete threads and posts column? ({$threads}{$unapproved['unapproved_threads']} and {$posts}{$unapproved['unapproved_posts']} )

[leefish]

yay - looks great. If you want to get rid of the threads and posts you need to change several templates.

---

In the forumbit_depth1_cat remove:

[html]
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>
[/html]

and in the forumbit_depth2_forum remove

[html]
<td class="{$bgcolor}"class="trow2" valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>
[/html]

[noiredeb]

Thank you, I did it I have delete also in forumdisplay_subforums

Now it seems more spacious