Managing Online Forums, a manual for the community admin

Bookmark and Share

Help with style

Receive help with the installation and customization of the appearance of your phpBB 3, including styles and graphics. This is also where style and graphic authors can develop new styles and graphics (please read the guidelines first) and discuss development in general.
Tutorials: Changing Your Logo | Fixing Missing Images in Your Style

Help with style

Postby lokistorm » April 17th 2011, 5:36 pm

I have downloaded the Modestus style as found here: http://www.phpbb3styles.net/db/style/modestus

However, I don't like how the post count is displayed on the left in place of the graphics found on most normal forums that show when forums have read or unread posts.

I would rather the post count went next to the topic count on the right and that the bit on the left is replaced with normal read/unread forum graphics.

How do I change this?

If it helps, I can post code from the style - just tell me which bit you need.
lokistorm
Not So New User
 
Posts: 57
Joined: April 17th 2011, 5:31 pm

Postby Patrick » April 17th 2011, 6:21 pm

Hello and welcome, lokistorm. :)

What happens when you do this?

Find:

Code: Select all
                         <!-- IF not forumrow.S_IS_LINK -->
			   <dt class="posts_container">
                                <span class="post_count">{forumrow.POSTS}</span><br />
                                <span class="post_desc">{L_POSTS}</span>
			    </dt>
			   <!-- ENDIF -->

Cut that code out and then paste it after:

Code: Select all
<dd class="topics">{forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>

Save, upload and clear your cache.

Thanks,

Patrick
User avatar
Patrick
Founder
 
Posts: 17427
Joined: May 11th 2001, 7:00 pm
Location: Harbinger, NC, U.S.A.

Postby lokistorm » April 17th 2011, 7:49 pm

Patrick wrote:Hello and welcome, lokistorm. :)

What happens when you do this?

Find:

Code: Select all
                         <!-- IF not forumrow.S_IS_LINK -->
			   <dt class="posts_container">
                                <span class="post_count">{forumrow.POSTS}</span><br />
                                <span class="post_desc">{L_POSTS}</span>
			    </dt>
			   <!-- ENDIF -->

Cut that code out and then paste it after:

Code: Select all
<dd class="topics">{forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>

Save, upload and clear your cache.

Thanks,

Patrick


Hello, thanks for your reply!

I went to forumlist_body in templates and did as you requested, and it has sort of worked:

Image

However, as you can see from the above image, the issues now are:

- There is nothing on the left hand side (no read or unread graphics) and the forum titles have gone all the way to the far-left table border.

- There is no title for 'posts' and the title that is there ('topics') is above the wrong section and not where it should be.

- The number of posts is there, at the right (albeit without its heading); however, the font is too big and doesn't match the number of topics section font size/colour.

If you can fix these then that would be great.

Thanks for your help.
lokistorm
Not So New User
 
Posts: 57
Joined: April 17th 2011, 5:31 pm

Postby Patrick » April 18th 2011, 3:51 pm

Hello lokistorm,

Happy to offer what I can. Let's forget that last change and go ahead and put it back how it was. Let's try something else.

Find:

Code: Select all
                         <!-- IF not forumrow.S_IS_LINK -->
            <dt class="posts_container">
                                <span class="post_count">{forumrow.POSTS}</span><br />
                                <span class="post_desc">{L_POSTS}</span>
             </dt>
            <!-- ENDIF --> 

Delete that.

Find:

Code: Select all
<dd class="topics">{forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>

After this, add:

Code: Select all
<dd class="topics">{forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>

Let's see what that does and if it works, we'll try to tackle the absence of a graphic of some kind.

Thanks,

Patrick
User avatar
Patrick
Founder
 
Posts: 17427
Joined: May 11th 2001, 7:00 pm
Location: Harbinger, NC, U.S.A.

Postby lokistorm » April 18th 2011, 4:44 pm

Patrick wrote:Hello lokistorm,

Happy to offer what I can. Let's forget that last change and go ahead and put it back how it was. Let's try something else.

Find:

Code: Select all
                         <!-- IF not forumrow.S_IS_LINK -->
            <dt class="posts_container">
                                <span class="post_count">{forumrow.POSTS}</span><br />
                                <span class="post_desc">{L_POSTS}</span>
             </dt>
            <!-- ENDIF --> 

Delete that.

Find:

Code: Select all
<dd class="topics">{forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>

After this, add:

Code: Select all
<dd class="topics">{forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>

Let's see what that does and if it works, we'll try to tackle the absence of a graphic of some kind.

Thanks,

Patrick


Hello,

Here is how it's looking now:

Image

And here's my forumlist_body code after your suggested edit:

Code: Select all
<!-- BEGIN forumrow -->
	<!-- IF (forumrow.S_IS_CAT and not forumrow.S_FIRST_ROW) or forumrow.S_NO_CAT  -->
			</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>
	<!-- ENDIF -->

	<!-- IF forumrow.S_IS_CAT or forumrow.S_FIRST_ROW  or forumrow.S_NO_CAT  -->
		<div class="forabg">
			<div class="inner">
			<ul class="topiclist">
				<li class="header">
					<dl class="icon">
						<dt><!-- IF forumrow.S_IS_CAT --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --></dt>
						<dd class="topics">{L_TOPICS}</dd>
						<dd class="lastpost"><span>{L_LAST_POST}</span></dd>
					</dl>
				</li>
			</ul>
			<ul class="topiclist forums">
	<!-- ENDIF -->

	<!-- IF not forumrow.S_IS_CAT -->
		<li class="row <!-- IF forumrow.S_UNREAD_FORUM -->unread<!-- ENDIF --> <!-- IF forumrow.S_IS_LINK -->redirect<!-- ENDIF -->" >
			<dl>                   
				<dt title="{forumrow.FORUM_FOLDER_IMG_ALT}">
				<!-- IF S_ENABLE_FEEDS and forumrow.S_FEED_ENABLED --><!-- <a class="feed-icon-forum" title="{L_FEED} - {forumrow.FORUM_NAME}" href="{U_FEED}?f={forumrow.FORUM_ID}"><img src="{T_THEME_PATH}/images/feed.gif" alt="{L_FEED} - {forumrow.FORUM_NAME}" /></a> --><!-- ENDIF -->

					<!-- IF forumrow.FORUM_IMAGE --><span class="forum-image">{forumrow.FORUM_IMAGE}</span><!-- ENDIF -->
					<a href="{forumrow.U_VIEWFORUM}" class="forumtitle"><!-- IF forumrow.CLICKS -->&rarr; <!-- ENDIF --> {forumrow.FORUM_NAME}</a><br />
					{forumrow.FORUM_DESC}
					<!-- IF forumrow.MODERATORS -->
						<br /><strong>{forumrow.L_MODERATOR_STR}:</strong> {forumrow.MODERATORS}
					<!-- ENDIF -->
					<!-- IF forumrow.SUBFORUMS and forumrow.S_LIST_SUBFORUMS --><br /><strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}<!-- ENDIF -->
				</dt>
				<!-- IF forumrow.CLICKS -->
					<dd class="redirect"><span>{L_REDIRECTS}: {forumrow.CLICKS}</span></dd>
				<!-- ELSEIF not forumrow.S_IS_LINK -->
					<dd class="topics">{forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
                                        <dd class="topics">{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 --><!-- IF not S_IS_BOT --><a href="{forumrow.U_LAST_POST}" class="lastpost_img">{LAST_POST_IMG}</a> <!-- ENDIF --><dfn>{L_LAST_POST}</dfn> {L_POST_BY_AUTHOR} {forumrow.LAST_POSTER_FULL}
						<br />{forumrow.LAST_POST_TIME}<!-- ELSE -->{L_NO_POSTS}<br />&nbsp;<!-- ENDIF --></span>
					</dd>
				<!-- ENDIF -->
			</dl>
		</li>
	<!-- ENDIF -->

	<!-- IF forumrow.S_LAST_ROW -->
			</ul>

			</div>
		</div>
	<!-- ENDIF -->

<!-- BEGINELSE -->
	<div class="panel">
		<div class="inner"><span class="corners-top"><span></span></span>
		<strong>{L_NO_FORUMS}</strong>
		<span class="corners-bottom"><span></span></span></div>
	</div>
<!-- END forumrow -->


Thanks.
lokistorm
Not So New User
 
Posts: 57
Joined: April 17th 2011, 5:31 pm

Postby Patrick » April 22nd 2011, 11:30 am

Hey lokistorm,

Thanks for that. OK, let's try this. Find:

Code: Select all
<dd class="topics">{L_TOPICS}</dd>

After, add:

Code: Select all
<dd class="topics">{L_POSTS}</dd>

What happens with this in place?

Thanks,

Patrick
User avatar
Patrick
Founder
 
Posts: 17427
Joined: May 11th 2001, 7:00 pm
Location: Harbinger, NC, U.S.A.

Postby lokistorm » April 22nd 2011, 12:59 pm

Patrick wrote:Hey lokistorm,

Thanks for that. OK, let's try this. Find:

Code: Select all
<dd class="topics">{L_TOPICS}</dd>

After, add:

Code: Select all
<dd class="topics">{L_POSTS}</dd>

What happens with this in place?

Thanks,

Patrick


Hey,

This is how it's looking now:

Image

Thanks
lokistorm
Not So New User
 
Posts: 57
Joined: April 17th 2011, 5:31 pm

Postby Patrick » April 27th 2011, 2:19 pm

Hey lokistorm,

Thanks for the note. Well, that's a little closer. Can you send me a link to the live version of the site so I can play around with the surrounding code a little more?

Thanks,

Patrick
User avatar
Patrick
Founder
 
Posts: 17427
Joined: May 11th 2001, 7:00 pm
Location: Harbinger, NC, U.S.A.

Postby lokistorm » April 27th 2011, 8:13 pm

Patrick wrote:Hey lokistorm,

Thanks for the note. Well, that's a little closer. Can you send me a link to the live version of the site so I can play around with the surrounding code a little more?

Thanks,

Patrick


Hey,

Sure, it's: http://www.lawstudenthub.co.uk

Thanks.
lokistorm
Not So New User
 
Posts: 57
Joined: April 17th 2011, 5:31 pm

Postby Patrick » April 30th 2011, 3:41 pm

Hello lokistorm,

Thanks for that. I think I found part of the issue. First, find:

Code: Select all
	<!-- IF not forumrow.S_IS_CAT -->
		<li class="row <!-- IF forumrow.S_UNREAD_FORUM -->unread<!-- ENDIF --> <!-- IF forumrow.S_IS_LINK -->redirect<!-- ENDIF -->" >
			<dl>

After, add:

Code: Select all
                         <!-- IF not forumrow.S_IS_LINK -->
			   <dt class="posts_container">
                                <span class="post_count">{forumrow.POSTS}</span><br />
                                <span class="post_desc">{L_POSTS}</span>
			    </dt>
			   <!-- ENDIF -->

This is adding in the post count we had removed. Just temporary. You wanted some sort of icon in that spot, anyway, so we need that space. What was the icon you wanted?

Next, in your stylesheet (it appears, in the database copy of the stylesheet), find:

Code: Select all
ul.topiclist dt {
    width: 68%;
}

Change the 68% to 60%. Now, save, upload, etc.

The index page should now all line up. If it does, we'll make the next steps from there! :)

Thanks,

Patrick
User avatar
Patrick
Founder
 
Posts: 17427
Joined: May 11th 2001, 7:00 pm
Location: Harbinger, NC, U.S.A.

Next

Return to phpBB 3 Style and Design Support and Development

Who is online

Users browsing this forum: No registered users and 0 guests