Style and Menu Bar

Post by **slysi** » 15. November 2009 18:03

Your Portal Version: 1.0.4
Your phpBB Type: Standard phpBB3
MODs installed: No
Your knowledge: Beginner
Boardlink: http://www.uk-coalition.co.uk

What have you done before the problem was there?
Nothing fresh install of latest phpbb3 and board 3 portal

What have you already tryed to solve the problem?
Played about with the block config with very little success

Description and Message
Hello,

Complete phpbb3 and board 3 newbie here. I have tried and tried to get the Melankolia style to work but I dont really know how to. If someone could post a step by step guide to getting it working i (and my hair, as ive been tearing it out) would be very grateful.

Also how do you add a menu bar like the one right at the very top of this site (The grey one that says "portal" "board" "index" "bug tracker" "new messages" "knowledge base")

Thanks for any and all help

Slysi

Mike · Post by **Mike** » 15. November 2009 20:48

Your Style seems to work... What do you want to change?

Your second question is already answered in here. Please use the search next time

Post by **slysi** » 15. November 2009 21:14

Thanks for your reply Mike,

Sorry I did try and use the search but I didnt know the correct terminology to find what I was looking for, thanks for pointing me in the right direction.

I managed to get the style to half work but I would like it to look like the link posted, at the moment it is full screen, and doesnt have the rounded corner grey background or the over all background patten. How would I change this ?

Mike · Post by **Mike** » 15. November 2009 21:20

Hmm... i downloaded the Style and installed it. There are no changes to make it as smal as it is. Maybe you have a different version? I got mine from here (btw, it is outdated

)

Post by **slysi** » 15. November 2009 23:00

I re-downloaded the style from the link you posted. Removed all the old files and reinstalled the style a few tweeks, the portal folder and some images needed to be copied across but now working, Very happy

Thanks for all your help Mike!

Mike · Post by **Mike** » 16. November 2009 02:20

Maybe you want to make the Edits in the Header...
you can try this: (looks cleaner)

Code: Select all

<!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}
<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(/&/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);
   return false;
}

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

   if (page !== null && !isNaN(page) && page > 0)
   {
      document.location.href = base_url.replace(/&/g, '&') + '&start=' + ((page - 1) * perpage);
   }
}

/**
* 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>
<link href="{T_THEME_PATH}/web/style.css" rel="stylesheet" type="text/css" media="screen, projection" />
</head>
<body class="{S_CONTENT_DIRECTION}">
<div class="outside">
<div class="top-left"></div><div class="top-center"></div><div class="top-right"></div>
<div class="inside">
<div class="notopgap">
<a name="top"></a>

<div id="wrapheader">
<div id="logodesc">
   <div id="logo">
         <a class="logo" href="{U_INDEX}"><h1><font color="#FFFFFF">{SITENAME}</font></h1><span class="gen"><font color="#FFFFFF">{SITE_DESCRIPTION}</font></span></a>
   </div>
</div>
<br />
<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
   <table class="tablebg" cellspacing="1" width="100%">
<tr>
<td class="row1" height="60px" width="73%">
         <p class="breadcrumbs"><!-- IF U_PORTAL --><a href="{U_PORTAL}"><img src="{T_IMAGESET_PATH}/folder.gif"></img>{L_PORTAL}</a> &#187; <!-- ENDIF --><a href="{U_INDEX}"><strong><img src="{T_IMAGESET_PATH}/folder.gif"></img>{L_INDEX}</strong></a>
<!-- BEGIN navlinks --> &#187; <strong><strong></strong>&nbsp;<a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks -->
<br /><!-- IF TOPIC_TITLE --><!-- IF U_VIEW_TOPIC --><img src="{T_IMAGESET_PATH}/folder2.gif"></img><a class="topictitle" href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a><!-- ENDIF --><!-- ENDIF --></p>
<div align="center"> <p><!-- 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 --></p></div>
         </td>
<td class="row2" height="60px" width="27%"><!-- IF not S_USER_LOGGED_IN -->

<form method="post" action="{S_LOGIN_ACTION}" style="float:left;position:relative;">
<table width="100%" cellspacing="0">
<tr>
<!-- IF SCRIPT_NAME == 'index' -->
<td width="50%"><span class="genmed">{L_USERNAME}:</span><br /><span class="genmed">{L_PASSWORD}:</span></td>
       <td width="50%"><input tabindex="100" class="post" type="text" name="username" size="10" /><br /><input tabindex="101" class="post" type="password" name="password" size="10" /></td>


          <td width="50%"  nowrap="nowrap"> <!-- IF S_AUTOLOGIN_ENABLED --><span class="genmed">Remember me</span> <input tabindex="102" type="checkbox"  class="radio" name="autologin" /><!-- ENDIF --><br /><input tabindex="103" type="submit" class="btnmain" name="login" value="{L_LOGIN}" />
    </td>


<!-- ELSE --><span class="genmed"><a href="{U_LOGIN_LOGOUT}"><strong>{L_LOGIN_LOGOUT}</strong></a>&nbsp;|&nbsp;<!-- IF not S_IS_BOT -->  <a href="{U_REGISTER}"><strong>{L_REGISTER}</strong></a><!-- ENDIF --></span><!-- ENDIF -->
  </tr>
</table>
   {S_FORM_TOKEN}
   </form>
<!-- ENDIF -->

<table width="100%" cellspacing="0">
<tr>
<td class="genmed">
<!-- IF not S_IS_BOT -->
<!-- IF S_USER_LOGGED_IN -->
<strong>Hi,&nbsp;{S_USERNAME}</strong>&nbsp;<b>(</b><a href="{U_LOGIN_LOGOUT}">{L_LOGOUT}</a><b>)</b><br />
{LAST_VISIT_DATE}<br />
<!-- IF S_DISPLAY_PM --><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a><!-- ENDIF -->
<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->{PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --><!-- ENDIF --><!-- ENDIF --></td></tr></table></td>
</tr>
</table>
   <!-- IF not S_USER_LOGGED_IN -->
<table class="menu2tb" cellpadding="6" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
   <tr align="center">
  <!-- IF not S_IS_BOT -->
  <!-- IF S_REGISTER_ENABLED --><td class="menu2"> <a href="{U_REGISTER}" >{L_REGISTER}</a></td><!-- ENDIF -->
<td class="menu2"><a href="{U_LOGIN_LOGOUT}" rel="nofollow">{L_LOGIN}</a></td><!-- ENDIF -->
    <!-- IF S_DISPLAY_SEARCH --><td class="menu2"><a href="{U_SEARCH}"><strong>{L_SEARCH}</strong></a></td>
   <!-- ENDIF -->

   <td class="menu2"><a href="{U_FAQ}">{L_FAQ}</a></td>
</tr></table>
<!-- ENDIF -->

<!-- IF S_USER_LOGGED_IN -->
  <table class="menu2tb" cellpadding="6" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
   <tr align="center">

    <td class="menu2"><a href="{U_PROFILE}" rel="nofollow">{L_PROFILE}</a></td>

     <!-- IF S_DISPLAY_SEARCH -->
     <td class="menu2"><a href="{U_SEARCH}"><strong>{L_SEARCH}</strong></a></td>
     <td class="menu2"><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></td>
   <td class="menu2"><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></td>
   <td class="menu2"><a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></td>
        <!-- ENDIF -->
   <td class="menu2"><a href="{U_FAQ}">{L_FAQ}</a></td>
</tr></table>
<!-- ENDIF --><br />
<!-- ENDIF -->
      <br style="clear: both;" />

Post by **emtec** » 16. November 2009 17:02

HI,

i use also the nice Melankolia skin.

But 1 question:

Install Open: styles/prosilver/template/overall_footer.html

But i use the Melankolia skin, shoudnt i open the melankolia skin and put the code in there ?? ???

Mike · Post by **Mike** » 16. November 2009 17:07

Yes. Of course

for styles/melankolia/template/overall_header.html, you can use the code above.

Post by **emtec** » 16. November 2009 17:15

HI

my overall_header.html contain no <div class="navbar">

so i cannot add the next lines.....

can you upload your overall_header ???

Mike · Post by **Mike** » 16. November 2009 17:17

I already posted it two postings above

Post by **emtec** » 16. November 2009 17:21

hi,

danke dir aber nun fehlt in meiner overall_footer auch die line

<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a></li>

theme/stylesheet.css:

@import url("colours.css");

habe ich auch nicht.......

und ich habs den skin auch von deiner seite und erst vor 4 tagen runter geladen

Mike · Post by **Mike** » 16. November 2009 17:28

Hier gibts auch nen deutschen Thread... vielleicht ist der ja auch noch etwas hilfreich für dich.
Du musst übrigens auch die Installationsanleitung und Dateien für subsilver2 nehmen, und nicht für prosilver.
Die Anleitung findest du im Verzeichnis: board3_Portal_104\contrib\subsilver2.xml
Den footer und die stylesheets.css musst du nicht bearbeiten, sondern nur den header und die breadcrumbs.html

In dem Link oben findest du auch den code für die fehlerhafte forumlist_body.html den du ersetzen musst um den Fehler im Portal weg zu bekommen.

Style and Menu Bar

Style and Menu Bar

Re: Style and Menu Bar

Re: Style and Menu Bar

Re: Style and Menu Bar

Re: Style and Menu Bar

Re: Style and Menu Bar

Re: Style and Menu Bar

Re: Style and Menu Bar

Re: Style and Menu Bar

Re: Style and Menu Bar

Re: Style and Menu Bar

Re: Style and Menu Bar