[ABD] Buttons menu MOD 2.3.0 + subsilver2

[Jessica]

You have to manually update. You can't use Automod to update.

[Stuffed]

You have to manually update. You can't use Automod to update.

Well, that's a no go aswell.. I try running the .php but no luck. Just says it can't be found, but I'm 100% sure the path is correct. I tried with install folder and without.

[aduh]

Is there any chance to get this great mod as an extension for phpBB 3.1.x ?

[Jessica]

Is there any chance to get this great mod as an extension for phpBB 3.1.x ?

You'll have to wait for someone to develop an extension..there isn't one yet.

[aduh]

Is there any chance to get this great mod as an extension for phpBB 3.1.x ?

You'll have to wait for someone to develop an extension..there isn't one yet.

OK. Hope there will be as its great addition to our forum.

[Lumpy Burgertushie]

it is a very simple matter to add a menu like that manually. you won't have the control from the admin panel that the MOD gives you, but once you set up your menu that is likely not going to be an issue.

robert

[aduh]

it is a very simple matter to add a menu like that manually. you won't have the control from the admin panel that the MOD gives you, but once you set up your menu that is likely not going to be an issue.

robert

If I knew how to ... Could you share some example code ?

[Lumpy Burgertushie]

hi, apparently not as quick and easy as I thought to reproduce this exact MOD but I am working on some instructions for you.

robert

[aduh]

hi, apparently not as quick and easy as I thought to reproduce this exact MOD but I am working on some instructions for you.

robert

thanks

[Lumpy Burgertushie]

Ok, here is that menu I promised for prosilver 3.1 RC4

open overall_header.html
find:

Code: Select all

		<!-- INCLUDE navbar_header.html -->

on a new line above that, add:

Code: Select all

<!-- INCLUDE menubar.html -->

save the following into a text file and name it menubar.html
save it to your prosilver/template folder

Code: Select all

<style type="text/css">
<!--
/*------------------------------------*\
	NAV
\*------------------------------------*/

.menubar {
	background: transparent none repeat-x 0 0;
	height: 25px;
	margin-bottom: 4px;
	padding: 5px;
	border-radius: 0px 0px 7px 7px;
	background-color: #12A3EB;
	background-image: url("./images/bg_header.gif");
	color: #FFFFFF;
}

#menunav{
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed. */
	position:relative;
	z-index:5;
	
}
#menunav li{
	float:left;
	margin-right:10px;
	position:relative;
}
#menunav a{
	display:block;
	padding:5px;
	color:#fff;
	
	text-decoration:none;
}
#menunav a:hover{
	color:#fff;
	background:#12A3EB;
	text-decoration:underline;
}

/*--- DROPDOWN ---*/
#menunav ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#menunav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#menunav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#menunav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#menunav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#12A3EB;
	text-decoration:underline;
}
#menunav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#menunav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#333;
}



-->
</style>


<div class="menubar">

<ul id="menunav">
		<li>
			<a href="#" title="Return home">Home</a>

		</li>
		<li>
			<a href="#" title="About the company">About</a>
			<ul>
				<li><a href="#">The product</a></li>
				<li><a href="#">Meet the team</a></li>
			</ul>

		</li>
		<li>
			<a href="#" title="The services we offer">Services</a>
			<ul>
				<li><a href="#">Sevice one</a></li>
				<li><a href="#">Sevice two</a></li>
				<li><a href="#">Sevice three</a></li>

				<li><a href="#">Sevice four</a></li>
			</ul>
		</li>
		<li>
			<a href="#" title="Our product range">Product</a>
			<ul>
				<li><a href="#">Small product (one)</a></li>

				<li><a href="#">Small product (two)</a></li>
				<li><a href="#">Small product (three)</a></li>
				<li><a href="#">Small product (four)</a></li>
				<li><a href="#">Big product (five)</a></li>
				<li><a href="#">Big product (six)</a></li>
				<li><a href="#">Big product (seven)</a></li>

				<li><a href="#">Big product (eight)</a></li>
				<li><a href="#">Enourmous product (nine)</a></li>
				<li><a href="#">Enourmous product (ten)</a></li>
				<li><a href="#">Enourmous product (eleven)</a></li>
			</ul>
		</li>
		<li>

			<a href="#" title="Get in touch with us">Contact</a>
			<ul>
				<li><a href="#">Out-of-hours</a></li>
				<li><a href="#">Directions</a></li>
			</ul>
		</li>
	</ul>

</div>

you can open that menubar.html file in your text editor and edit the menu items as you need.
EDIT: I left out one edit to the phpbb css file.
open: prosilver/theme/common.css

find:

Code: Select all

.headerbar {
	background: transparent none repeat-x 0 0;
	margin-bottom: 1px;
	padding: 5px;
	border-radius: 7px;
}

change the border radius to:

Code: Select all

border-radius: 7px 7px 0px 0px;

save and upload back to the server.

by the way, you will have to purge the cache in the styles section after you make these changes and probably refresh your browser as well.

luck,
robert

[aduh]

Thank you Robert.
I will use that when I will migrate to 3.1 and start works on new style

[Lumpy Burgertushie]

Thank you Robert.
I will use that when I will migrate to 3.1 and start works on new style

great, keep in mind that it is for prosilver. if your style is different you will have to adjust things for your style.

luck,
robert

[aduh]

Thank you Robert.
I will use that when I will migrate to 3.1 and start works on new style

great, keep in mind that it is for prosilver. if your style is different you will have to adjust things for your style.

luck,
robert

of course, Im not such noob
I will post here when it will be done.
Thank you again for your work at this code and your time.

[bubban]

Hey Kamahl, does your mod work with the Alpha style? I can't seem to get it to work. Thanks for any advice you might have

[Kamahl19]

ACP part of this MOD works for any style, however frontend part works well only on prosilver based styles which dont have heavily modified header. You can ask style author or whoever to custimize the frontend part of this mod for any style. I dont know Alpha so I have no idea