The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Image Hover on Category

View previous topic View next topic Go down

Solved Image Hover on Category

Post by decru on March 8th 2014, 7:21 am

I've seen thishttp://help.forumotion.com/t127151-forum-index-sections-background-color-hover-punbb?highlight=hover and i like this idea to be on my forum. is it posible?


this is my index_box
Code:
<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="main-head mybb">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
         <table cellspacing="0" class="table">
            <tbody class="statused">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
               <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                     <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </span>
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
<div class="desc_forum_cat_row">{catrow.forumrow.FORUM_DESC}</div>
                     <!-- BEGIN switch_moderators_links -->
                     <br />
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                     <!-- END switch_moderators_links -->
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                  <td class="tc2"></td>
                  <td class="tc3">
<p id="catrow"> {catrow.forumrow.TOPICS} </span> Threads</p>
<p id="catrow"> <span>{catrow.forumrow.POSTS}</span> Posts</p></td>
                  <td class="tcr">
                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </td>
               </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
</div><br/>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>




God bless you all, Thanks in advance!

decru
Forumember

Male Posts : 64
Reputation : 3
Language : English

http://jetrose.forumtl.com/

Back to top Go down

Solved Re: Image Hover on Category

Post by Ange Tuteur on March 8th 2014, 8:14 pm

Hello decru,

You could make your cells transparent, and add a hover effect for the row.

CSS :
Code:
.statused tr:hover { background:#f00; }
.statused tr td { background:none !important; }

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved a Million thanks!

Post by decru on March 8th 2014, 10:33 pm

@Ange Tuteur wrote:Hello decru,

You could make your cells transparent, and add a hover effect for the row.

CSS :
Code:
.statused tr:hover { background:#f00; }
.statused tr td { background:none !important; }


As expected for your answer Ange Tateur! Works like i ever wanted!.
youre a great Coder! Very Happy

thanks again!

decru
Forumember

Male Posts : 64
Reputation : 3
Language : English

http://jetrose.forumtl.com/

Back to top Go down

Solved Re: Image Hover on Category

Post by Ange Tuteur on March 8th 2014, 10:34 pm

You're welcome :rose:

Topic solved and archived

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum