Menu in brilliance skin

[elferen1]

Hello,

I'm have a problem with my menu in the brilliancev1 skin. I want to delete the standard menu and create a dropdown menu. I already read many topics about drop down menus. But it always fails.

Can someone tell me how I delete the brilliance menu? I want to install a apycom.com menu.

The readme tells me that i've to insert this code into the headsection. (If I'm right that should be inserted in the "layout.tpl"

	<link type="text/css" href="menu.css" rel="stylesheet" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="menu.js"></script>

and then insert this in the "Core_navigation.tpl"

	<div id="menu">
	<ul class="menu">
		<li><a href="#" class="parent"><span>Home</span></a>
			<div><ul>
				<li><a href="#" class="parent"><span>Sub Item 1</span></a>
					<div><ul>
						<li><a href="#" class="parent"><span>Sub Item 1.1</span></a>
							<div><ul>
							<li><a href="#"><span>Sub Item 1.1.1</span></a></li>
							<li><a href="#"><span>Sub Item 1.1.2</span></a></li>
							</ul></div>
						</li>
						<li><a href="#"><span>Sub Item 1.2</span></a></li>
						<li><a href="#"><span>Sub Item 1.3</span></a></li>
						<li><a href="#"><span>Sub Item 1.4</span></a></li>
						<li><a href="#"><span>Sub Item 1.5</span></a></li>
						<li><a href="#"><span>Sub Item 1.6</span></a></li>
						<li><a href="#" class="parent"><span>Sub Item 1.7</span></a>
							<div><ul>
							<li><a href="#"><span>Sub Item 1.7.1</span></a></li>
							<li><a href="#"><span>Sub Item 1.7.2</span></a></li>
							</ul></div>
						</li>
					</ul></div>
				</li>
				<li><a href="#"><span>Sub Item 2</span></a></li>
				<li><a href="#"><span>Sub Item 3</span></a></li>
			</ul></div>
		</li>
		<li><a href="#"><span>Product Info</span></a>
			<div><ul>
				<li><a href="#" class="parent"><span>Sub Item 1</span></a>
					<div><ul>
					<li><a href="#"><span>Sub Item 1.1</span></a></li>
					<li><a href="#"><span>Sub Item 1.2</span></a></li>
					</ul></div>
				</li>
				<li><a href="#" class="parent"><span>Sub Item 2</span></a>
					<div><ul>
					<li><a href="#"><span>Sub Item 2.1</span></a></li>
					<li><a href="#"><span>Sub Item 2.2</span></a></li>
					</ul></div>
				</li>
				<li><a href="#"><span>Sub Item 3</span></a></li>
				<li><a href="#"><span>Sub Item 4</span></a></li>
				<li><a href="#"><span>Sub Item 5</span></a></li>
				<li><a href="#"><span>Sub Item 6</span></a></li>
				<li><a href="#"><span>Sub Item 7</span></a></li>
			</ul></div>
		</li>
		<li><a href="#"><span>Help</span></a></li>
		<li class="last"><a href="#"><span>Contacts</span></a></li>
	</ul>
</div>

Can someone help me out?

Thank you!

[mseiwald]

My Menu also didn't work in the core_navigation.tpl so i added the Code for my menu directly to the layout.tpl! From here it Works with no problem

[Jeff]

Exactly what I did on my menu as well.

[elferen1]

When I try to add this part to the header:

	<link type="text/css" href="menu.css" rel="stylesheet" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="menu.js"></script>
</head>

and this part between 'menu starts' and 'menu ends'

<!-- Menu Starts -->
<div id="menu">
	<ul class="menu">
		<li><a href="#" class="parent"><span>Home</span></a>
			<div><ul>
				<li><a href="#" class="parent"><span>Sub Item 1</span></a>
					<div><ul>
						<li><a href="#" class="parent"><span>Sub Item 1.1</span></a>
							<div><ul>
							<li><a href="#"><span>Sub Item 1.1.1</span></a></li>
							<li><a href="#"><span>Sub Item 1.1.2</span></a></li>
							</ul></div>
						</li>
						<li><a href="#"><span>Sub Item 1.2</span></a></li>
						<li><a href="#"><span>Sub Item 1.3</span></a></li>
						<li><a href="#"><span>Sub Item 1.4</span></a></li>
						<li><a href="#"><span>Sub Item 1.5</span></a></li>
						<li><a href="#"><span>Sub Item 1.6</span></a></li>
						<li><a href="#" class="parent"><span>Sub Item 1.7</span></a>
							<div><ul>
							<li><a href="#"><span>Sub Item 1.7.1</span></a></li>
							<li><a href="#"><span>Sub Item 1.7.2</span></a></li>
							</ul></div>
						</li>
					</ul></div>
				</li>
				<li><a href="#"><span>Sub Item 2</span></a></li>
				<li><a href="#"><span>Sub Item 3</span></a></li>
			</ul></div>
		</li>
		<li><a href="#"><span>Product Info</span></a>
			<div><ul>
				<li><a href="#" class="parent"><span>Sub Item 1</span></a>
					<div><ul>
					<li><a href="#"><span>Sub Item 1.1</span></a></li>
					<li><a href="#"><span>Sub Item 1.2</span></a></li>
					</ul></div>
				</li>
				<li><a href="#" class="parent"><span>Sub Item 2</span></a>
					<div><ul>
					<li><a href="#"><span>Sub Item 2.1</span></a></li>
					<li><a href="#"><span>Sub Item 2.2</span></a></li>
					</ul></div>
				</li>
				<li><a href="#"><span>Sub Item 3</span></a></li>
				<li><a href="#"><span>Sub Item 4</span></a></li>
				<li><a href="#"><span>Sub Item 5</span></a></li>
				<li><a href="#"><span>Sub Item 6</span></a></li>
				<li><a href="#"><span>Sub Item 7</span></a></li>
			</ul></div>
		</li>
		<li><a href="#"><span>Help</span></a></li>
		<li class="last"><a href="#"><span>Contacts</span></a></li>
	</ul>
</div>
<!-- Menu Ends -->

Then it looks like this:

http://screenshooter.net/9948368/thhgknr

[Jeff]

You need to link to the files. You cannot just paste this:

 <link type="text/css" href="menu.css" rel="stylesheet" />
       <script type="text/javascript" src="jquery.js"></script>
       <script type="text/javascript" src="menu.js"></script>

You have to paste it like this:

 <link type="text/css" href="http://www.yoursite.com/path to menu.css" rel="stylesheet" />
       <script type="text/javascript" src="http://www.yoursite.com/path to jquery.js"></script>
       <script type="text/javascript" src="http://www.yoursite.com/path to menu.js"></script>

[TAV1702]

I have Brilliance and have had no issues at all putting a drop down in it. But yeah I agree you cant just paste, you need to make sure everything is linked. I got mine to work the first try.