Overall_Header.tpl

This forum is now closed. Please ask all styles-related questions in the phpBB 3.0 Styles Support & Discussion Forum.
mcmuney
Registered User
Posts: 23
Joined: Thu Aug 21, 2003 5:52 pm

Overall_Header.tpl

Post by mcmuney » Thu Nov 06, 2003 7:36 pm

How can I modify this file (which I understand is the main header template) to add my own logo with my own url link on it?

Also, I want all the links (eg FAQ, Search Memberlist, etc.) to be right below my own logo all in one line?

Thank in advance.

invader
I've Been Banned!
Posts: 301
Joined: Wed Apr 02, 2003 5:30 pm
Contact:

Post by invader » Thu Nov 06, 2003 7:41 pm

wrong forum, try the Support Forum
Image

please do not PM me with Support questions without permission - call me instead at 1-800-USE-SEARCH!

User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Post by Arty » Thu Nov 06, 2003 7:52 pm

To change logo image and url in overall_header.tpl replace {U_INDEX} with your url and replace templates/subSilver/images/logo_phpBB.gif with your own logo

To put buttons in one line in overall_header.tpl replace this code:

Code: Select all

		<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
			<tr> 
				<td><a href="{U_INDEX}"><img src="templates/subSilver/images/logo_phpBB.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
				<td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span> 
				<table cellspacing="0" cellpadding="2" border="0">
					<tr> 
						<td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp; 
						<!-- BEGIN switch_user_logged_out -->
						&nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
						<!-- END switch_user_logged_out -->
						</td>
					</tr>
					<tr>
						<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
					</tr>
				</table></td>
			</tr>
		</table>
with this:

Code: Select all

		<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
			<tr> 
				<td><a href="{U_INDEX}"><img src="templates/subSilver/images/logo_phpBB.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
				<td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span></td>
			</tr>
			<tr>
				<td colspan="2" align="center" valign="middle">
				<table cellspacing="0" cellpadding="2" border="0">
					<tr> 
						<td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp; 
						<!-- BEGIN switch_user_logged_out -->
						&nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
						<!-- END switch_user_logged_out -->
						</td>
					</tr>
					<tr>
						<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
					</tr>
				</table></td>
			</tr>
		</table>
invader wrote: wrong forum, try the Support Forum

Actually its correct forum - its a styles question.
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework

clmiller
Registered User
Posts: 8
Joined: Fri May 10, 2002 5:55 pm

Post by clmiller » Thu Nov 13, 2003 9:11 pm

Okay... so I am working this out. I am working of the subRed style (cause I do not want to screw with the main style).

I edit the overall_header.tpl to just add all the links on one line. But when I upload the file, the header goes away and all the color and ccs is stripped from the html.

I know you posted that code to just swap it out, but how do i actually change it? Directions instead of code would help.

Thanks!

clmiller
Registered User
Posts: 8
Joined: Fri May 10, 2002 5:55 pm

Post by clmiller » Thu Nov 13, 2003 9:46 pm

.tpl files need transfered as Text File in Fetch on Mac OS X. Fixed it myself.

Hellspawn
Registered User
Posts: 74
Joined: Thu Nov 13, 2003 7:15 am
Contact:

Post by Hellspawn » Thu Nov 13, 2003 10:19 pm

Hey, cyber alien... i did that (replacing subSilver with subBlack) but didnt quite work. The buttons got situated in the middle of the page, but my logo and the site title (which i'd like to remove from there) are in their original position..

What should i do to change that? I mean, leave the buttons as the were after modding, but eliminating the site title and description, thus leaving just the logo as a header..
Signature reset.
:evil:

Hellspawn
Registered User
Posts: 74
Joined: Thu Nov 13, 2003 7:15 am
Contact:

Post by Hellspawn » Sat Nov 15, 2003 3:20 am

Sorry to keep this topic up, but id be very thankful if someone could provide an answer
:)
Signature reset.
:evil:

User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Post by Arty » Sat Nov 15, 2003 9:37 am

Yes, logo and title are where it were because it was supposed to be like that for that code.

If you want logo to be centered and title and buttons be under it use this code (replace everything after <body> with this and replace "subSilver" with "subBlack"):

Code: Select all

<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" />

<a name="top"></a>

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> 
	<tr> 
		<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
			<tr> 
				<td align="center"><a href="{U_INDEX}"><img src="templates/subSilver/images/logo_phpBB.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
			</tr>
			<tr>
				<td align="center" valign="middle"><span class="gensmall"><br /></span><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}</span><br /><span class="gensmall"><br /></span></td>
			</tr>
			<tr>
				<td align="center" valign="middle"><table cellspacing="0" cellpadding="2" border="0">
					<tr> 
						<td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp; 
						<!-- BEGIN switch_user_logged_out -->
						&nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
						<!-- END switch_user_logged_out -->
						</td>
						<td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
					</tr>
				</table></td>
			</tr>
		</table>

		<br />

Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework

Hellspawn
Registered User
Posts: 74
Joined: Thu Nov 13, 2003 7:15 am
Contact:

Post by Hellspawn » Sat Nov 15, 2003 9:40 pm

Cool
Thats the first step... THANK U VERY MUCH

Now.. what do i have to take out in order to have only my logo and the buttons?? I mean, i dont want the forum title and description there.. it will be all in the logo..

Besides, i was thinking of editing the buttons gifs so i can have cooler buttons, but for that i should take the text from the buttons.. how can i do that? If I get to do that, I should do a cellpic, so I have the logo separated a bit from the forum by the menu.. how can i do that??

Besides.. I'd like a new box between the header and the forum, which would say who is online, the PMs the user has, and the time of his/her last connection (on one side, the other side would have a chessboard showing a move, as a gif file). Is it possible?

One last question... what should i do if i wanted the main menu at the left side of the screen (in a single line, the way it is now, but at the left side)

Sorry to bother u so much.. im trying to do my best here...
:)

edit1: Ok, managed to take out the title and the description.. :D
edit2: (dont like double posting, think it shows :D) I think i found out a bit what should i do for the buttons thing.. I should edit the lang php file with the text for each button deleting the values for the variables.. then i should make a cellpic (if thats the name) so i can make graphic buttons which fit in a stripe that would serve as a separator (as I said before). Am I right or am I drinking too much? :D
Last edited by Hellspawn on Sat Nov 15, 2003 9:57 pm, edited 1 time in total.
Signature reset.
:evil:

User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Post by Arty » Sat Nov 15, 2003 9:50 pm

To replace logo just replace image

To change buttons replace image and remove text near code for that image. For example for profile button remove {L_PROFILE} from this: <a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a> so only image is left and replace width/height for it. Same for other buttons.

To add a box with online data, etc... you need to create a new table on top of index_body.tpl (you can't do it in overall_header.tpl because online data is available only for index_body.tpl). To show user if he has new messages use {PRIVATE_MESSAGE_INFO}

To put menu on left side change align="center" to align="left" in this code: <td align="center" valign="middle"><table cellspacing="0"
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework

Hellspawn
Registered User
Posts: 74
Joined: Thu Nov 13, 2003 7:15 am
Contact:

Post by Hellspawn » Sat Nov 15, 2003 10:07 pm

U r so cool im embarrased i was even born
:) :)

Thx a lot for that!!

About the cellpic, how can i do that?
Signature reset.
:evil:

User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Post by Arty » Sat Nov 15, 2003 10:55 pm

Hellspawn wrote: About the cellpic, how can i do that?

I didn't understand that part of question.
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework

Hellspawn
Registered User
Posts: 74
Joined: Thu Nov 13, 2003 7:15 am
Contact:

Post by Hellspawn » Sat Nov 15, 2003 11:00 pm

Ill explain a bit:

I intend to make a separator between the logo and the rest of the forum. That separator will be a line of about 15 pixels, where the main menu buttons will be (the will be part of that line). I figured out that i have to do that with cellpics, but i dont know how to do it. I also would like to do the header logo with cellpics (i mean, the main logo plus cellpics to adapt to whatever size the users might use for the forum). That's what i want to do.
Signature reset.
:evil:

User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Post by Arty » Sat Nov 15, 2003 11:02 pm

Create image for it, and in code where you should change align to left add background="templates/....link_to_background.gif" in that <td>
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework

Hellspawn
Registered User
Posts: 74
Joined: Thu Nov 13, 2003 7:15 am
Contact:

Post by Hellspawn » Sat Nov 15, 2003 11:27 pm

well.. i'll give all of it a try

ill come back with any results..

Thx a lot
Signature reset.
:evil:

Locked

Return to “[2.0.x] Styles Development & Discussion”