phpBBHacks.com - New forum header with links
Community management insight at ManagingCommunities.com
StatsForums Home   RegisterRegister   ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in
FAQFAQ   SearchSearch   MemberlistMemberlist   TutorialsTutorials   ContactContact Us
Username:    Password:
Remember Me?        I Lost My Password!
New forum header with links
Goto page 1, 2  Next
 
Bookmark and Share
Post new topic   Reply to topic    phpBBHacks.com Support Forums Forum Index -> phpBB 3 Style and Design Support and Development
 See a User Guidelines violation? Please contact us.
Author Message

Monkey187
New User

Joined: 09 Apr 2010
Posts: 22
PostPosted: April 9th 2010, 9:54 pm    Post subject: New forum header with links Reply with quote
Hi all, first post here at phpBBHacks, and im new to phpBB, not so new to web design

Im hoping someone could help me with something, i think should be relatively easy compared to most tasks but so far ive not had any luck. Ive tried asking at the phpBB site but i didnt seem to get any kind of response atall

So, on to the situation at hand.

First of all here is my forum. www.skyrim.co.uk/phpBB3

Im using phpBB3 obviously, and im using a style called dark sky which i intend to modify somewhat. But really, all i want to be able to do at the minute is add a header with links across the top of the page. Very much like this site
http://www.tamriel-rebuilt.org/forum/

I know this is probably a very easy thing to do but i have no idea where to start. Ive searched and searched but i cant seem to find anything that helps me atall.

If anyone has any ideas where to start it would be greatly appreciated

Thank you all in advance

EDIT: Dammit, i posted in the wrong forum! Sorryy
Back to top
View user's profile Send private message

Thoul
VIP

Joined: 30 Jul 2002
Posts: 18040
Location: USA
PostPosted: April 10th 2010, 11:07 am    Post subject: Reply with quote
Look for the overall_header.html file in the style's template/ folder. That's what you'll want to edit.
_________________
Fringes of Algo - Phantasy Star Community
TV Blitz Forums - Television Discussion Community
phpBB Smith: Modifications

70+ Listings @ phpBBHacks.com
Back to top
View user's profile Send private message Visit poster's website

Monkey187
New User

Joined: 09 Apr 2010
Posts: 22
PostPosted: April 11th 2010, 10:15 am    Post subject: Reply with quote
Thanks for the reply Thoul

I had read that's what im supposed to do. But im not 100% sure where, everything ive tried so far has failed

The actual website uses a different style sheet to the style im using on the forum.

Here is the code from the overall header
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />

<script type="text/javascript">
// <![CDATA[
<!-- IF S_USER_PM_POPUP -->
   if ({S_NEW_PM})
   {
      popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
   }
<!-- ENDIF -->

function popup(url, width, height, name)
{
   if (!name)
   {
      name = '_popup';
   }

   window.open(url.replace(/&amp;/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);
   return false;
}

function jumpto()
{
   var page = prompt('{LA_JUMP_PAGE}:', '{ON_PAGE}');
   var per_page = '{PER_PAGE}';
   var base_url = '{A_BASE_URL}';

   if (page !== null && !isNaN(page) && page == Math.floor(page) && page > 0)
   {
      if (base_url.indexOf('?') == -1)
      {
         document.location.href = base_url + '?start=' + ((page - 1) * per_page);
      }
      else
      {
         document.location.href = base_url.replace(/&amp;/g, '&') + '&start=' + ((page - 1) * per_page);
      }
   }
}

/**
* Find a member
*/
function find_username(url)
{
   popup(url, 760, 570, '_usersearch');
   return false;
}

/**
* Mark/unmark checklist
* id = ID of parent container, name = name prefix, state = state [true/false]
*/
function marklist(id, name, state)
{
   var parent = document.getElementById(id);
   if (!parent)
   {
      eval('parent = document.' + id);
   }

   if (!parent)
   {
      return;
   }

   var rb = parent.getElementsByTagName('input');
   
   for (var r = 0; r < rb.length; r++)
   {
      if (rb[r].name.substr(0, name.length) == name)
      {
         rb[r].checked = state;
      }
   }
}

<!-- IF ._file -->

   /**
   * Play quicktime file by determining it's width/height
   * from the displayed rectangle area
   *
   * Only defined if there is a file block present.
   */
   function play_qt_file(obj)
   {
      var rectangle = obj.GetRectangle();

      if (rectangle)
      {
         rectangle = rectangle.split(',')
         var x1 = parseInt(rectangle[0]);
         var x2 = parseInt(rectangle[2]);
         var y1 = parseInt(rectangle[1]);
         var y2 = parseInt(rectangle[3]);

         var width = (x1 < 0) ? (x1 * -1) + x2 : x2 - x1;
         var height = (y1 < 0) ? (y1 * -1) + y2 : y2 - y1;
      }
      else
      {
         var width = 200;
         var height = 0;
      }

      obj.width = width;
      obj.height = height + 16;

      obj.SetControllerVisible(true);

      obj.Play();
   }
<!-- ENDIF -->

// ]]>
</script>
</head>
<body class="{S_CONTENT_DIRECTION}">

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

<div id="wrapheader">

   <div id="logodesc">
      <table width="100%" cellspacing="0">
      <tr>
         <td><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
         <td width="100%" align="center"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
      </tr>
      </table>
   </div>

   <div id="menubar">
      <table width="100%" cellspacing="0">
      <tr>
         <td class="genmed">
            <!-- IF not S_IS_BOT --><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>&nbsp;<!-- ENDIF -->
            <!-- IF U_RESTORE_PERMISSIONS --> &nbsp;<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
            <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> &nbsp;<span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF -->
            <!-- IF not S_IS_BOT -->
               <!-- IF S_USER_LOGGED_IN -->
                  <!-- IF S_DISPLAY_PM --> &nbsp;<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a><!-- ENDIF -->
               <!-- ELSEIF S_REGISTER_ENABLED --> &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a>
               <!-- ENDIF -->
            <!-- ENDIF -->
         </td>
         <td class="genmed" align="{S_CONTENT_FLOW_END}">
            <a href="{U_FAQ}">{L_FAQ}</a>
            <!-- IF S_DISPLAY_SEARCH -->&nbsp; &nbsp;<a href="{U_SEARCH}">{L_SEARCH}</a><!-- ENDIF -->
            <!-- IF not S_IS_BOT -->
               <!-- IF S_DISPLAY_MEMBERLIST -->&nbsp; &nbsp;<a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a><!-- ENDIF -->
               <!-- IF S_USER_LOGGED_IN -->&nbsp; &nbsp;<a href="{U_PROFILE}">{L_PROFILE}</a><!-- ENDIF -->
            <!-- ENDIF -->
         </td>
      </tr>
      </table>
   </div>

   <div id="datebar">
      <table width="100%" cellspacing="0">
      <tr>
         <td class="gensmall"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ENDIF --></td>
         <td class="gensmall" align="{S_CONTENT_FLOW_END}">{CURRENT_TIME}<br /></td>
      </tr>
      </table>
   </div>

</div>

<div id="wrapcentre">

   <!-- IF S_DISPLAY_SEARCH -->
   <p class="searchbar">
      <span style="float: {S_CONTENT_FLOW_BEGIN};"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> | <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></span>
      <!-- IF S_USER_LOGGED_IN -->
      <span style="float: {S_CONTENT_FLOW_END};"><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> | <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></span>
      <!-- ENDIF -->
   </p>
   <!-- ENDIF -->

   <br style="clear: both;" />

   <!-- INCLUDE breadcrumbs.html -->

   <br />


And what im trying to add is this
Code:
   <div id="header" ></div>
   <div id="mainlink">
      <ul>
         <li><a href="Index.html">home</a></li>
         <li><a href="phpBB3/index.php">forum</a></li>
         <li><a href="http://">links</a></li>
         <li class="lastchild"><a href="http://">contact</a></li>
      </ul></div>   


Which is exactly how its shown on the main site, but obviously, its colour and layout are defined by the stylesheet in the root folder, not the style sheet used by the overall header document.

So im not sure exactly how to do this.

If anyone has any advice it would be really appreciated

Again, thanks in advance for your help
Back to top
View user's profile Send private message

Patrick
Admin/Webmaster

Joined: 11 May 2001
Posts: 17279
Location: Harbinger, NC, U.S.A.
PostPosted: April 13th 2010, 11:19 am    Post subject: Reply with quote
Hey Monkey187,

Welcome to our community.

It appears that you have added the CSS rules for the code you are adding to the phpBB stylesheet. What happens when you add the code to overall_header.html?

Thanks,

Patrick
_________________
Patrick O'Keefe - phpBBHacks.com Administrator - Feedback? Questions? Please Contact Me!
User Guidelines - Featured phpBB - Featured Author - phpBBHacks.com Awards - Supported Sites - About Us
Author, Managing Online Forums - A Practical Guide to Community Management
phpBB 3 Tutorials: Add Hacks | Clear Your Cache | Fix Missing Images | phpBB 3 Permissions Guide
Back to top
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger MSN Messenger

Monkey187
New User

Joined: 09 Apr 2010
Posts: 22
PostPosted: May 6th 2010, 9:35 am    Post subject: Reply with quote
Hi Patrick, thanks for the reply. Long time i know but ive been very busy

The thing is i haven't edited any style sheets yet.

Ill just show you how my folder's are laid out just incase. I want to rule out that were talking about different stylesheets

So it goes
PHPBB3/Styles/Darksky/theme/stylesheet.css

and

PHPBB3/Styles/Darksky/template/overall_header.html

I know im supposed to add the actual menu to the overall_header. When i've done that do i also need to add the rules for it in the stylesheet?

Because i tried simply replacing the existing header which is just an image, with my header, and nothing appeared different.

Im quite confused with this Im not new to html or css, just new to PHPBB3 and im struggling

Thanks for your help Patrick,

Dave
Back to top
View user's profile Send private message

Patrick
Admin/Webmaster

Joined: 11 May 2001
Posts: 17279
Location: Harbinger, NC, U.S.A.
PostPosted: May 6th 2010, 10:54 am    Post subject: Reply with quote
Hey Monkey187,

My pleasure.

I checked the CSS file you mentioned and at the bottom is this:

Code:
/********************** TOP LINKS ***************************/
 
#mainlink {
   width:100%;
   text-align:center;
   background-color:#1a2237;
   float:left;
   clear:both;
}
#mainlink li{
   display:inline;
   text-align:center;
   padding: 0px 50px 0px 50px;
   border-right: solid 1px #4c5a80;
}
.lastchild{
   border-right: 0px none !important;
}
#mainlink a{
   font-family: Verdana, Geneva, sans-serif;
   font-size: 14px;
   text-transform:uppercase;
   color:#547ca2;
   text-decoration: none;
}
#mainlink a:hover{
   text-decoration: blink;
   color:#5b86af;
}

Aren't these the CSS rules for your menu?

Once you add the actual menu to overall_header.html, be sure to clear your cache. You can do so at: http://www.phpbbhacks.com/forums/how-do-i-clear-my-phpbb-3-cache-vt75533.html

Please let us know.

Thanks,

Patrick
_________________
Patrick O'Keefe - phpBBHacks.com Administrator - Feedback? Questions? Please Contact Me!
User Guidelines - Featured phpBB - Featured Author - phpBBHacks.com Awards - Supported Sites - About Us
Author, Managing Online Forums - A Practical Guide to Community Management
phpBB 3 Tutorials: Add Hacks | Clear Your Cache | Fix Missing Images | phpBB 3 Permissions Guide
Back to top
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger MSN Messenger

Monkey187
New User

Joined: 09 Apr 2010
Posts: 22
PostPosted: May 12th 2010, 3:39 pm    Post subject: Reply with quote
Quote:
They are the rules for the main menu's on the actual site not the forum's theme stylesheet.

I really can't see what im doing wrong and its getting frustrating almost to the point of being in tears

I have no idea why its not working as i imagine it should or as youve explained

Thanks for the help Patrick, i really appreciate it. If you have any more idea's whats going on please let me know


EDIT: Also, would you be able to explain where exactly in the overall header im supposed to add the menu <divs>?


As in, do i replace this bit
Code:
<body class="{S_CONTENT_DIRECTION}">

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

<div id="wrapheader">

   <div id="logodesc">
<table width="100%" cellspacing="0">
      <tr>
         <td><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
         <td width="100%" align="center"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
      </tr>
      </table>
   </div>

   <div id="menubar">
      <table width="100%" cellspacing="0">
      <tr>
         <td class="genmed">
            <!-- IF not S_IS_BOT --><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>&nbsp;<!-- ENDIF -->
            <!-- IF U_RESTORE_PERMISSIONS --> &nbsp;<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
            <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> &nbsp;<span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF -->
            <!-- IF not S_IS_BOT -->


I take it i just replace the table after <div id="logodesc"> with my menu which is

Code:
   <div id="mainlink">
      <ul>
         <li><a href="Index.html">home</a></li>
         <li><a href="phpBB3/index.php">forum</a></li>
         <li><a href="http://">links</a></li>
         <li class="lastchild"><a href="http://">contact</a></li>
      </ul></div>


And then i would have to add the CSS rules for the menu into the darksky theme stylesheet?


Monkey


Nevermind all that, i just gave clearing the cache a go and as if by magic. Poof, there was my menu!

Patrick, i can't thank you enough for this! You've been a great help, and very patient with my impatient self

So far ive only added a simple menu, but its there, and now i know i can do it. So again, thankyou very much Patrick for all your help
Back to top
View user's profile Send private message

Patrick
Admin/Webmaster

Joined: 11 May 2001
Posts: 17279
Location: Harbinger, NC, U.S.A.
PostPosted: May 13th 2010, 9:34 am    Post subject: Reply with quote
Our pleasure, Monkey187. Glad that we were able to help you! Hope to see you around.

Thanks,

Patrick
_________________
Patrick O'Keefe - phpBBHacks.com Administrator - Feedback? Questions? Please Contact Me!
User Guidelines - Featured phpBB - Featured Author - phpBBHacks.com Awards - Supported Sites - About Us
Author, Managing Online Forums - A Practical Guide to Community Management
phpBB 3 Tutorials: Add Hacks | Clear Your Cache | Fix Missing Images | phpBB 3 Permissions Guide
Back to top
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger MSN Messenger

Monkey187
New User

Joined: 09 Apr 2010
Posts: 22
PostPosted: June 21st 2010, 11:08 am    Post subject: Reply with quote
Hello again Patrick!

Thankyou again for all the help, is very much appreciated.

You can view my site and forum at www.skyrim.co.uk if your interested in seeing what ive done

I just wanted to ask you about one thing that i found unusual.

For some reason, when a user is logged in, and then they click on the forum link at the top of the page it logs them out again. I can't for the life of me think why this would be. I'm sure it must be something simple that ive missed, but i just don't know what.

If you have any ideas what is causing this and how to rectify it, then that would be great.

Much appreciated

Dave
Back to top
View user's profile Send private message

Patrick
Admin/Webmaster

Joined: 11 May 2001
Posts: 17279
Location: Harbinger, NC, U.S.A.
PostPosted: June 22nd 2010, 9:41 am    Post subject: Reply with quote
Hey Dave,

No problem. That is odd. I don't know why that would be happening. Does anyone have any thoughts?

Thanks,

Patrick
_________________
Patrick O'Keefe - phpBBHacks.com Administrator - Feedback? Questions? Please Contact Me!
User Guidelines - Featured phpBB - Featured Author - phpBBHacks.com Awards - Supported Sites - About Us
Author, Managing Online Forums - A Practical Guide to Community Management
phpBB 3 Tutorials: Add Hacks | Clear Your Cache | Fix Missing Images | phpBB 3 Permissions Guide
Back to top
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger MSN Messenger
Display posts from previous:   
Post new topic   Reply to topic    phpBBHacks.com Support Forums Forum Index -> phpBB 3 Style and Design Support and Development All times are GMT - 6 Hours
Goto page 1, 2  Next
Page 1 of 2
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum

Links: Big Message Boards - Free JavaScript - phpBB2 - phpbb styles - Suporte phpBB - phpBB Česky - phpBB Turkiye - phpBBArabia.com - phpBB-fr.com - Romanian phpBB online community - phpBB-TW.net - phpBBservice.nl - phpBB Brasil - phpBB Portugal - phpBBpersian.com

Network: iFroggy Hosting - PhotoshopForums.com - Managing Online Forums - ManagingCommunities.com - CommunityAdmins.com - KarateForums.com - Bad Boy Blog - SodaRatings.com - Patrick O'Keefe

< Advertising - Contact Us - Disclosure Policy - Staff - User Guidelines >

Copyright © 2001-2012. iFroggy Network, phpBBHacks.com. All Rights Reserved. Privacy Policy. We Support phpBBHacks.com (of course!).
Powered by phpBB © phpBB Group. phpBB SEO. We are in no way affiliated with the phpBB Group. phpBB is copyright to the phpBB Group.