xmenu system...

[Yaa 101]

Not long ago i made a menusystem into a hack for my board.

I want to share this hack.

Before downloading and using it have a look on a working system.
I have to find some ways to lure people to my board :D:D:D ;)

http://forums.knowledge-emporium.com

All info and instructions you can find in the attached zipfile ( 9k ) that you can download.

This hack is a Intermediate - Expert level hack.
My tip is to try it first on a test style.

Have fun with it,
Yaa101


IMPORTANT! change in package: included the 3 pics that are used.
Also changed the description to this fact.

My excuses to the persons missing these files.

[Dade]

Nice hack, I'm gonna try it out on my test board :)

[Thomas P]

Hi,

yery nice menu, really slick,
I'll give it a try the next update,
thx a bunch for sharing,
-Tom

[Martz]

Great hack, works well. :)

[Yaa 101]

:)

[Lesane]

Something wich i can add in my new style, thanks. :up:

[Martz]

You can see it running if you go my my forums (http://forums.utassault.net) and select the grey style from the drop down list on the right hand side.

I just need some menu items to put in there now :)

[Yaa 101]

Looks good...

btw... busy board you got, :little envy: , lol...

You should check out the website of the creators of the menu.

The address is in the source...

[Yaa 101]

I changed the package a little to include the 3 missing pics.

Sorry Martz and others for the extra work.

[Martz]

Its ok, I bodged it my renaming a few images and putting them in the right place :)

Good work.

[Floris]

First of all; change your url to: http://forums.knowledge-emporium.com/index.php?s= because your link is broken :)

Second of all; way cool :) This is really supahfly looking.

Third of all; which browsers does this work on? Looks fly on IE6 and mozilla 0.9.* and opera6 doesn't align it properly (to the top) and no transparency. I am not sure about netscrape, because (as usual) it crashed.

Fourth of all; way cool :p hehehe

[Yaa 101]

Like you say, Netscape 6.2 renders it little off page... lol...
and 4.x crap does not even load the page...


thanks for telling about the url... :) bedankt... lol...

[christina]

As an FYI, it doesn't work at all using IE 5.1.3 on Mac OS 10.1.2. Might not be as many Mac users as Windows ones, but... Can't help it if I like Macs, and annoying to run to the PC.

Christina

[Yaa 101]

Sorry but i can't help you with that, but do agree.
Don't you think it's sad that IE for windows is different from it's MAC counterpart.

A remote tip: i see you run Darwin ( OS 10+ ) you can run a ported xwindows and linux capabilities on Darwin.
I use KDE window system for my xwindows in linux.
They come with a good solid ( slow in some area's still ) Browser called Konqueror.

If all manufacturers would build a good DOM from a html ( generated or not ) file that enters the browser from a remote host.

This would save us programmers a lot of trouble and headaches.

lol...

On the other hand, there would be less jobs around, long live imperfection...

lol...

[afterlab]

Great hack. I will look into using it on my new Forums build, FFR Overdrive X.

[cyrus]

very nice, wouldve added it if it was compatible with all major browsers in Windows ... its isnt so I think Ill give it a miss ;)

[sleepbirdcyp]

why my forum can not display the images

the images path is http://wwww.xxxx.com/xxxx/imagesarrow.down.png


there's no "/" between images and arrow.down.png

so how can i change to
http://wwww.xxxx.com/xxxx/images/arrow.down.png


THX :china:

[Yaa 101]

by putting the / ( slash ) behind the url you filled in as pointer to your images directory, this is done on your style page in the section imagepaths as it reads out that value.

you can alternatively change the setting in the xmenu_menudef template.

In the last part of that template the path is defined by the following line:

webfxMenuImagePath = "{imagesfolder }"; //points to your styles imagesfolder

without the space between r and } I did that because it even renders in here... lol... it returns the path to this boards image forlder.

-------------------------------------------------------------------------------
CALL TO DEVELOPERS!!
-------------------------------------------------------------------------------
Bug? I thought these replacement variables only work behind the scenes?
Isn't this a major security breach if we all can run replacement variables in here?

-------------------------------------------------------------------------------

you can hardcode the part after = to your url but i wouldn't recommend that.

just put a trailing slash to the imagefolder path entry on your style modification page and it should work.

Bas.

[Reno of Shinra]

Nice hack.

I'm still trying to fiddle around with it a bit more, but I love the transsparency effect (Can you believe I just had a regular dhtml one almost up and ready when a friend of mines shows me this link which undos all my work).

I am currently trying to get the text link (the one where you click to bring up the menu) to become graphicaly but with no success yet

as far as I know, there is one error inside your instructions

in the 3rd template (xmenu_menudef) near the bottom

<!-- actual xmenu display -->
<script type="text/javascript">
var ua = navigator.userAgent;
var opera = /opera [56789]|opera\/[56789]/i.test(ua);
var ie = !opera && /msie [56789]/i.test(ua);
var moz = !opera && /mozilla\/[56789]/i.test(ua);
if (ie || moz || opera) {
if (ie)
simplifyCSSExpression();
webfxMenuImagePath = "https://vborg.vbsupport.ru/images"; //points to your styles imagesfolder
document.write(webfxMenuBar);
}
</script>

webfxMenuImagePath = "https://vborg.vbsupport.ru/images"; is missing a slash, so it should be

webfxMenuImagePath = "https://vborg.vbsupport.ru/images/";

Of course it could be that I am using version 2.0.3 right now, becuase I also ran into a problem in modifying the global.php file

eval("\$xmenustyle = \"".gettemplate('xmenu_menustyle')."\";");
eval("\$headinclude = \"".gettemplate('headinclude')."\";");

eval("\$xmenucssexpr = \"".gettemplate('xmenu_cssexpr')."\";");
eval("\$xmenucode = \"".gettemplate('xmenu_menucode')."\";");
eval("\$xmenudef = \"".gettemplate('xmenu_menudef')."\";");
eval("\$header .= \"".gettemplate('header')."\";");

That last line that you have to add, is not needed, otherwise it will mess up the header by making it show up twice. Looking at the newer VB 2.2 shows that i might not get this error, but this is a extra instruction for those other users still using 2.0.3

If anyone can figure out how to turn the text links (the one you push down to call the menu up) into graphics, I would be very happy

http://www.shinraonline.com

[Reno of Shinra]

whoops didn't see your post up there

sorry!

=b

[Yaa 101]

It was the purpose of this menusystem ( not made by me, i only made the hack ) is to have a great graphical look without graphics.

The main engine turns textlinks with the help of CSS into a nice menusystem.

The best shot to make graphics is to link them in using the same CSS instructions that are used to render this.

instead of defining a color as background you could link in a pic like this:

.webfx-menu-bar {
background: url(etc/etc.jpg);
}

You can find this in xmenu_menustyle template.

[sleepbirdcyp]

All Done

THX Man

Great hack!!!

[DrkFusion]

I have two desings. And want to add xmenu only to my vbportal pages. How can i do this.
Tried to add some codes wich came with the file to my frontpageheader but it doesnt work!
There is no global.php on vbportal so i dont know where to add lines i added while i was
trying this menu on vbulletin! Could i have some help please!

[Yaa 101]

I am not a expert on vb and don't know vbportal's code

put the evals as early as posible in vbportal.php if there is such a thing.

and include $xmenustyle
in a template whithin <style></style> tags

the other 3 vars:

<!-- toplinks -->
$xmenucssexpr
$xmenucode
$xmenudef
<!-- /toplinks -->


can be put anywhere actualy as long as the templates they represent are evalled in a php file and the style var is placed in a style area...


I suggest you make a test style on your board and go experiment...

Sorry i cannot help you more...

Bassie.

[psico]

works on 2.2.5??

[Yaa 101]

See the proove... ;)

This hack is not version specific...

http://forums.knowledge-emporium.com/index.php

[Birdie501]

Hi,

i installed this menu. But i have some difficulties. If I take a look to my site the menu is not shown. If i use another Computer i can see it!! I use WinXP with IE 6.0.
I just thought it is because there is something wrong with my browser but i also went to your homepage where the menu is in use and it works just fine?

Any ideas?

Thanks.

[Yaa 101]

Please be more specific...

what puters, what browsers etc...

And can i take a look?

[Birdie501]

Hi,

sorry it is only offline. But as i told you, i can see the menu on your site without any problems. If i call my page there is nothing to see!?
but if i use another PC with IE 5.5 and Win2000 i can see it? Wonder.

I use internet Explorer 6.0.2600 and Win XP Professional.

Sorry what is meant by "puters"??

[Yaa 101]

puters is just short for "Computers".

Things aint easier when i have non at all view of what is happening...

Also i have no complaints that it does not work under IE 6.

I did not check XP - IE6 only 2k with IE 6...

On what server do you run your offline board?
I run my VB on a Apache webserver with PHP and mySQL.

I don't think i can help you with incompatibilities concerning windows...

[Yaa 101]

Oh yes,

I don't think i can be made resposible for the idiot situation that has been created by the various browser companies concerning the incompatibilities in reference to the W3C standard.

Can you send me some snapshots of your screen? and code-templates you changed?

[Birdie501]

did you make something different to your board, because i can see it there? Could it be that there is a problem with my server? i use nusphere?

[Yaa 101]

No my board is made exactly like things were explaned in the hack...

I hope it's not your webserver...
Though i advice you anyway to get the windows port of Apache...
It's not that dificult to install, it runs mostly out of the box, you only need to change the httpd.conf to make it run with PHP.

Get the 1.3.xx versions as the 2.xx version does not work yet with PHP.

[Birdie501]

Hi,

i found that it shows the menu if i am not logged in.!!!

i have a style default and a style in my language called deutsch.

in the options i set up that the default template uses the deutsch one.

the templates of the menu are only in deutsch style.

Where is my error?

Thanks!

[Yaa 101]

Sounding from this, you only have put the menu in 1 style...

This menu needs to be defined in all styles...

Thus 2 styles means adding 6 templates 3 in each.
And changing header and headinclude in each...

Only the part in the PHP is changed 1 time.

I hope you are on the right track now...

Bassie.

[Birdie501]

mmmh,

i copied the templates to the default style but it is still not shown?????

Any idea? :(

[Birdie501]

Originally posted by Yaa 101
Sounding from this, you only have put the menu in 1 style...

This menu needs to be defined in all styles...

Thus 2 styles means adding 6 templates 3 in each.
And changing header and headinclude in each...

Only the part in the PHP is changed 1 time.

I hope you are on the right track now...

Bassie.

why 6 templates?
there are 4 templates + headinclude + header = 6
but you wrote 6 + header and headinclude?

[Yaa 101]

wrong of me... there are 4 templates you need to add to EACH of your current styles...

these are called:

xmenu_cssexpr
xmenu_menucode
xmenu_menudef
xmenu_menustyle

then in EACH style you find the header and headinclude templates, you need to change all.

2 times put

<!-- toplinks -->
$xmenucssexpr
$xmenucode
$xmenudef
<!-- /toplinks -->

inside EACH of the 2 "header" templates (each one in each style)

and 2 times put

$xmenustyle

just before the closing </STYLE> tag inside EACH "headinclude" template of each style

This means you have 2 styles thus 2 x 4 addings = 8 addings , 4 in each style.

Then in 2 styles you change both header and headinclude thus changing 4 templates.

[Birdie501]

well i think this is easy! isnn't it? :-) But it doesn't work. No i deleted one style so there is only one left!

but now it still only show the menur when you are logged out!
Could there be problems with other hacks?

[Yaa 101]

It can but that would be if your hacks involve global.php

in there the eveluation of the templates take place...

can you put on the code or send it to me?

better yet, can you send me your global.php, and the header and headinclude templates?

Often we think we did all right but are to long busy with things to see the real thing going on...

You can reach me here: yaa_at_euronet_dot_nl (yaa@euronet.nl)
I think it also talks more easy...

Bassie.

[Birdie501]

ok we found the error thanks to Yaa 101!!!

Another question for all:

How can i implement this hack into the code of this xmenu?
https://vborg.vbsupport.ru/showthread.php?s=&postid=249919

Thanks!

[Birdie501]

ok,

i found an easy way to change the things i wanted.

If someone is interested please write.

:laugh:

[Yaa 101]

can i ask what was wrong?

you know my addy... :)

[dimitr|]

Like this hack a lot. One thing I was wondering was how to make it so a link on the menu opens a new browser window. Also, how can the menus be made to come up with a mouseover instead of a click? sorry, but I know nothing about javascript. :)

[Birdie501]

Originally posted by Yaa 101
can i ask what was wrong?

you know my addy... :)

on which problem do you refer?

[Yaa 101]

How can i implement this hack into the code of this xmenu?
https://vborg.vbsupport.ru/show...=&postid=249919

Thanks!


this one?

[Birdie501]

ahh ok;

I already installed the vbpopup hack. Together with this i have the following code in global.php


if ($bbuserinfo['userid']==0) {


//new menu if user is not logged in
eval("\$xmenustyle = \"".gettemplate('xmenu_menustyle')."\";");
eval("\$headinclude = \"".gettemplate('headinclude')."\";");

eval("\$xmenucssexpr = \"".gettemplate('xmenu_cssexpr')."\";");
eval("\$xmenucode = \"".gettemplate('xmenu_menucode')."\";");
eval("\$xmenudef = \"".gettemplate('xmenu_menudef2')."\";");
eval("\$header .= \"".gettemplate('header')."\";");
// End Xmenu

eval("\$vbpopup .= \"".gettemplate('vbpopup')."\";");
eval("\$footer .= \"".gettemplate('footer')."\";");


} else {

//new menu if user is logged in
eval("\$xmenustyle = \"".gettemplate('xmenu_menustyle')."\";");
eval("\$headinclude = \"".gettemplate('headinclude')."\";");

eval("\$xmenucssexpr = \"".gettemplate('xmenu_cssexpr')."\";");
eval("\$xmenucode = \"".gettemplate('xmenu_menucode')."\";");
eval("\$xmenudef = \"".gettemplate('xmenu_menudef')."\";");
eval("\$header .= \"".gettemplate('header')."\";");
// End xmenu
eval("\$footer .= \"".gettemplate('footer')."\";");
}


Then i just copied the template xmenu_menudef and renamend to xmenu_menudef2 and changed the menu content for users that are not logged in.

That's all.

[Yaa 101]

Thanks... just curious... :)

to Dimitri:

I am sorry i did not write the menu, only packaged it into a hack.
Check the original makers... http://webfx.eae.net
I checked the source and what you want means a re-write of some parts, sorry i am not going to invest in that...

[dimitr|]

Yuck, well if that's the case I won't bother either. :hurt:

[Yaa 101]

I don't think i'm alowed to change their source...

Also as i didn't write it, it takes a while before i get the hange of their code.

i just repackaged it to suit my board, and i just shared it and even gave some help as you can see when reading from start.

maybe i will put another one in due time...

sorry for now...

[Keyser S?ze]

can i have this hack installed but just use it on one style and not the others? thanks

[dimitr|]

Technically, yes. I think. :)

[Keyser S?ze]

yea it can, works great,



damn im wrestleing with a monster error here, the whole thing wont show up now, cuz i changed some stuff :p

sigh, anyone really good at this want to help me out? AIM- Ice0wnzj00


thanks

-edit-

i changed the "Contact" thing to this, and thats whats causing the menu not to show up,, can anyone tell me what i have wrong




var webfxContactMenu = new WebFXMenu;
webfxContactMenu.left = 359;
webfxContactMenu.top = 86;
webfxContactMenu.width = 100;

webfxContactMenu_9.add(new WebFXMenuItem("Webmaster email", "mailto:mailto:forum@emusanet.com"));

var webfxContactMenu_10 = new WebFXMenu;
webfxContactMenu_10.width = 120;
webfxForumMenu.add(new WebFXMenuItem("Admins", null, "", webfxContactMenu_10", ""));

var webfxContactMenu_11 = new WebFXMenu;
webfxContactMenu_11.width = 120;
webfxForumMenu.add(new WebFXMenuItem("Mods", null, webfxContactMenu_11", ""));

var webfxContactMenu_12 = new WebFXMenu;
webfxContactMenu_12.width = 120;
webfxForumMenu.add(new WebFXMenuItem("News", null, webfxContactMenu_12", ""));

webfxContactMenu_10.add(new WebFXMenuItem("Vinh", "http://www.emusanet.com/forums/member.php?s=&action=getinfo&userid=2", ""));
webfxContactMenu_10.add(new WebFXMenuSeparator());
webfxContactMenu_10.add(new WebFXMenuItem("SillyAssTheClown", "http://www.emusanet.com/forums/member.php?s=&action=getinfo&userid=397", ""));
webfxContactMenu_10.add(new WebFXMenuItem("The Ice Man", "http://www.emusanet.com/forums/member.php?s=&action=getinfo&userid=2230", ""));
webfxContactMenu_10.add(new WebFXMenuItem("AnthraxSurprise", "http://www.emusanet.com/forums/member.php?s=&action=getinfo&userid=80878", ""));

webfxContactMenu_11.add(new WebFXMenuItem("DoomX", "http://www.emusanet.com/forums/member.php?s=&action=getinfo&userid=2142", ""));
webfxContactMenu_11.add(new WebFXMenuItem("Deztriam", "http://www.emusanet.com/forums/member.php?s=&action=getinfo&userid=5417", ""));
webfxContactMenu_11.add(new WebFXMenuItem("Myst Man", "http://www.emusanet.com/forums/member.php?s=&action=getinfo&userid=59", ""));
webfxContactMenu_11.add(new WebFXMenuItem("Negator", "http://www.emusanet.com/forums/member.php?s=&action=getinfo&userid=30", ""));
webfxContactMenu_11.add(new WebFXMenuItem("therock1984", "http://www.emusanet.com/forums/member.php?s=&action=getinfo&userid=153", ""));

webfxContactMenu_12.add(new WebFXMenuItem("Acid_DK", "http://www.emusanet.com/forums/member.php?action=getinfo&userid=3449", ""));
webfxContactMenu_12.add(new WebFXMenuItem("NTHK", "http://www.emusanet.com/forums/member.php?action=getinfo&userid=81550", ""));

[Birdie501]

Originally posted by dimitr|
Like this hack a lot. One thing I was wondering was how to make it so a link on the menu opens a new browser window. Also, how can the menus be made to come up with a mouseover instead of a click? sorry, but I know nothing about javascript. :)

Originally posted by Yaa 101
Thanks... just curious... :)

to Dimitri:

I am sorry i did not write the menu, only packaged it into a hack.
Check the original makers... http://webfx.eae.net
I checked the source and what you want means a re-write of some parts, sorry i am not going to invest in that...

Thats not correct! It is just very easy to do!

OK here we go:

in template xmenu_menucode find this:


webfxMenuUseHover = opera ? true : false;


and replace with that :


webfxMenuUseHover = true;


Thats all!

:D

[Yaa 101]

I was referring to the other part where a target="_blank" must be put in the <a> tag to make windows open up in a new browser...

Thanks for the other part of Dimitri's question...

:)

[Birdie501]

Originally posted by Yaa 101
I was referring to the other part where a target="_blank" must be put in the <a> tag to make windows open up in a new browser...

Thanks for the other part of Dimitri's question...

:)

Hi,

i have no skill in programming but i changed the code that you now can use a target for opening your links.

i will write a "how to" and public it here.

Maybe the download file could be updated.

thanks.

[Yaa 101]

I say send it later to me and i look it in and update the download...
Prob i have some time for that tomorrow...

Thanks...

:)

[Birdie501]

Here is the install instruction for all that already uses the xmenu!

Have fun!

[Yaa 101]

got it... i will update my version tomorrow... :)

[Birdie501]

Hi,

is my instruction correct or are there any bugs?

Thanks :D

[dimitr|]

Hey, thanks a lot Birdie. I'll implement this into the styles that use this xmenu. :)

[Birdie501]

You're welcome :)

[Keyser S?ze]

all fixed (fixed it myself), thanks for the great hack, fits in perfect with my board :D

[Kars10]

This is a great Hack!!
Thank you 4 posting it here!!
The installation was very easy, and it works great!!
@ Birdie, thanx 4 the Target_code!! :D

Question: Don?t think i?m stupid, but i don?t find the the code to change the link-color (default-grey) to black.
The Hover is working well, but only the Linkcolor is still grey. :confused:

[Albasoul]

Can you make this script work with Netscape?

[Birdie501]

thats not worth it :) use Internet Explorer :-))

[Keyser S?ze]

is it possible to make java links work in this hack? i got some java stuff on my site (a java popup for one) that i would like to put in it

thanks

[Sadie Frost]

I am getting a page error when I pass my mouse over the xmenu - does anyone have any ideas of what the problem could be? :) The menu seems to work fine otherwise.

[Dean C]

could any1 let me see this in action as i haven't seen it anywhere.... :D

[Sadie Frost]

Mine is on a new style I haven't finished yet, but in the first post Yaa posted a link to his forums which has it working.

Here's a screenshot of mine, though.

[Dean C]

o this...

[Kars10]

I use Opera 7.11 and get this error:

Got an error while processing css. The page should still work but might be a bit slower

This happens on every page. I close the alert, and all is fine. On the next Page the same.

Any Ideas? I love Opera, but this sucks. :)

Thanks in advance
Kars