Navigation & User Blog

[Amylittlehands Amy]

Hey!

I've recently installed a new style and love it. However I've come across a problem with the side navigation. For some reason there's no horizontal line between some of the buttons? I tried looking at the code but don't know what to do with it.

Another thing, because the width is fixed and is quite narrow I've come across in the user blog MOD, the navigation panel for the MOD is further down the middle rather than the top of the page, again, I have no idea what to do. Some assistance would be greatly appreciated!

http://www.mouldingminefield.com < --- website in general

Edit: New problem ... The avatar is ontop of the online image. I'd like to keep the avatars the same size, I know that is the reason why but someone mentioned before that you need to change what depth it's at? Any help at all?

[Sniper_E]

You have to register to see your blog. Link removed.
I'd have to download that style to see why you have those problems. Don't have the time for that now.
Your avatars in the way of the online image. Put your username and rank code above your avatar may help.

[Amylittlehands Amy]

You have to register to see your blog. Link removed.
I'd have to download that style to see why you have those problems. Don't have the time for that now.
Your avatars in the way of the online image. Put your username and rank code above your avatar may help.

Sorry Snipe, here's a test user.

Username: testuser
Password: Test123

Here's a direct download to the theme.
http://www.phpbb3styles.net/db/style/Commun

There's numerous problems I've come across regarding styling. For example, when a user goes to register the words and selection boxes leak outside from the content background.

Registration

Regarding the blog, that has somehow fixed itself. However it has sort of happened to the users profiles now. The information should be on the side of the avatar, not underneath.

Profile

And finally, the navigation. There seems to be missing horizontal lines in between the buttons towards the bottom of the navigation. Any way this can be rectified?

Navigation

As you may have known previously Snipe, I'm not great at coding (I'm a bit rusty now that I haven't done it in a while) so if you could help me as if I'm a total noob then I'd really appreciate it!

Oh and the avatar! If you could explain how to put the online image ontop of the avatar exactly I'd appreciate that too!

- Amy

[Amylittlehands Amy]

Bump? : (

[Amylittlehands Amy]

Bump please? This is really bugging me.

[Sniper_E]

Amy, your menu options are images. I'm sure you had to make those extra ones.
You erased the bottom border in your new images. That's the problem there.

Here are some images I made for that:

You see how I kept that bottom border in my new images. Try making those images again.

As far as the rest of those problems, the classes are set to the wrong widths.
You need to bring those problems back to the style author or change styles.
I don't care to go through his style and update it... it has more problems than just those few.

And in my overall_header.html I hid the Statistics from the other pages like this.

Code: Select all

         <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) -->
         <a href="{U_REGISTER}" title="{L_REGISTER}">
         <img src="{T_IMAGESET_LANG_PATH}/b_9.png" alt="{L_REGISTER}" />
         </a>
         <!-- ENDIF -->   
         
         <a href="{U_CHAT}" title="{L_CHAT_EXPLAIN}">
            <img src="{T_IMAGESET_LANG_PATH}/b_10.png" alt="{L_CHAT}" />
         </a>
         
         <a href="{U_BLOG}" title="{L_BLOG_EXPLAIN}">
            <img src="{T_IMAGESET_LANG_PATH}/b_11.png" alt="{L_BLOG}" />
         </a>
         
         <img src="{T_THEME_PATH}/images/b_bottom.png" alt="bottom" style="margin-bottom: -2px;" />
      
      </div>

      <!-- IF SCRIPT_NAME == "index" -->
      <div style="background: url({T_THEME_PATH}/images/b_bkg.png) repeat-y;">
      
         <img src="{T_IMAGESET_LANG_PATH}/statistics.png" alt="statistics" />
         
         <div style="padding-left: 20px;">
         
            <i>{TOTAL_POSTS}</i><br /><br />
            <i>{TOTAL_TOPICS}</i><br /><br />
            <i>{TOTAL_USERS}</i><br /><br />
            <i>{NEWEST_USER}</i>
         
         </div>      
         
         <img src="{T_THEME_PATH}/images/b_bottom.png" alt="bottom" style="margin-bottom: -2px;" />

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

[Sniper_E]

OK, OK Amy... Open styles/Commun/template/ucp_register.html

Find

Code: Select all

   <!-- IF L_REG_COND -->
      <dl><dd><strong>{L_REG_COND}</strong></dd></dl>
   <!-- ENDIF -->

Replace with

Code: Select all

   <!-- IF L_REG_COND -->
      <dl><strong>{L_REG_COND}</strong></dl>
   <!-- ENDIF -->

Find

Code: Select all

   <dl>
      <dt><label for="tz">{L_TIMEZONE}:</label></dt>
      <dd><select name="tz" id="tz" tabindex="7" class="autowidth">{S_TZ_OPTIONS}</select></dd>
   </dl>

Replace with

Code: Select all

   <dl>
      <label for="tz" style="font-weight: bold">{L_TIMEZONE}:</label><br />
      <select name="tz" id="tz" tabindex="7" class="autowidth">{S_TZ_OPTIONS}</select>
   </dl>

That will take care of your registration page problem.

[Amylittlehands Amy]

Thanks a bunch Snipe, once I get some spare cash I'd donate some money for you to get a beer! Regarding the avatars 'leaking' outside of the blog, how would I change it so the avatars are let's say 40% of it's original size? Also the rank image seems to leak out too. If you can't help me with this I completely understand and appreciate the help you gave me!

Blah another thing annoying me, I've looked in the overall_header but can't seem to find the styles of the links at the top, I want them to all match and maybe have the board Index the next line down from Arcade or vice-virca.

Capture.PNG

(5.07 KiB) Not downloaded yet