Forum is covering top menu in framless mode.

Support specific to the phpBB 3 plugin.
Forum rules
Please post all the bugs you encounter on our issue tracker.
Post a reply

Forum is covering top menu in framless mode.

Postby icbm2000 on Sun Aug 05, 2012 12:57 am

So when my PHPBB3 forum is in Frameless mode, it covers up my top menu. When I put the wrapper around it does not coverf the top menu. THe wraper looks like crap. What css sheet do I need to modify to prevent it covering up the top menu.

[url]cefpaintball.com[/url]

click on the forum.
User avatar
icbm2000
JFusion Newbie
JFusion Newbie
 
Posts: 4
Joined: Thu Jul 19, 2012 11:38 pm
Top

Re: Forum is covering top menu in framless mode.

Postby icomrade on Sun Aug 05, 2012 2:03 am

Add a search bar or button in one of the menus, or somewhere else in the forum. Then delete The index, search and other menu options from your phpbb style overall_header.html of your selected theme's template folder.
They should be formatted similarly to this.
Search
Code: Select all
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
         <div id="search-box">
            <form action="{U_SEARCH}" method="post" id="search">
            <fieldset>
               <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
               <input class="button2" value="{L_SEARCH}" type="submit" /><br />
               <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
            </fieldset>
            </form>
         </div>
      <!-- ENDIF -->

Menu items
Code: Select all
         <ul class="linklist rightside">
            <li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
         <!--<li class="icon-members"><a href="{U_APPLICATION_FORM}" title="{L_APPLICATION_FORM_EXPLAIN}">{L_APPLICATION_FORM}</a></li>-->
            <!-- IF not S_IS_BOT -->
               <?php //<!-- 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 and not (S_SHOW_COPPA or S_REGISTRATION) --><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="x">{L_LOGIN_LOGOUT}</a></li>-->
            <!-- ENDIF -->
         </ul>

Then delete the following div classes this from one of your .css files (most likely common.css or buttons.css) found in your theme's theme folder.
#jfusion #header
#jfusion #header-left
#jfusion #header-right
#jfusion .skiplink
#jfusion #search-box
#jfusion #topnav
#jfusion #logo
It's probably best to comment these out instead of deleted them. Always make backups.

P.s. the joomla search function can be integrated with Jfusion to search phpbb3 as well.
User avatar
icomrade
JFusion Newbie
JFusion Newbie
 
Posts: 5
Joined: Mon Apr 02, 2012 6:33 pm
Top

Re: Forum is covering top menu in framless mode.

Postby icbm2000 on Sun Aug 05, 2012 11:28 am

I tried that, but did not work. I have attached the code below from the original files.


Overall_header in phpbb
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<!-- INCLUDE ca_config.html -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>
<!-- IF S_ENABLE_FEEDS -->
   <!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&amp;t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<!--
   phpBB style name: CA Vintage
   Based on style:   prosilver (this is the default phpBB3 style)
   Original author:  Tom Beddard ( http://www.subBlue.com/ )
   Modified by:      stsoftware ( http://www.stsoftware.biz/ )

   NOTE: This page was generated by phpBB, the free open-source bulletin board package.
         The phpBB Group is not responsible for the content of this page and forum. For more information
         about phpBB please visit http://www.phpbb.com
-->

<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery_scrollto.js"></script>
<script type="text/javascript">
// <![CDATA[
   var jump_page = '{LA_JUMP_PAGE}:';
   var on_page = '{ON_PAGE}';
   var per_page = '{PER_PAGE}';
   var base_url = '{A_BASE_URL}';
   var style_cookie = 'phpBBstyle';
   var style_cookie_settings = '{A_COOKIE_SETTINGS}';
   var onload_functions = new Array();
   var onunload_functions = new Array();
   var ca_main_width = '{$CA_WIDTH}';

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

   /**
   * New function for handling multiple calls to window.onload and window.unload by pentapenguin
   */
   $(window).load(function()
   {
      for (var i = 0; i < onload_functions.length; i++)
      {
         eval(onload_functions[i]);
      }
   });

   $(window).unload(function()
   {
      for (var i = 0; i < onunload_functions.length; i++)
      {
         eval(onunload_functions[i]);
      }
   });

if(window.opera || (navigator.userAgent && navigator.userAgent.indexOf('AppleWebKit') > 0 && navigator.userAgent.indexOf('Windows') < 0))
{
   document.write('<link rel="stylesheet" href="{T_THEME_PATH}/forms_safari.css" type="text/css" />');
}
if(navigator.userAgent && navigator.userAgent.indexOf('Mac OS X') > 0)
{
   document.write('<link rel="stylesheet" href="{T_THEME_PATH}/tweaks_mac.css" type="text/css" />');
}

// ]]>
</script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/ca_scripts.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/ca_scripts2.js"></script>
<!--[if lte IE 7]><script>ca_ie = true;</script><![endif]-->
<!--[if IE 8]><script>ca_ie8 = true;</script><![endif]-->

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />
<link media="only screen and (max-device-width: 480px)" href="{T_THEME_PATH}/iphone.css" type="text/css" rel="stylesheet" />

<!--[if IE]><link href="{T_THEME_PATH}/tweaks_ie.css" type="text/css" rel="stylesheet"/><![endif]-->

</head>

<body class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<!-- Open JFusion wrapper div -->
<div id="jfusion">

<p class="top"><a id="top" name="top" accesskey="t"></a></p>

<div id="global" style="margin: 0 auto;">
    <div id="content-left"><div id="content-right">

<div id="header">
    <div id="header-left"><div id="header-right">



    <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>

   <!-- header start -->
    <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH and not S_IS_BOT -->
    <div id="search-box">
        <div><div>
        <form action="{U_SEARCH}" method="get" id="search">
        <fieldset>
            <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
            {S_SEARCH_HIDDEN_FIELDS}
        </fieldset>
        </form>
        </div></div>
    </div>
    <!-- ENDIF -->
    <!-- IF not S_IS_BOT -->
    <div id="topnav">
        <div><div>
        <ul class="linklist topnav leftside">
            <!-- IF S_USER_LOGGED_IN -->
                <li<!-- IF $CA_PAGE == 'ucp' --> class="current"<!-- ENDIF -->>
                    <a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a>
                    <span>&bull;</span>
                </li>
                <!-- IF S_DISPLAY_PM -->
                <li<!-- IF $CA_PAGE == 'pm' --> class="current"<!-- ENDIF -->>
                    <a href="{U_PRIVATEMSGS}" title="{L_PRIVATE_MESSAGES}">{PRIVATE_MESSAGE_INFO}</a>
                    <span>&bull;</span>
                </li>
                <!-- ENDIF -->
            <!-- IF S_DISPLAY_SEARCH -->
            <li<!-- IF $CA_PAGE == 'search' --> class="current"<!-- ENDIF -->>
               <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
               <span>&bull;</span>
            </li>
            <!-- ENDIF -->
                <!-- IF U_RESTORE_PERMISSIONS -->
                <li>
                    <a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
                    <span>&bull;</span>
                </li>
                <!-- ENDIF -->
            <!-- ENDIF -->
            <li<!-- IF $CA_PAGE == 'faq' --> class="current"<!-- ENDIF -->>
                <a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a>
            </li>
         <!-- IF S_DISPLAY_SEARCH -->
            <li<!-- IF $CA_PAGE == 'search' --> class="current"<!-- ENDIF -->>
                <span>&bull;</span>
                <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH}</a>
            </li>
         <!-- ENDIF -->
            <!-- IF S_USER_LOGGED_IN and S_DISPLAY_MEMBERLIST -->
                <li<!-- IF $CA_PAGE == 'users' --> class="current"<!-- ENDIF -->>
                    <span>&bull;</span>
                    <a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a>
                </li>
            <!-- ENDIF -->
            <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) -->
                <li<!-- IF $CA_PAGE == 'register' --> class="current"<!-- ENDIF -->>
                    <span>&bull;</span>
                    <a href="{U_REGISTER}">{L_REGISTER}</a>
                </li>
            <!-- ENDIF -->
            <li<!-- IF $CA_PAGE == 'login' --> class="current"<!-- ENDIF -->>
                <span>&bull;</span>
                <a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a>
            </li>
        </ul>
        </div></div>
    </div>
    <!-- ENDIF -->

   <div id="logo"><a href="{U_INDEX}">{SITE_LOGO_IMG}<span>{SITENAME}</span></a></div>
   <!-- header end -->

    </div></div>
</div><!-- #header -->


   <div id="page-header">
      <div class="navbar navbar-top" id="navbar-top">
            <div class="block-header"><span></span><div></div></div>
            <div class="block-content"><div class="block-inner">
            <ul class="linklist navlinks">
                <li class="icon-home"><!-- IF .navlinks --><span class="home-extra"><!-- ENDIF --><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <!-- IF navlinks.S_LAST_ROW --></span><!-- ENDIF --><a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

                <li class="rightside" id="navbar-top-top"><a href="#top" title="{L_BACK_TO_TOP}">{L_BACK_TO_TOP}</a></li>

                <!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}">{L_EMAIL_TOPIC}</a>&nbsp;&bull;&nbsp;</li><!-- ENDIF -->
                <!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a>&nbsp;&bull;&nbsp;</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>&nbsp;&bull;&nbsp;</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>&nbsp;&bull;&nbsp;</li><!-- ENDIF -->

                <!-- IF SCRIPT_NAME == 'viewtopic' -->
                    <!-- IF U_VIEW_NEWER_TOPIC --><li class="rightside"><a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;&bull;&nbsp;</li><!-- ENDIF -->
                    <!-- IF U_VIEW_OLDER_TOPIC --><li class="rightside"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;&bull;&nbsp;</li><!-- ENDIF -->
                <!-- ENDIF -->

                <!-- IF not S_IS_BOT -->
                    <!-- IF U_MARK_FORUMS and (SCRIPT_NAME == 'index' or SCRIPT_NAME == 'viewforum') --><li class="rightside navbar-hidden"><a href="{U_MARK_FORUMS}">{L_MARK_FORUMS_READ}</a>&nbsp;&bull;&nbsp;</li><!-- ENDIF -->
                    <!-- IF U_MARK_TOPICS and SCRIPT_NAME == 'viewforum' --><li class="rightside navbar-hidden"><a href="{U_MARK_TOPICS}">{L_MARK_TOPICS_READ}</a>&nbsp;&bull;&nbsp;</li><!-- ENDIF -->
                    <!-- IF S_WATCH_FORUM_LINK --><li class="rightside navbar-hidden"><a href="{S_WATCH_FORUM_LINK}" title="{S_WATCH_FORUM_TITLE}">{S_WATCH_FORUM_TITLE}</a>&nbsp;&bull;&nbsp;</li><!-- ENDIF -->
                    <!-- IF U_WATCH_TOPIC --><li class="rightside navbar-hidden"><a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}">{L_WATCH_TOPIC}</a>&nbsp;&bull;&nbsp;</li><!-- ENDIF -->
                    <!-- IF U_BOOKMARK_TOPIC --><li class="rightside navbar-hidden"><a href="{U_BOOKMARK_TOPIC}" title="{L_BOOKMARK_TOPIC}">{L_BOOKMARK_TOPIC}</a>&nbsp;&bull;&nbsp;</li><!-- ENDIF -->
                    <!-- IF U_BUMP_TOPIC --><li class="rightside navbar-hidden"><a href="{U_BUMP_TOPIC}" title="{L_BUMP_TOPIC}">{L_BUMP_TOPIC}</a>&nbsp;&bull;&nbsp;</li><!-- ENDIF -->
                <!-- ENDIF -->

            </ul>
            <div class="block-clear"></div>
            </div></div>
            <div class="block-footer"><span></span><div></div></div>
      </div>
   </div>

   <a name="start_here"></a>

   <div id="page-body">

        <!-- IF not S_IS_BOT && not $CA_SKIP_PM_NOTIFY && S_USER_LOGGED_IN && S_DISPLAY_PM -->
            <!-- IF S_USER_NEW_PRIVMSG and S_USER_PM_POPUP -->
                <div class="pm-notify-new" id="pm-notify"><div>
                    <p class="pm-notify">
                        <a href="{U_PRIVATEMSGS}"><!-- IF S_USER_NEW_PRIVMSG > 1 -->{L_YOU_NEW_PMS}<!-- ELSE -->{L_YOU_NEW_PM}<!-- ENDIF --></a>
                    </p>
                    <p class="pm-close">
                        <a href="#" onclick="$('#pm-notify').fadeOut('normal'); return false;">{L_CLOSE_WINDOW}</a>
                    </p>
                </div></div>
            <!-- ELSEIF S_USER_UNREAD_PRIVMSG or S_USER_NEW_PRIVMSG -->
                <div class="pm-notify-unread" id="pm-notify">
                    {$CA_BLOCK2_START}
                        <h3>{L_PRIVATE_MESSAGES}</h3>
                    {$CA_BLOCK2_START2}
                        <p class="pm-notify">
                            <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a>
                        </p>
                        <p class="pm-close">
                            <a href="#" onclick="$('#pm-notify').slideUp('normal'); return false;">{L_CLOSE_WINDOW}</a>
                        </p>
                    {$CA_BLOCK2_END}
                </div>
            <!-- ENDIF -->
        <!-- ENDIF -->

      <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
      <div id="message" class="rules">
         {$CA_BLOCK_START}
            <strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
         {$CA_BLOCK_END}
      </div>
      <!-- ENDIF -->

      <div id="content-start"></div>



And the common.css
Code: Select all
/* General Markup Styles
---------------------------------------- */
#jfusion * {
   /* Reset browsers default margin, padding and font sizes */
   margin: 0;
   padding: 0;
}
html #jfusion {
   font-size: 100%;
   /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
   height: 101%;
}
body #jfusion {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: Verdana, Helvetica, Arial, sans-serif;
   /*font-size: 62.5%;          This sets the default font size to be equivalent to 10px */
   font-size: 10px;
   margin: 0;
   padding: 0 10px 10px 10px;
}
body #jfusion.body-simple {
    padding: 0;
}
#jfusion h1 {
   /* Forum name */
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   margin-right: 200px;
   color: #000;
   margin-top: 15px;
   font-weight: bold;
   font-size: 2em;
}
#jfusion h2 {
   /* Forum header titles */
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-weight: normal;
   color: #3f3f3f;
   font-size: 2em;
   margin: 0.8em 0 0.2em 0;
}
#jfusion h2.solo {
   margin-bottom: 1em;
}
#jfusion h2.leftside {
    clear: none;
    margin-top: 0;
    padding-top: 0;
    float: left;
}
#jfusion h3 {
   /* Sub-headers (also used as post headers, but defined later) */
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-transform: uppercase;
   margin-bottom: 3px;
   padding-bottom: 2px;
   font-size: 1.05em;
   color: #989898;
   margin-top: 20px;
   background-position: bottom left;
   background-repeat: repeat-x;
}
#jfusion h4 {
   /* Forum and topic list titles */
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
   font-size: 1.3em;
}
#jfusion p {
   line-height: 1.3em;
   font-size: 1.1em;
   margin-bottom: 1.5em;
}
#jfusion img {
   border-width: 0;
}
#jfusion hr {
   border: 0 none #FFFFFF;
   border-top: 1px solid #CCCCCC;
   height: 1px;
   margin: 5px 0;
   display: block;
   clear: both;
}
#jfusion hr.dashed {
   border-top: 1px dashed #CCCCCC;
   margin: 10px 0;
}
#jfusion hr.divider {
   display: none;
}
#jfusion p.right {
   text-align: right;
}
/* Header/footer */
#jfusion p.top {
    display: inline;
    padding: 0;
    margin: 0;
    height: 0;
    overflow: hidden;
}
#jfusion #footer-clear { clear: both; }
#jfusion #global, #jfusion #content-left, #jfusion #header, #jfusion #header-left {
    background-position: top left;
}
#jfusion #content-right, #jfusion #header-right {
    background-position: top right;
}
#jfusion #content-left, #jfusion #content-right {
    background-repeat: repeat-y;
}
#jfusion #header {
    background-repeat: repeat-x;
}
#jfusion #header-left, #jfusion #header-right {
    background-repeat: no-repeat;
}
#jfusion #footer, #jfusion #footer span {
    clear: both;
    display: block;
    height: 6px;
    line-height: 6px;
    background-position: bottom left;
    background-repeat: repeat-x;
}
#jfusion #footer span {
    background-repeat: no-repeat;
}
#jfusion #footer span span {
    background-position: bottom right;
}
#jfusion #copyrights {
   text-align: center;
   padding: 5px;
   padding-bottom: 0;
   font-size: 10px;
   line-height: 1.4em;
}
#jfusion #copyrights a, #jfusion #copyrights a:visited {
   text-decoration: none;
}
#jfusion #copyrights a:hover, #jfusion #copyrights a:active {
   text-decoration: underline;
}
#jfusion #logo {
    clear: both;
    min-height: 20px;
    height: auto;
    text-align: center;
}
#jfusion #logo span {
   display: none;
}
/* Main blocks
---------------------------------------- */
#jfusion #simple-wrap {
   padding: 6px 10px;
}
#jfusion #page-body {
   margin: 5px 12px;
   clear: both;
}
#jfusion #page-footer {
   clear: both;
}
#jfusion #page-footer h3 {
   margin-top: 20px;
}
/* Search box
--------------------------------------------- */
#jfusion #search-box {
   margin-right: 15px;
   display: block;
   float: right;
   white-space: nowrap; /* For Opera */
   background-repeat: repeat-x;
}
#jfusion #search-box, #jfusion #search-box div {
   background-position: top left;
   height: 24px;
}
#jfusion #search-box div {
    background-repeat: no-repeat;
}
#jfusion #search-box div div {
    background-position: top right;
    padding-left: 20px;
    padding-right: 7px;
    overflow: hidden;
}
#jfusion #search-box input {
    border: solid 1px #000;
    font-size: 1em;
    cursor: text;
    margin-top: 2px;
}
#jfusion #search-box #keywords {
   width: 95px;
}
/* Site description and logo */
#jfusion #site-description {
   float: left;
   width: 70%;
}
#jfusion #site-description h1 {
   margin-right: 0;
}
/* Top navigation */
#jfusion #topnav {
   position: relative;
   margin-left: 15px;
   display: block;
   float: left;
   white-space: nowrap; /* For Opera */
   background-repeat: repeat-x;
}
#jfusion #topnav, #jfusion #topnav div {
   background-position: top left;
   height: 24px;
}
#jfusion #topnav div {
    background-repeat: no-repeat;
}
#jfusion #topnav div div {
    background-position: top right;
    padding-left: 10px;
    padding-right: 6px;
}
#jfusion #topnav ul.topnav {
    margin: 0;
    padding: 0;
}
#jfusion #topnav ul.topnav li {
    margin-top: 0;
    padding-top: 5px;
    line-height: 1em;
}
/* Horizontal lists
----------------------------------------*/
#jfusion ul.linklist {
   display: block;
   margin: 0;
}
#jfusion ul.linklist li {
   display: block;
   list-style-type: none;
   float: left;
   width: auto;
   margin-right: 5px;
   font-size: 1.1em;
   line-height: 2.2em;
}
#jfusion ul.linklist li.rightside, #jfusion p.rightside {
   float: right;
   margin-right: 0;
   margin-left: 5px;
   text-align: right;
}
#jfusion ul.navlinks {
   font-weight: bold;
}
#jfusion ul.navlinks li.rightside, #jfusion ul.navlinks li.leftside {
    font-size: 1em;
    font-weight: normal;
    padding-top: 1px;
    margin-left: 0;
    margin-right: 0;
}
#jfusion ul.leftside {
   float: left;
   margin-left: 0;
   margin-right: 5px;
   text-align: left;
}
#jfusion ul.rightside {
   float: right;
   margin-left: 5px;
   margin-right: 0;
   text-align: right;
}
/* Table styles
----------------------------------------*/
#jfusion table.table1 {
   /* See tweaks.css */
}
#jfusion #ucp-main table.table1 {
   padding: 2px;
}
#jfusion table.table1 thead th {
   font-weight: normal;
   text-transform: uppercase;
   color: #FFFFFF;
   line-height: 1.3em;
   font-size: 1em;
   padding: 2px 3px;
}
#jfusion table.table1 thead th span {
   padding-left: 7px;
}
#jfusion table.table1 tbody tr {
   border: 1px solid #cfcfcf;
}
#jfusion table.table1 tbody tr:hover, #jfusion table.table1 tbody tr.hover {
   color: #000;
}
#jfusion table.table1 td {
   color: #6a6a6a;
   font-size: 1.1em;
}
#jfusion table.table1 tbody td {
   padding: 5px;
   border-top: 1px solid #FAFAFA;
   border-bottom: 1px solid #FAFAFA;
}
#jfusion table.table1 tbody th {
   padding: 5px;
   border-bottom: 1px solid #000000;
   text-align: left;
   color: #333333;
}
/* Specific column styles */
#jfusion table.table1 .name { text-align: left; }
#jfusion table.table1 .posts { text-align: center !important; width: 7%; }
#jfusion table.table1 .joined { text-align: left; width: 15%; }
#jfusion table.table1 .active { text-align: left; width: 15%; }
#jfusion table.table1 .mark { text-align: center; width: 7%; }
#jfusion table.table1 .info { text-align: left; width: 30%; }
#jfusion table.table1 .info div { width: 100%; white-space: normal; overflow: hidden; }
#jfusion table.table1 .autocol { line-height: 2em; white-space: nowrap; }
#jfusion table.table1 thead .autocol { padding-left: 1em; }
#jfusion table.table1 span.rank-img {
   float: right;
   width: auto;
}
#jfusion table.info td {
   padding: 3px;
}
#jfusion table.info tbody th {
   padding: 3px;
   text-align: right;
   vertical-align: top;
   color: #000000;
   font-weight: normal;
}
#jfusion .forumbg table.table1 {
   margin: 0 -2px -1px -1px;
}
/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts
   Also see tweaks.css */
#jfusion .column1 {
   float: left;
   clear: left;
   width: 49%;
}
#jfusion .column2 {
   float: right;
   clear: right;
   width: 49%;
}
/* General classes for placing floating blocks */
#jfusion .left-box {
   float: left;
   width: auto;
   text-align: left;
}
#jfusion .right-box {
   float: right;
   width: auto;
   text-align: right;
}
#jfusion dl.details {
   /*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
   font-size: 1.1em;
}
#jfusion dl.details dt {
   float: left;
   clear: left;
   width: 30%;
   text-align: right;
   color: #000000;
   display: block;
}
#jfusion dl.details dd {
   margin-left: 0;
   padding-left: 5px;
   margin-bottom: 5px;
   color: #828282;
   float: left;
   width: 65%;
}
/* Pagination
---------------------------------------- */
#jfusion .pagination {
   height: 1%; /* IE tweak (holly hack) */
   width: auto;
   text-align: right;
   margin-top: 5px;
   float: right;
}
#jfusion .pagination span.page-sep {
   display: none;
}
#jfusion li.pagination {
   margin-top: 0;
}
#jfusion .pagination strong, #jfusion .pagination b {
   font-weight: normal;
}
#jfusion .pagination span strong {
   padding: 0 2px;
   margin: 0 2px;
   font-weight: normal;
   color: #FFFFFF;
   background-color: #bfbfbf;
   border: 1px solid #bfbfbf;
   font-size: 0.9em;
}
#jfusion .pagination span a, #jfusion .pagination span a:link, #jfusion .pagination span a:visited, #jfusion .pagination span a:active {
   font-weight: normal;
   text-decoration: none;
   color: #747474;
   margin: 0 2px;
   padding: 0 2px;
   background-color: #eeeeee;
   border: 1px solid #bababa;
   font-size: 0.9em;
   line-height: 1.5em;
}
#jfusion .pagination span a:hover {
   border-color: #d2d2d2;
   background-color: #d2d2d2;
   color: #FFF;
   text-decoration: none;
}
#jfusion .pagination img {
   vertical-align: middle;
}
/* Pagination in viewforum for multipage topics */
#jfusion .row .pagination {
   display: block;
   float: right;
   width: auto;
   margin-top: 0;
   padding: 1px 0 1px 15px;
   font-size: 0.9em;
   background: none 0 50% no-repeat;
}
/* Miscellaneous styles
---------------------------------------- */
#jfusion #forum-permissions {
   float: right;
   width: auto;
   padding-left: 5px;
   margin-left: 5px;
   margin-top: 10px;
   text-align: right;
}
#jfusion .copyright {
   padding: 5px;
   text-align: center;
   color: #555555;
}
#jfusion .small {
   font-size: 0.9em !important;
}
#jfusion .titlespace {
   margin-bottom: 15px;
}
#jfusion .headerspace {
   margin-top: 20px;
}
#jfusion .error {
   color: #bcbcbc;
   font-weight: bold;
   font-size: 1em;
}
#jfusion div.rules {
   color: #bcbcbc;
   margin: 10px 0;
   font-size: 1.1em;
}
#jfusion div.rules ul, #jfusion div.rules ol {
   margin-left: 20px;
}
#jfusion p.rules {
   padding: 5px;
}
#jfusion p.rules img {
   vertical-align: middle;
   padding-top: 5px;
}
#jfusion p.rules a {
   vertical-align: middle;
   clear: both;
}
#jfusion #top {
   position: absolute;
   top: -20px;
}
#jfusion .clear {
   display: block;
   clear: both;
   font-size: 1px;
   line-height: 1px;
   background: transparent;
}
/* PM notification */
#jfusion .pm-notify-unread {
    margin: 5px 0;
    text-align: center;
}
#jfusion .pm-notify-new {
    width: 500px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1;
    margin-top: -80px;
    margin-left: -250px;
    text-align: center;
    padding: 1px;
    border: solid 1px #000;
}
* html #jfusion .pm-notify-new {
    position: absolute;
    top: 50px;
    margin-top: 0;
}
#jfusion .pm-notify-new div {
    padding: 1px;
    border: solid 1px #000;
    background-position: top left;
    padding: 30px 0 40px;
}
#jfusion p.pm-notify {
    padding: 15px;
    padding-bottom: 5px;
    margin: 0;
    text-align: center;
}
#jfusion .pm-notify-new p.pm-notify {
    padding-top: 30px;
    padding-bottom: 20px;
}
#jfusion .pm-notify-new p.pm-notify a {
    text-decoration: none;
}
#jfusion p.pm-notify a, #jfusion .pm-notify-new p.pm-notify a:hover {
    text-decoration: underline;
}
#jfusion .pm-notify-new p.pm-notify a {
    font-size: 1.1em;
}
#jfusion p.pm-close {
    padding: 10px;
    margin: 0;
    text-align: center;
}
/* Navbar */
#jfusion #page-header {
    clear: both;
    margin: 0 12px;
    padding: 0;
    position: relative;
}
#jfusion .navbar {
    padding: 0;
    margin: 0;
    position: relative;
}
#jfusion .navbar ul.navlinks li {
    line-height: 1.4em;
}
#jfusion .navbar .block-inner {
    padding: 0 8px 0 3px;
}
#jfusion .navbar-top .block-inner {
    padding-left: 0;
}
#jfusion .navbar li.navbar-hidden {
    display: none;
}
#jfusion .navbar-has-hidden .navbar-top-fixed li.navbar-hidden {
    display: block;
}
#jfusion .navbar-has-hidden .navbar-top-fixed li.icon-home {
    font-weight: normal;
}
#jfusion .navbar-has-hidden .navbar-top-fixed .home-extra {
    display: none;
}
#jfusion .navbar-top-fixed .block-header, #jfusion .navbar-top-fixed .block-footer {
    display: none;
}
#jfusion .navbar-top-fixed .block-inner, #jfusion .navbar-top-fixed .block-content {
    padding: 0;
    background-image: none;
}
#jfusion .navbar-top-fixed {
}
#jfusion .navbar-top-fixed .block-inner {
    padding: 5px;
    padding-right: 10px;
    border: solid 2px #000;
    border-top-width: 0;
}
User avatar
icbm2000
JFusion Newbie
JFusion Newbie
 
Posts: 4
Joined: Thu Jul 19, 2012 11:38 pm
Top

Re: Forum is covering top menu in framless mode.

Postby icbm2000 on Sun Aug 05, 2012 2:59 pm

I dont want to lose the PHPBB forum header, just want to move it under the top menu. If I put a wrapper around it then it is in the correct position. But when I go frameless it moves to the top of the page. I sure there must be some sort of adjustment I can make to move it below the Top Menu.
User avatar
icbm2000
JFusion Newbie
JFusion Newbie
 
Posts: 4
Joined: Thu Jul 19, 2012 11:38 pm
Top
Post a reply

Return to phpBB 3

Who is online

Users browsing this forum: No registered users and 3 guests

EcommerceDownload
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
cron