Upcoming release of the new CoffeeCup...

Aug 11th, 2009 at 07:33 PM
User 184085 Photo

david wilson
Ambassador
1,707 posts

Hey Scott;

I was playing with the CSS generated from the menu generator in the BETA and came up with a glossy cover that lets the menu color chosen show through

http://i130.photobucket.com/albums/p248/pug2775/sample.jpg

change
.jackfish-menu a, .jackfish-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
color:#FFFFFF;
}


to
.jackfish-menu a, .jackfish-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
color:#FFFFFF;
background:url('../images/gloss.png') repeat-x ;
}


and
.jackfish-menu li li a, .jackfish-menu li li a:visited {
color:#FFFFFF;
}


to

.jackfish-menu li li a, .jackfish-menu li li a:visited {
color:#FFFFFF;
background:url('../images/gloss.png') repeat-x ;
}


Won't work in IE6 and I think will break your planned arrows and shadows

Can you think of a workaround?
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
Aug 11th, 2009 at 07:35 PM
User 184085 Photo

david wilson
Ambassador
1,707 posts

Here is the png
Attachments:
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
Aug 11th, 2009 at 07:37 PM
User 103173 Photo

Scott Swedorski
VP of Software Development
0 posts

Rembert Weijers wrote:
Hi Scott

I regret that the DHTML menu bulder has gone. the replacement as the css menu builder gives the same building menu (almost) but doesn't give the possibility of making one menu working on all pages by just a little bit of code like f.i. : <script type="text/javascript" src="./Styles/menu-WAR.js"></script>
By this code the menu works in all pages of the website and changes can be made in the DHTML editor and effects on all pages.
The CSS menu will ask for changing the menu in all the pages.



Also this menu can be centered on a page and th is not possible with the CSS menu.

So I keep the old HTML ediditor (but will try a little more in the 2009 pre version)

suggestions are welcome

Rembert Weijers


You can still center a CSS Menu on your page. The alignment would be made in the div or table. For example, put the menu inside of a div like this:

<div style="width:800px; margin:0 auto;"> MENU HERE </div>


If you still want to use a DHTML Menu, you can download the free version over here at http://www.coffeecup.com/freestuff

Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
Aug 11th, 2009 at 07:42 PM
User 184085 Photo

david wilson
Ambassador
1,707 posts

Rembert Weijers wrote:


suggestions are welcome



Create your menu in a separate HTML page and call it with an include

<div class="centered">
<!--#include virtual="menu/menu.html"-->
</div>


save your file as a .shtml and add the .centered class to your CSS

Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
Aug 11th, 2009 at 08:35 PM
User 355448 Photo

BillR
Ambassador
3,144 posts

Rembert Weijers wrote:
Hi Scott

I regret that the DHTML menu bulder has gone. the replacement as the css menu builder gives the same building menu (almost) but doesn't give the possibility of making one menu working on all pages by just a little bit of code like f.i. : <script type="text/javascript" src="./Styles/menu-WAR.js"></script>
By this code the menu works in all pages of the website and changes can be made in the DHTML editor and effects on all pages.
The CSS menu will ask for changing the menu in all the pages.

Also this menu can be centered on a page and th is not possible with the CSS menu.


So I keep the old HTML ediditor (but will try a little more in the 2009 pre version)

suggestions are welcome

Rembert Weijers


Rembert,

I am working on having a single file for my CSS Menu and using PHP to import it. Once I get it working, I will put up a demo. All I need is a couple of 96 hour days to get caught up. :D
Bill R.
First Baptist Church
Brighter Day Charities
Roberson Family
Aug 11th, 2009 at 08:40 PM
User 184085 Photo

david wilson
Ambassador
1,707 posts

BillR wrote:


I am working on having a single file for my CSS Menu and using PHP to import it. Once I get it working, I will put up a demo. All I need is a couple of 96 hour days to get caught up. :D


This probably is a better solution to what I suggested, would love to see it when it is done so I can get away from the SHTML stuff.
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
Aug 12th, 2009 at 02:53 AM
User 3 Photo

CoffeeCup Admin
Administrator
1,371 posts

david wilson wrote:
Hey Scott;

I was playing with the CSS generated from the menu generator in the BETA and came up with a glossy cover that lets the menu color chosen show through

http://i130.photobucket.com/albums/p248/pug2775/sample.jpg

change
.jackfish-menu a, .jackfish-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
color:#FFFFFF;
}


to
.jackfish-menu a, .jackfish-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
color:#FFFFFF;
background:url('../images/gloss.png') repeat-x ;
}


and
.jackfish-menu li li a, .jackfish-menu li li a:visited {
color:#FFFFFF;
}


to

.jackfish-menu li li a, .jackfish-menu li li a:visited {
color:#FFFFFF;
background:url('../images/gloss.png') repeat-x ;
}


Won't work in IE6 and I think will break your planned arrows and shadows

Can you think of a workaround?


Hey David,

Nice work! :D

It won't work in IE6 because you're using a 32bit alpha transparent PNG file. There are numerous hacks for this out there, but none of them are elegant.

As for replacing the arrows: the arrow image is a background property of the link inside the LI element. If you placed your gloss.png as the background of the LI element itself then it should work ok. Give it a try and report what you found here, okay?
Aug 12th, 2009 at 03:40 AM
User 3 Photo

CoffeeCup Admin
Administrator
1,371 posts

Rembert Weijers wrote:
Hi Scott

I regret that the DHTML menu bulder has gone. the replacement as the css menu builder gives the same building menu (almost) but doesn't give the possibility of making one menu working on all pages by just a little bit of code like f.i. : <script type="text/javascript" src="./Styles/menu-WAR.js"></script>
By this code the menu works in all pages of the website and changes can be made in the DHTML editor and effects on all pages.
The CSS menu will ask for changing the menu in all the pages.

Also this menu can be centered on a page and th is not possible with the CSS menu.

So I keep the old HTML ediditor (but will try a little more in the 2009 pre version)

suggestions are welcome

Rembert Weijers


Another option would be to use PHP, server side includes, or some other scripting language to add the menu to each page. You could put the menu in it's own HTML file (not other content, just the code for the menu) then include it like this:

<?php include("/menu.html"); ?>


The code for Server Side Includes would be very similar and something like this:

<!--#include virtual="/menu.html" -->


There are far more sophisticated and elegant ways to do it, but that's a quick fix. :D
Aug 12th, 2009 at 04:05 PM
User 1941307 Photo

Ryan Clark
Registered User
19 posts

I'll have to try including a separate menu file as mentioned above. I've found in the past I've had to make changes to my menus, and I have to modify each html file that the menu exists in. If the menu is in it's own file, I can make the changes once, and save a TON of time. Very nice!

Ryan
Aug 12th, 2009 at 04:29 PM
User 1941307 Photo

Ryan Clark
Registered User
19 posts

J. Cornelius wrote:


Another option would be to use PHP, server side includes, or some other scripting language to add the menu to each page. You could put the menu in it's own HTML file (not other content, just the code for the menu) then include it like this:

<?php include("/menu.html"); ?>


The code for Server Side Includes would be very similar and something like this:

<!--#include virtual="/menu.html" -->


There are far more sophisticated and elegant ways to do it, but that's a quick fix. :D


I tried using SSI but I'm having no luck. Is there something I'm missing? I created a seperate menu file as mentioned above, and calling it using the code above. I also included the following lines of code in my .htaccess file.

Options Indexes FollowSymLinks Includes
AddType application/x-httpd-cgi .cgi
AddType text/x-server-parsed-html .html


What needs to be included in the menu.html file? Should it include only the code for the menu, or all relevant HTML tags,
<html>, <head>, <body>
etc.?

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.