Menu bar button images
Posted: 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
after that I`ve edited more mimic.css
Here is overall_header.html code:
but my navigation menu looks like that:
*** When logged in:
*** When logged out:
Can someone tell me which css more to edit or whatever?
P.S HelterSkelter, good work for mimic! At this time best phpbb3 style...
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:
*** When logged out:
Can someone tell me which css more to edit or whatever?
P.S HelterSkelter, good work for mimic! At this time best phpbb3 style...