nav bar questions

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Scam Warning
Locked
Armorgod
Registered User
Posts: 141
Joined: Fri Aug 29, 2008 2:15 pm

nav bar questions

Post by Armorgod » Sun Aug 31, 2008 1:38 am

Is there a way to put a border around the navbar area?
Can you set a bg image to the navbar area?
What controls the font color in the navbar area? Will it effect the font color anywhere else?
Last edited by Raimon on Wed Sep 10, 2008 1:01 am, edited 1 time in total.
Reason: Topic icon changed

User avatar
TheIlluminative
Former Team Member
Posts: 2451
Joined: Thu Jun 26, 2003 11:34 pm
Location: Egypt
Name: Mahmoud
Contact:

Re: nav bar questions

Post by TheIlluminative » Sun Aug 31, 2008 2:03 am

In common.css, you'll find:

Code: Select all

.navbar {
        background-color: #ebebeb;
        padding: 0 10px;
}
you can add any attributes you want to this one.

in colours.css, you'll find:

Code: Select all

.navbar {
	background-color: #cadceb;
}
this is its background color.

Armorgod
Registered User
Posts: 141
Joined: Fri Aug 29, 2008 2:15 pm

Re: nav bar questions

Post by Armorgod » Sun Aug 31, 2008 2:16 am

I added ...

border: 1;
border-color: #000000;

to the common.css but no change.

User avatar
TheIlluminative
Former Team Member
Posts: 2451
Joined: Thu Jun 26, 2003 11:34 pm
Location: Egypt
Name: Mahmoud
Contact:

Re: nav bar questions

Post by TheIlluminative » Sun Aug 31, 2008 2:59 am

You didn't specify the border type, make it something like:

Code: Select all

border: 1px solid #000000;

Armorgod
Registered User
Posts: 141
Joined: Fri Aug 29, 2008 2:15 pm

Re: nav bar questions

Post by Armorgod » Mon Sep 01, 2008 3:07 am

Thanks a ton for the proper code.
Is there a way to remove the white rounded corners for the navbar but keep them in the forumbar?

User avatar
TheIlluminative
Former Team Member
Posts: 2451
Joined: Thu Jun 26, 2003 11:34 pm
Location: Egypt
Name: Mahmoud
Contact:

Re: nav bar questions

Post by TheIlluminative » Mon Sep 01, 2008 9:55 am

Open file: styles/your_style/template/overall_header.html, find:

Code: Select all

		<div class="navbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<ul class="linklist navlinks">
				<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

				<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="fontsizeup(); return false;" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>

				<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
			</ul>

			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<ul class="linklist leftside">
				<li class="icon-ucp">
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a>
						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF --> &bull; 
					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
					<!-- IF U_RESTORE_PERMISSIONS --> &bull;
					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
					<!-- ENDIF -->
				</li>
			</ul>
			<!-- ENDIF -->

			<ul class="linklist rightside">
				<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>
replace with:

Code: Select all

		<div class="navbar">
			<div class="inner"><span style="font-size: 1px; line-height: 1px; display:block; height: 5px; margin: 0 -5px;"></span>

			<ul class="linklist navlinks">
				<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

				<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="fontsizeup(); return false;" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>

				<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
			</ul>

			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<ul class="linklist leftside">
				<li class="icon-ucp">
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a>
						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF --> &bull; 
					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
					<!-- IF U_RESTORE_PERMISSIONS --> &bull;
					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
					<!-- ENDIF -->
				</li>
			</ul>
			<!-- ENDIF -->

			<ul class="linklist rightside">
				<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>

			<span style="font-size: 1px; line-height: 1px; display:block; height: 5px; margin: 0 -5px; clear: both;"></span></div>
		</div>
then refresh your templates.

Armorgod
Registered User
Posts: 141
Joined: Fri Aug 29, 2008 2:15 pm

Re: nav bar questions

Post by Armorgod » Wed Sep 10, 2008 12:45 am

Thx again, you rock!

juniorcleff
Registered User
Posts: 11
Joined: Fri Sep 19, 2008 5:31 pm

Re: nav bar questions

Post by juniorcleff » Mon Sep 22, 2008 7:03 pm

Where would you go to change the navicon in a user's address bar?

User avatar
Raimon
Former Team Member
Posts: 12088
Joined: Tue May 30, 2006 5:31 pm
Location: Netherlands
Name: Raimon Meuldijk
Contact:

Re: nav bar questions

Post by Raimon » Mon Sep 22, 2008 7:35 pm

I assume you mean favicon

Upload your favicon.ico to the forum root directory.
After that open overall_header.html
place under the <head>

the code ;

Code: Select all

<link rel="shortcut icon" href="./favicon.ico" />
after that refresh your template ( acp -> styles -> templates -> refresh ).
Need phpBB installation, extenstions, Styles or integrate phpBB with you website?
Contact me for fair prices and good service!

User avatar
TheIlluminative
Former Team Member
Posts: 2451
Joined: Thu Jun 26, 2003 11:34 pm
Location: Egypt
Name: Mahmoud
Contact:

Re: nav bar questions

Post by TheIlluminative » Mon Sep 22, 2008 7:42 pm

Which one do you mean ? The navicon that appears in the browser's address bar ? Or a something within the style ? An image would explain more.

juniorcleff
Registered User
Posts: 11
Joined: Fri Sep 19, 2008 5:31 pm

Re: nav bar questions

Post by juniorcleff » Mon Sep 22, 2008 9:35 pm

TheIlluminative wrote:Which one do you mean ? The navicon that appears in the browser's address bar ? Or a something within the style ? An image would explain more.

The address bar

juniorcleff
Registered User
Posts: 11
Joined: Fri Sep 19, 2008 5:31 pm

Re: nav bar questions

Post by juniorcleff » Mon Sep 22, 2008 9:38 pm

Raimon wrote:I assume you mean favicon

Upload your favicon.ico to the forum root directory.
After that open overall_header.html
place under the <head>

the code ;

Code: Select all

<link rel="shortcut icon" href="./favicon.ico" />
after that refresh your template ( acp -> styles -> templates -> refresh ).

That did it! Thanks!

Locked

Return to “[3.0.x] Styles Support & Discussion”