Categories Style

Hello, I would like to ask for help after a few attempts to create this image which is placed on the screen and I do not know who to take. Of course, I still use the forum system: Phpbb2. I can give, of course, the look of the forum on which I found the new look of this forum.

On Pictures are shown in the background of avatars of people and I would like to have such an effect.

Screen:

Hello,
What is your forum link?

I send you on pm link forum.

Take here my link forum?

Hello,
Yes I ve just received your link via p.m. Would you like to change the background per each forum row?

Yes, but I want to modify this category in this picture, because I know that in templates in the index_box it does, but it can not cope. Of course, I can give this code what is in this forum. Because I care about the background where the icon is, the subfors, the name of the forum and the number of posts and topics. And on the other side of the picture, but not to move. In addition, in the last column in the background a piece of the avatar of a given user would appear.

bump

Any idea how do it this?

Hello @Amadeus,
I think I have misunderstood what exactly to you want to make. Have sample screenshot? Have you see it in forumotion forum? Is there an available link as a sample to see what can I do? Also you haven't enable the avatars from ACP, this will be useful to retrieve avatars informations.

Okey I take you link for pm this forum.
I send you link for him on ur pm

Hello,
It seems you made some mistakes in index_box template, can you please post it here? Also you must enable the avatar on your forum index.

You must go to ACP(Admin Control Panel) > Display > Homepage > Structure and hierarchy > Hierarchy > Show avatars in the column "Last posts" : and select yes. (This is the first step to proceed with CSS & HTML).

Okey I selected Yes and I give you here post with Index_box:

Index_box:

Code:

<table width="800px" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
    <td valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <span class="gensmall">{LAST_VISIT_DATE}<br />
    {CURRENT_TIME}<br />
    </span>
    <!-- END switch_user_logged_in -->
    <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
    </td>
    <td class="gensmall" align="right" valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
    <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
    <!-- END switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
    </td>
    </tr>
    </table>
 
    <!-- BEGIN catrow --><!-- BEGIN tablehead -->
 <div class="tleCAT">{catrow.tablehead.L_FORUM}</div>
    <!-- END tablehead -->
 
    <!-- BEGIN cathead -->
    <!-- END cathead -->
    <!-- BEGIN forumrow -->
    <div id="blocFRM"><div class="blocFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="triLFRM"></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="triRFRM"></div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets  ▼  {catrow.forumrow.POSTS} réponses</div>
 <div id="dtlFRM"><div class="sfFRM" id="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><div class="triFRM"></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div></div></div>
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->

    <!-- BEGIN catfoot -->

    <!-- BEGIN inc -->
    <!-- END inc -->
 

    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    <!-- END tablefoot --><!-- END catrow -->

What is your forum link?

bump?

bump

Hello,
Sorry for my delay, try to replace the index_box template with the below:

Code:

        <table width="800px" border="0" cellspacing="0" cellpadding="0" align="center">
            <tr>
            <td valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall">{LAST_VISIT_DATE}<br />
            {CURRENT_TIME}<br />
            </span>
            <!-- END switch_user_logged_in -->
            <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
            </td>
            <td class="gensmall" align="right" valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
            <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
            <!-- END switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
            </td>
            </tr>
            </table>
       
            <!-- BEGIN catrow --><!-- BEGIN tablehead -->
        <div class="tleCAT">{catrow.tablehead.L_FORUM}</div>
            <!-- END tablehead -->
       
            <!-- BEGIN cathead -->
            <!-- END cathead -->
            <!-- BEGIN forumrow -->
            <div id="blocFRM"><div class="blocFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="triLFRM"></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="triRFRM"></div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets  ▼  {catrow.forumrow.POSTS} réponses</div>
        <div id="dtlFRM"><div class="sfFRM" id="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><div class="triFRM"></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div>
                <div class="lmsgFRM">
                   
                    <!-- BEGIN avatar -->
                    <!--- <div style="width: 200px;"></div>-->
                    <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                    <!-- END avatar -->
                    <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
             </div>
                        </div>
                    </div>
                  </div>
                </td>
          </tr>
          <!-- END forumrow -->
       
            <!-- BEGIN catfoot -->
       
            <!-- BEGIN inc -->
            <!-- END inc -->
       
       
            <!-- END catfoot -->
            <!-- BEGIN tablefoot -->
            <!-- END tablefoot --><!-- END catrow -->


Then I will build the CSS code.

Okey I replaced already for this.

bump?

Bump

bump

can you send me url where you see the category?

Okey. I send you for pm this.

bump

bump

Hello,
Have you removed the PHP variables from your templates? Variables are looking missing.

I only delete CSS for this templates. I gave css and html templae again.

bump

bump