Menu bar button images


Menu bar button images

Postby FilipKrstic » Thu Jul 17, 2008 7:17 pm

I`ve tried to edit menu bar buttons images because I need some additonal navigation.

I`ve maked all images which me need.

nav_forum.gif
nav_login.gif
nav_faq.gif
nav_rules.gif
nav_team.gif
nav_register.gif
nav_logout.gif
and now:
nav_blog.gif
nav_gallery.gif
nav_chat.gif

and reupload in styles/mimic/imageset/en/

After that I`ve edited mimic.css

Code: Select all
/* Menu bar button images */
li.menu-tlc span,
li.menu-tlc span a  {
   background: url("{T_THEME_PATH}/images/lsn_bg.jpg") 0 0 no-repeat;
   }
li.menu-home span,
li.menu-home span a {
   background: url("{T_IMAGESET_LANG_PATH}/nav_home.gif") 0 0 no-repeat;
   }
li.menu-forum span,
li.menu-forum span a {
   background: url("{T_IMAGESET_LANG_PATH}/nav_forum.gif") 0 0 no-repeat;
   }   
li.menu-rules span,
li.menu-rules span a {
   background: url("{T_IMAGESET_LANG_PATH}/nav_rules.gif") 0 0 no-repeat;
   }
li.menu-faq span,
li.menu-faq span a {
   background: url("{T_IMAGESET_LANG_PATH}/nav_faq.gif") 0 0 no-repeat;
   }
li.menu-team span,
li.menu-team span a {
   background: url("{T_IMAGESET_LANG_PATH}/nav_team.gif") 0 0 no-repeat;
   }
li.menu-login span,
li.menu-login span a {
   background: url("{T_IMAGESET_LANG_PATH}/nav_login.gif") 0 0 no-repeat;
   }
li.menu-logout span,
li.menu-logout span a {
   background: url("{T_IMAGESET_LANG_PATH}/nav_logout.gif") 0 0 no-repeat;
   }
li.menu-register span,
li.menu-register span a {
   background: url("{T_IMAGESET_LANG_PATH}/nav_register.gif") 0 0 no-repeat;
   }
li.menu-blog span,
li.menu-blog span a {
   background: url("{T_IMAGESET_LANG_PATH}/nav_blog.gif") 0 0 no-repeat;
   }
li.menu-chat span,
li.menu-chat span a {
   background: url("{T_IMAGESET_LANG_PATH}/nav_chat.gif") 0 0 no-repeat;
   }
li.menu-gallery span,
li.menu-gallery span a {
   background: url("{T_IMAGESET_LANG_PATH}/nav_gallery.gif") 0 0 no-repeat;
   }


after that I`ve edited more mimic.css

Code: Select all
li.menu-home span   { width: 67px; }
li.menu-forum span   { width: 68px; }
li.menu-rules span   { width: 62px; }
li.menu-faq span   { width: 50px; }
li.menu-team span   { width: 99px; }
li.menu-login span    { width: 59px; }
li.menu-logout span   { width: 71px; }
li.menu-register span   { width: 82px; }
li.menu-blog span   { width: 51px; }
li.menu-chat span   { width: 51px; }
li.menu-gallery span   { width: 82px; }

ul.menulinks {
   font-weight: normal;
}


Here is overall_header.html code:
Code: Select all
        <!-- IF INTEGRAMOD_PORTAL -->
         <li class="menu-home"><span><a href="{U_PORTAL}"><strong>Home</strong></a></span></li>
        <!-- ENDIF -->
         <li class="menu-forum"><span><a href="{U_INDEX}"><strong>{L_INDEX}</strong></a></span></li>
         <li class="menu-faq"><span><a href="{U_FAQ}"><strong>{L_FAQ}</strong></a></span></li>
         <li class="menu-rules"><span><a href="rules.php"><strong>{L_RULES}</strong></a></span></li>
            <li class="menu-blog"><span><a href="blog.php"><strong>Blog</strong></a></span></li>
            <li class="menu-gallery"><span><a href="/gallery/index.php"><strong>Gallery</strong></a></span></li>
            <li class="menu-chat"><span><a href="chat.php"><strong>Chat</strong></a></span></li>
            <li class="team"><span><a href="memberlist.php?mode=leaders"><strong>{L_THE_TEAM}</strong></a></span></li>
         <!-- IF S_USER_LOGGED_IN -->
         <li class="menu-logout"><span><a href="{U_LOGIN_LOGOUT}"><strong>{L_LOGOUT}</strong></a></span></li>
    <!-- ELSE -->
           <!-- IF not S_IS_BOT -->
         <li class="menu-login"><span><a href="{U_LOGIN_LOGOUT}"><strong>{L_LOGIN}</strong></a></span></li>
           <!-- ENDIF -->
         <li class="menu-register"><span><a href="{U_REGISTER}"><strong>{L_REGISTER}</strong></a></span></li>
    <!-- ENDIF -->


but my navigation menu looks like that:
*** When logged in:
Image
*** When logged out:
Image

Can someone tell me which css more to edit or whatever?

P.S HelterSkelter, good work for mimic! At this time best phpbb3 style...

FilipKrstic
 
Posts: 6
Joined: Sun Jul 13, 2008 9:01 pm
Blog: View Blog (0)

Re: Menu bar button images

Postby FilipKrstic » Sat Jul 19, 2008 12:15 pm

Anyone to help? :roll:

FilipKrstic
 
Posts: 6
Joined: Sun Jul 13, 2008 9:01 pm
Blog: View Blog (0)

Re: Menu bar button images

Postby Helter » Sat Jul 19, 2008 1:31 pm

It looks like your overall_header <!-- switches --> are in the wrong places

Attachments
mimic.zip
(559.98 KiB) Downloaded 233 times
User avatar
Helter
Site Admin
 
Posts: 548
Joined: Tue Jul 19, 2005 1:29 pm
Location: Seattle Wa
Blog: View Blog (0)
Real Name: John Wagner

Re: Menu bar button images

Postby FilipKrstic » Sat Jul 19, 2008 6:22 pm

Thanks a lot... It`s work perfect... :mrgreen:

FilipKrstic
 
Posts: 6
Joined: Sun Jul 13, 2008 9:01 pm
Blog: View Blog (0)



Post a reply



Return to MiMic

Who is online

Users browsing this forum: No registered users and 1 guest

cron