Separator Images

A place for posting requests and information about images used in the menu.
Post Reply
marty
Site Admin
Posts: 116
Joined: Tue May 21, 2002 6:48 pm
Location: Birmingham, UK

Separator Images

Post by marty »

Separator images can make a huge difference to the style of your menu, their size and alignment are completely adjustable to compliment your design.

If you have any requests for particular separator images, post them here and we may just have what you're after.

Image

-Marty
marty
Site Admin
Posts: 116
Joined: Tue May 21, 2002 6:48 pm
Location: Birmingham, UK

Post by marty »

Cubes

Image
User avatar
rudy
Mega User
Mega User
Posts: 161
Joined: Thu Jan 15, 2004 11:39 pm
Location: Scottsdale, Arizona
Contact:

Post by rudy »

Any chance to see a URL with "Cubes" in action in a menu?
marty wrote:Cubes

Image
Rudy
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

Sure. Just save the image to your machine, then call its name as separatorimage="cube_sep.gif"; (or whatever you choose to call it).
John
User avatar
fredlongworthhighschool
Mega Advanced
Mega Advanced
Posts: 362
Joined: Fri Jun 27, 2003 11:34 am
Location: Manchester, England.
Contact:

Post by fredlongworthhighschool »

Hmmm. When I try that I get the image but really thin so you can only see the tops of the boxes.
Andy Davis
Web Designer & Smartboard Manager

Fred Longworth High School, Manchester, England.
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

Andy, does the image look OK in Fireworks or Photoshop (whatever), or is it just bad in the menu?
John
marty
Site Admin
Posts: 116
Joined: Tue May 21, 2002 6:48 pm
Location: Birmingham, UK

Post by marty »

I've used this image before in examples and it's fine, perhaps you just need to adjust the separatorheight?

-Marty
User avatar
fredlongworthhighschool
Mega Advanced
Mega Advanced
Posts: 362
Joined: Fri Jun 27, 2003 11:34 am
Location: Manchester, England.
Contact:

Post by fredlongworthhighschool »

I've tried up to a height of 80 but it doesn't seem to be making a difference.

Can you post a line of code which you've used?
Andy Davis
Web Designer & Smartboard Manager

Fred Longworth High School, Manchester, England.
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

80 may have been overkill, Andy, given it's only a 5px graphic.
John
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

Hmmm - scratch that. I can't get it to show at all...
John
marty
Site Admin
Posts: 116
Joined: Tue May 21, 2002 6:48 pm
Location: Birmingham, UK

Post by marty »

http://milonic.com/forumimages/test/cubes_menu

I think the separatorsize is 5 but don't quote me on that!

-Marty
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

It only seems to show in a vertical menu. If you decrease the size it cuts off part of the image, if you increase it, I tried 10, it doubled the image rather than increasing the image size.

Ruth
marty
Site Admin
Posts: 116
Joined: Tue May 21, 2002 6:48 pm
Location: Birmingham, UK

Post by marty »

Hi Ruth,

You'll need to use a vertical image for a horizontal menu as the menu isn't quite clever enough yet to change the orientation etc.

-Marty
marty
Site Admin
Posts: 116
Joined: Tue May 21, 2002 6:48 pm
Location: Birmingham, UK

Post by marty »

This one should do the trick, depending what sort of gap you want inbetween.

Image

-Marty
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

I still can't get it to show at all, and I don't really see anything different in our code. 5 is correct, Marty.

Thanks.
John
User avatar
fredlongworthhighschool
Mega Advanced
Mega Advanced
Posts: 362
Joined: Fri Jun 27, 2003 11:34 am
Location: Manchester, England.
Contact:

Post by fredlongworthhighschool »

What's not helping me is that we have just moved to a new intranet server and the changes aren't showing as quickly as they were before.

So, you make a change and don't see a difference, and end up changing it again before it's had time to activiate!
Andy Davis
Web Designer & Smartboard Manager

Fred Longworth High School, Manchester, England.
webdragon
Advanced
Advanced
Posts: 14
Joined: Thu Dec 23, 2004 11:47 pm

Separator Image not showing up

Post by webdragon »

Hi everyone, its me again!

This time I am stuck on putting a separator image in my menu.

When I put separatorimage=img_separator.gif then it doesn't display.

I have tried to mess around with the height and width settings but haven't had any luck. I even copyed it to the same folder as the menu, but nothing.

Please could you have a look and see if I'm doing something stupid?

Thanks!

This is one of the styles in my menu_data.js

Code: Select all


with(subNavStyle=new mm_style()){
onbgcolor="#F8F9FA";
oncolor="#3DC900";
offbgcolor="#FFFFFF";
offcolor="#0066B3";
separatorcolor="#DCDCDC";
separatorsize="1";
separatorwidth=190;
separatorheight=25;
separatorimage="img_separator.gif";
padding=2;
fontsize="10px";
fontweight="bold";
fontfamily="Verdana, Arial, Tahoma, Sans-Serif";
}
This is my submenufile:

Code: Select all

<script type="text/javascript">
								with(milonic=new menuname("mission")){
								style=subNavStyle;
								alwaysvisible=1;
								orientation="vertical";
								position="relative";
								aI("text=Mission Leadership;url=missionLeadership.asp;image=images/img_blueArrow.gif;overimage=images/img_greenArrow.gif;itemheight=30px;");
								aI("text=Behaviours;url=behaviours.asp;image=images/img_blueArrow_sub.gif;offcolor=#0066B3;offbgcolor=#FFFFFF;pagecolor=#E8710F;headerbgcolor=#FFFFFF;headercolor=#F8F9FA;pagecolor=#F8F9FA;itemheight=30px;");
								aI("text=Process;url=process.asp;image=images/img_blueArrow_sub.gif;offcolor=#0066B3;offbgcolor=#FFFFFF;pagecolor=#F8F9FA;headerbgcolor=FFFFFF;headercolor=#F8F9FA;pagecolor=#FFFFFF;itemwidth=190px;itemheight=30px;");
								aI("text=Performance;url=performance.asp;image=images/img_blueArrow_sub.gif;offcolor=#0066B3;offbgcolor=#FFFFFF;pagecolor=#F8F9FA;headerbgcolor=#F8F9FA;headercolor=#E8710F;pagecolor=#F8F9FA;itemwidth=190px;itemheight=30px;pageborder=1px dashed #ffffff;");
								}
								drawMenus(); // Then draw the second sub menu.
</script>
Post Reply