How to make posts and topics number in rectangle

[SiLeNcE]

Hello,

Sorry for asking the same question again Stoker, but it was locked coz i didn`t read the rules well.

I wanna know how to make the index like attached image.

(topics and posts in a rectangle)

and how can i increase the height of forum list (Forum name area)

index.jpg

[Sniper_E]

From that image in your other post it looks like they switched the codes around.

forumlist_body.html

Code: Select all

					<dd class="topics">{forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
					<dd class="posts">{forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
					<dd class="lastpost"><span>
						<!-- IF forumrow.U_UNAPPROVED_TOPICS --><a href="{forumrow.U_UNAPPROVED_TOPICS}">{UNAPPROVED_IMG}</a><!-- ENDIF -->
						<!-- IF forumrow.LAST_POST_TIME --><dfn>{L_LAST_POST}</dfn> {L_POST_BY_AUTHOR} {forumrow.LAST_POSTER_FULL}
						<!-- IF not S_IS_BOT --><a href="{forumrow.U_LAST_POST}">{LAST_POST_IMG}</a> <!-- ENDIF --><br />{forumrow.LAST_POST_TIME}<!-- ELSE -->{L_NO_POSTS}<br />&nbsp;<!-- ENDIF --></span>
					</dd>

Was changed to...

Code: Select all

					<dd class="lastpost"><span>
						<!-- IF forumrow.U_UNAPPROVED_TOPICS --><a href="{forumrow.U_UNAPPROVED_TOPICS}">{UNAPPROVED_IMG}</a><!-- ENDIF -->
						<!-- IF forumrow.LAST_POST_TIME --><dfn>{L_LAST_POST}</dfn> {L_POST_BY_AUTHOR} {forumrow.LAST_POSTER_FULL}
						<!-- IF not S_IS_BOT --><a href="{forumrow.U_LAST_POST}">{LAST_POST_IMG}</a> <!-- ENDIF --><br />{forumrow.LAST_POST_TIME}<!-- ELSE -->{L_NO_POSTS}<br />&nbsp;<!-- ENDIF --></span>
					</dd>
					<dd class="topics">{forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
					<dd class="posts">{forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>

That would move the posts and views over to the right side.
Then they added the words under the count...

Code: Select all

					<dd class="topics">{forumrow.TOPICS} <dfn>{L_TOPICS}</dfn><br />{L_TOPICS}</dd>
					<dd class="posts">{forumrow.POSTS} <dfn>{L_POSTS}</dfn><br />{L_POSTS}</dd>

And last they added that background image in the .css but I can not see what they did from your image.
I would have to see that site, get the background image and see the .css they used. Or just get the image.

The .css would center the text, add the background image and set the height.

[SiLeNcE]

thank you..i will try codes

you can download the style from here

https://www.phpbb.com/customise/db/style/absolution/

[Sniper_E]

No, don't use my codes.

Why don't you just download that style and use that style's codes, image and .css for that.
I don't want to re-invent something that is already out there.

Good luck with your venture.

Edit:

Code: Select all

                    <!-- IF forumrow.LAST_POST_TIME -->
                        {L_LAST_POST} {L_POST_BY_AUTHOR} {forumrow.LAST_POSTER_FULL}
                        <!-- IF not S_IS_BOT -->
                            <a href="{forumrow.U_LAST_POST}">{LAST_POST_IMG}</a>
                        <!-- ENDIF --><br /><span class="fade">{forumrow.LAST_POST_TIME}</span>
                    <!-- ELSE -->
                        <span class="fade">{L_NO_POSTS}</span><br />&nbsp;
                    <!-- ENDIF -->            
                </td>
                <td class="forumtopics"><div class="statbubble"><span>{forumrow.TOPICS}</span><br />{L_TOPICS}</div></td>
                <td class="forumposts"><div class="statbubble"><span>{forumrow.POSTS}</span><br />{L_POSTS}</div></td>

That's how he did it in the forumlist_body.html

With this .css

Code: Select all

.statbubble {
	width: 64px;
	height: 36px;
	background: url("{T_THEME_PATH}/images/statbubble.png") no-repeat left top;
	text-align: center;
	padding: 6px 0 0 7px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #0658b0;
}

.statbubble span {
	font-size: 16px;
	font-weight: bold;
	color: #183853;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
}

.statspanel {
	border: 1px solid #d7e5f2;
	padding: 15px 15px 15px 55px;
	background: no-repeat 10px 50% #FFFFFF;
	margin: 2px 0;
}

Use that code, get that image.

[SiLeNcE]

thank you so much