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

Postby lokistorm » April 30th 2011, 5:04 pm

Patrick wrote: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


Hey,

I found rt.css (for the style i am using), and changed it to 60% in that (i think that's the one you meant I should change) but nothing seems to have happened.


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

Postby Patrick » April 30th 2011, 10:15 pm

Hello lokistorm,

Thanks for the reply.

I believe that the stylesheet that you will need to change is through the admin panel. Click the "Styles" tab at the top, then "Themes" in the left menu. Locate "modestus" and then click "Edit". Change the one listed there and press submit. Clear your cache, as well, to be safe.

Thanks,

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

Postby lokistorm » April 30th 2011, 11:09 pm

Patrick wrote:Hello lokistorm,

Thanks for the reply.

I believe that the stylesheet that you will need to change is through the admin panel. Click the "Styles" tab at the top, then "Themes" in the left menu. Locate "modestus" and then click "Edit". Change the one listed there and press submit. Clear your cache, as well, to be safe.

Thanks,

Patrick


It's working now. :)

http://www.lawstudenthub.co.uk

With regards to a graphic replacing the post count on the left - I will probably just use a simple one or design my own.

Can we make it so that the default forum graphic goes there for now (i'm pretty sure the style has them) - and then make it so I have scope to change it if I wish?

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

Postby Patrick » May 3rd 2011, 1:48 pm

Hello lokistorm,

Glad that it's all lining up. :) How about this?

In forumlist_body.html, 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 -->

Replace with:

Code: Select all
                         <!-- IF not forumrow.S_IS_LINK -->
			   <dt class="posts_container">
                                <img src="{T_THEME_PATH}/images/style3/header_logo.png" />
			    </dt>
			   <!-- ENDIF -->

See how that looks for you. :)

Also, are you wanting to change the way that http://www.lawstudenthub.co.uk/viewforu ... 427157f479 looks, as well? Meaning, to move the topic count over?

Thanks,

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

Postby lokistorm » May 4th 2011, 12:53 am

Patrick wrote:Hello lokistorm,

Glad that it's all lining up. :) How about this?

In forumlist_body.html, 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 -->

Replace with:

Code: Select all
                         <!-- IF not forumrow.S_IS_LINK -->
			   <dt class="posts_container">
                                <img src="{T_THEME_PATH}/images/style3/header_logo.png" />
			    </dt>
			   <!-- ENDIF -->

See how that looks for you. :)

Also, are you wanting to change the way that http://www.lawstudenthub.co.uk/viewforu ... 427157f479 looks, as well? Meaning, to move the topic count over?

Thanks,

Patrick


Hey,

That works, but there seems to be a bit of extra space on the left of the graphic. I don't mean to be picky, but is there anyway to fix that so that it's more aligned? Or does it simply depend on the graphic being used?

And yes, that would be great if the sub-forum could be changed as well to match the index.

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

Postby Patrick » May 7th 2011, 10:47 am

Hello lokistorm,

Glad that it works. For the icon, find this code in forumlist_body.html:

Code: Select all
<!-- IF not forumrow.S_IS_LINK -->
            <dt class="posts_container">
                                <img src="{T_THEME_PATH}/images/style3/header_logo.png" />
             </dt>
            <!-- ENDIF --> 

Change it to:

Code: Select all
<!-- IF not forumrow.S_IS_LINK -->
            <dt class="posts_container">
                                <img style="padding-right:7px;" src="{T_THEME_PATH}/images/style3/header_logo.png" />
             </dt>
            <!-- ENDIF --> 

For view forum, we'll follow a similar process. In viewforum_body.html, find:

Code: Select all
<dd class="views">{L_VIEWS}</dd>

After, add:

Code: Select all
<dd class="views">{L_REPLIES}</dd>

Find:

Code: Select all
<dd class="views">{topicrow.VIEWS} <dfn>{L_VIEWS}</dfn></dd>

After, add:

Code: Select all
<dd class="views">{topicrow.REPLIES} <dfn>{L_REPLIES}</dfn></dd>

I think that should put the replies in place. Now, to use that same icon, find:

Code: Select all
                            <dt class="posts_container">
                                <!-- IF not topicrow.S_TOPIC_LOCKED --><span class="post_count">{topicrow.REPLIES}</span><br><!-- ENDIF -->
                                <span class="post_desc"><!-- IF topicrow.S_TOPIC_LOCKED -->{L_TOPIC_LOCKED_SHORT}<!-- ELSE -->{L_REPLIES}<!-- ENDIF --></span>
                            
                            </dt>

Replace with:

Code: Select all
                            <dt class="posts_container">
                                <img style="padding-right:7px;" src="{T_THEME_PATH}/images/style3/header_logo.png" /> 
                            
                            </dt>

Save, upload and clear the cache. I think that should do the trick! But, we'll see. Let me know what happens. :)

Thanks,

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

Postby lokistorm » May 8th 2011, 5:38 pm

Patrick wrote:Hello lokistorm,

Glad that it works. For the icon, find this code in forumlist_body.html:

Code: Select all
<!-- IF not forumrow.S_IS_LINK -->
            <dt class="posts_container">
                                <img src="{T_THEME_PATH}/images/style3/header_logo.png" />
             </dt>
            <!-- ENDIF --> 

Change it to:

Code: Select all
<!-- IF not forumrow.S_IS_LINK -->
            <dt class="posts_container">
                                <img style="padding-right:7px;" src="{T_THEME_PATH}/images/style3/header_logo.png" />
             </dt>
            <!-- ENDIF --> 

For view forum, we'll follow a similar process. In viewforum_body.html, find:

Code: Select all
<dd class="views">{L_VIEWS}</dd>

After, add:

Code: Select all
<dd class="views">{L_REPLIES}</dd>

Find:

Code: Select all
<dd class="views">{topicrow.VIEWS} <dfn>{L_VIEWS}</dfn></dd>

After, add:

Code: Select all
<dd class="views">{topicrow.REPLIES} <dfn>{L_REPLIES}</dfn></dd>

I think that should put the replies in place. Now, to use that same icon, find:

Code: Select all
                            <dt class="posts_container">
                                <!-- IF not topicrow.S_TOPIC_LOCKED --><span class="post_count">{topicrow.REPLIES}</span><br><!-- ENDIF -->
                                <span class="post_desc"><!-- IF topicrow.S_TOPIC_LOCKED -->{L_TOPIC_LOCKED_SHORT}<!-- ELSE -->{L_REPLIES}<!-- ENDIF --></span>
                            
                            </dt>

Replace with:

Code: Select all
                            <dt class="posts_container">
                                <img style="padding-right:7px;" src="{T_THEME_PATH}/images/style3/header_logo.png" /> 
                            
                            </dt>

Save, upload and clear the cache. I think that should do the trick! But, we'll see. Let me know what happens. :)

Thanks,

Patrick


Most of it has worked, but the last post section of the sub forums just needs fixing.

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

Postby Patrick » May 10th 2011, 2:43 pm

Hello lokistorm,

Thanks for that. In your admin panel-based stylesheet, find:

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

Change the 60% to 59%. I believe that should do the trick. :)

Thanks,

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

Postby lokistorm » May 12th 2011, 2:56 pm

Patrick wrote:Hello lokistorm,

Thanks for that. In your admin panel-based stylesheet, find:

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

Change the 60% to 59%. I believe that should do the trick. :)

Thanks,

Patrick


That's fixed, thanks! :)

Just the topics now that need the last post bit fixing: http://www.lawstudenthub.co.uk/viewforum.php?f=2
lokistorm
Not So New User
 
Posts: 57
Joined: April 17th 2011, 5:31 pm

Postby Patrick » May 13th 2011, 12:49 pm

Hey lokistorm,

Glad that that worked. :) What was the last post bit fixing thing again? Sorry, I can't recall and the page looks OK now.

Thanks,

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

PreviousNext

Return to phpBB 3 Style and Design Support and Development

Who is online

Users browsing this forum: No registered users and 0 guests