Help with style

by **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.

Featured Author · by **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

by **lokistorm** » April 17th 2011, 7:49 pm

Patrick wrote:Hello and welcome, lokistorm.

What happens when you do this?

Find:
Code: Select all
  
			 <dt class="posts_container">
 {forumrow.POSTS} 
 {L_POSTS}
			 </dt>
			 
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:

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.

Featured Author · by **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

by **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
  
 <dt class="posts_container">
 {forumrow.POSTS} 
 {L_POSTS}
 </dt>
  
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:

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.

Featured Author · by **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

by **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:

Thanks

Featured Author · by **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

by **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.

Featured Author · by **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

Help with style

Help with style

Who is online