Menubar to Subsilver2 Header

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Scam Warning
Locked
mark250gp
Registered User
Posts: 35
Joined: Fri Mar 28, 2014 4:36 am

Menubar to Subsilver2 Header

Post by mark250gp » Mon Jun 16, 2014 7:13 am

Hi there,

I want to add a menu bar to subsilver2's header on PHPBB 3.012

The menu is created and uploaded to the theme folder and I've got it where I want in overall_header but I need to know where to put the code in stylesheet.css

This is my menu code (menu.css):

Code: Select all

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu {
  width: auto;
  font-family: Helvetica, Arial, sans-serif;
  color: #ffffff;
}
#cssmenu.align-right ul li {
  float: right;
  border-right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.22);
}
#cssmenu.align-right ul li a {
  border-right: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}
#cssmenu ul {
  background: #222222;
  /* Old browsers */

  background: -moz-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: -webkit-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: -o-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: -ms-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: linear-gradient(to top, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
}
#cssmenu:after,
#cssmenu ul:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu ul li {
  float: left;
  display: block;
  border-right: 1px solid rgba(0, 0, 0, 0.22);
  z-index: 1;
}
#cssmenu ul li::after {
  content: '';
  width: 100%;
  height: 8px;
  position: absolute;
  border-top-left-radius: 50% 4px;
  border-top-right-radius: 50% 4px;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  z-index: 2;
  bottom: 10px;
}
#cssmenu ul li a {
  display: block;
  padding: 10px 30px;
  text-decoration: none;
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  z-index: 3;
}
#cssmenu ul li a:hover,
#cssmenu ul li.active a {
  color: #ffffff;
}
#cssmenu ul li:hover,
#cssmenu ul li.active {
  background: #1275ae;
  /* Old browsers */

  background: -moz-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
  background: -webkit-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
  background: -o-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
  background: -ms-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
  background: linear-gradient(to top, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
}
#cssmenu ul li:hover::after,
#cssmenu ul li.active::after {
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}

This is the HTML which is in overall_header:

Code: Select all

<div id='cssmenu'>
<ul>
   <li><a href='http://www.moto101.co.za'><span>Home</span></a></li>
   <li><a href='http://www.moto101.co.za'><span>Moto101 - Dirt Forum</span></a></li>
   <li><a href='http://www.moto101.co.za/street'><span>Moto101 - Street Forum</span></a></li>
   <li class='last'><a href='http://www.moto101.co.za/classifieds'><span>Moto101 - Classifieds</span></a></li>
</ul>
</div>	
Now as far as I know there needs to be a call to this in stylesheet.css and that's what I'm battling with.

Code: Select all

@import url("menu.css");
Is that code correct? Where does it go in Stylesheet?

The menu is displaying in my header but only as text links.

http://sub.moto101.co.za/forum

Thanks,

User avatar
Татьяна5
Registered User
Posts: 138
Joined: Wed Feb 13, 2013 5:30 pm
Name: Tatiana

Re: Menubar to Subsilver2 Header

Post by Татьяна5 » Mon Jun 16, 2014 7:23 am

styles/your_style/theme/theme.cfg
Find

Code: Select all

parse_css_file = off
Replace with

Code: Select all

parse_css_file = on
And code

Code: Select all

@import url("menu.css");
will be correct.
You can add code at the end of the stylesheet.css

mark250gp
Registered User
Posts: 35
Joined: Fri Mar 28, 2014 4:36 am

Re: Menubar to Subsilver2 Header

Post by mark250gp » Mon Jun 16, 2014 9:53 am

Thanks,

I tried that but now I just get an error.

This is where the menu is in overall_header:

Code: Select all

</script>

<!-- INCLUDE ads/ads.js -->



<!-- INCLUDE oa_social_login_library.html -->
<link rel="shortcut icon" href="/favicon.ico">

<!-- INCLUDE mods/reimg_content.html -->
</head>
<body class="{S_CONTENT_DIRECTION}">

<a name="top"></a>
<div id='cssmenu'>
<ul>
   <li><a href='http://www.moto101.co.za'><span>Moto101 Home</span></a></li>
   <li><a href='http://www.moto101.co.za'><span>Moto101 Dirt Forum</span></a></li>
   <li><a href='http://www.moto101.co.za/street'><span>Moto101 Street Forum</span></a></li>
   <li class='last'><a href='http://sub.moto101.co.za/classifieds'><span>Moto101 Classifieds</span></a></li>
</ul>
</div>
<div id="wrapheader">
	<!-- IF ADS_1 -->{ADS_1}<br /><!-- ENDIF -->

<div id="logodesc">
<div align="center">
<table width="100%">
And this is the error I get:

General Error
template->_tpl_load_file(): File ./styles/subsilver2/template/oa_social_login_library.html does not exist or is empty

BACKTRACE

FILE: (not given by php)
LINE: (not given by php)
CALL: msg_handler()

FILE: [ROOT]/includes/functions_template.php
LINE: 63
CALL: trigger_error()

FILE: [ROOT]/includes/template.php
LINE: 437
CALL: template_compile->_tpl_load_file()

User avatar
Татьяна5
Registered User
Posts: 138
Joined: Wed Feb 13, 2013 5:30 pm
Name: Tatiana

Re: Menubar to Subsilver2 Header

Post by Татьяна5 » Mon Jun 16, 2014 10:05 am

Code: Select all

./styles/subsilver2/template/oa_social_login_library.html
Is this file exist on the server?
If exist, ACP - Styles - Templates - Refresh
If not exist, search from any mod this file, and download the file from the mod. In the menu calling this file is not present

mark250gp
Registered User
Posts: 35
Joined: Fri Mar 28, 2014 4:36 am

Re: Menubar to Subsilver2 Header

Post by mark250gp » Mon Jun 16, 2014 10:11 am

I must of deleted that file by mistake. I've re-uploaded it but now my forum just loads a blank page so I cant access the ACP to refresh.

User avatar
Татьяна5
Registered User
Posts: 138
Joined: Wed Feb 13, 2013 5:30 pm
Name: Tatiana

Re: Menubar to Subsilver2 Header

Post by Татьяна5 » Mon Jun 16, 2014 10:16 am

Remove all files in the folder cache, except .htaccess and index.htm

mark250gp
Registered User
Posts: 35
Joined: Fri Mar 28, 2014 4:36 am

Re: Menubar to Subsilver2 Header

Post by mark250gp » Mon Jun 16, 2014 10:23 am

Thanks so much Tatiana,

All working now :)

Locked

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