Template YooTheme Crystal - problem color itemmenu & fancy

Everything to do with Joomla! 1.5 templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
User avatar
Balgas
Joomla! Intern
Joomla! Intern
Posts: 74
Joined: Wed Jul 29, 2009 6:35 am

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by Balgas » Mon Sep 21, 2009 12:34 pm

It doesn't work :(

User avatar
Balgas
Joomla! Intern
Joomla! Intern
Posts: 74
Joined: Wed Jul 29, 2009 6:35 am

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by Balgas » Mon Sep 21, 2009 12:39 pm

With this code

Code: Select all

/* Copyright (C) 2007 - 2009 YOOtheme GmbH */

body.yoopage { background: #32373C url(../../images/variations/neon/page_bg.jpg) 50% 0 no-repeat; }
#page-body { background: url(../../images/variations/neon/page_bg_img.png) 50% 20px no-repeat; }

#menu li.active { background-image: url(../../images/menu_level1_item_active_neonpink.png); }
#menu li.active li.active { background: none; }
#menu li.active a.level1,
#menu li.active span.level1 { background-image: url(../../images/menu_level1_item_active_neonpink.png); }

#menu li.item1.active a.level1 span.bg,
#menu li.item1.active span.level1 span.bg { background-image: url(../../images/menu_level1_item_active_neongreen.png); }
#menu li.item2.active a.level1 span.bg,
#menu li.item2.active span.level1 span.bg { background-image: url(../../images/menu_level1_item_active_neonblue.png); }

#menu div.bg1 div.fancy-1 { background:transparent url(../../images/menu_level1_item_active_neonpink.png) repeat-x scroll 0 -80px; }
#menu div.bg2 div.fancy-1 { background:transparent url(../../images/menu_level1_item_active_neonblue.png) repeat-x scroll 0 -80px; }
#menu div.bg3 div.fancy-1 { background:transparent url(../../images/menu_level1_item_active_brown.png) repeat-x scroll 0 -80px; }
#menu div.bg4 div.fancy-1 { background:transparent url(../../images/menu_level1_item_active_neonlilac.png) repeat-x scroll 0 -80px; }
#menu div.bg5 div.fancy-1 { background:transparent url(../../images/menu_level1_item_active_yellow.png) repeat-x scroll 0 -80px; }
#menu div.bg6 div.fancy-1 { background:transparent url(../../images/menu_level1_item_active_beige.png) repeat-x scroll 0 -80px; }


#menu .hover-box1 { border-color: #B91359; }
#menu .hover-box1:hover { border-color: #7B1B45; }
#menu li.separator .hover-box1:hover { border-color: #B91359; }

div.mod-transparent h3.header { background-image: url(../../images/module_header_neonpink.png); }
div.mod-header h3.header { background-image: url(../../images/module_header_neonpink.png); }

h1,
#page h1 a,
h3,
h5,
a:link,
a:visited,
.contentheading,
.componentheading { color: #D91669; }

a:hover { color: #ff4e9d; }
Item menu selected is always orange...I don't knwo why :(

User avatar
ooffick
Joomla! Master
Joomla! Master
Posts: 11387
Joined: Thu Jul 17, 2008 3:10 pm
Location: Ireland
Contact:

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by ooffick » Mon Sep 21, 2009 1:00 pm

You might want to add your changes to the end of your css file.
Moreover, maybe other css files overwrite your changes.

You might want to clear the cache in your browser.

Olaf
Olaf Offick - Global Moderator
learnskills.org

User avatar
Balgas
Joomla! Intern
Joomla! Intern
Posts: 74
Joined: Wed Jul 29, 2009 6:35 am

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by Balgas » Mon Sep 21, 2009 3:26 pm

I changed & use now the color template : Brown.
My csscode (brown.css file) :

Code: Select all

/* Copyright (C) 2007 - 2009 YOOtheme GmbH */

body.yoopage { background: #574834 url(../../images/variations/brown/page_bg.jpg) 50% 0 no-repeat; }
#page-body { background: url(../../images/variations/brown/page_bg_img.png) 50% 100px no-repeat; }

#menu li.active { background-image: url(../../images/menu_level1_item_active_yellow.png); }
#menu li.active li.active { background: none; }
#menu li.active a.level1,
#menu li.active span.level1 { background-image: url(../../images/menu_level1_item_active_yellow.png); }

#menu div.bg1 div.fancy-1 { background-image: url(../../images/menu_level1_item_active_yellow.png); }
#menu div.bg2 div.fancy-1 { background-image: url(../../images/menu_level1_item_active_orange.png); }
#menu div.bg3 div.fancy-1 { background-image: url(../../images/menu_level1_item_active_brown.png); }
#menu div.bg4 div.fancy-1 { background-image: url(../../images/menu_level1_item_active_neonlilac.png); }
#menu div.bg5 div.fancy-1 { background-image: url(../../images/menu_level1_item_active_neonpink.png); }
#menu div.bg6 div.fancy-1 { background-image: url(../../images/menu_level1_item_active_beige.png); }


#menu .dropdown-t3,
#menu .dropdown-3,
#menu .hover-box1 {	background: #C59741; }

#menu .hover-box1 { border-color: #A88138; }
#menu .hover-box1:hover { border-color: #765B28; }
#menu li.separator .hover-box1:hover { border-color: #A88138; }

div.mod-transparent h3.header { background-image: url(../../images/module_header_yellow.png); }
div.mod-header h3.header { background-image: url(../../images/module_header_yellow.png); }

h1,
#page h1 a,
h3,
h5,
a:link,
a:visited,
.contentheading,
.componentheading { color: #C59741; }

a:hover { color: #ffb830; }

#menu li.item1.active a.level1 span.bg,
#menu li.item1.active span.level1 span.bg { background-image: url(../../images/menu_level1_item_active_neongreen.png); }
#menu li.item2.active a.level1 span.bg,
#menu li.item2.active span.level1 span.bg { background-image: url(../../images/menu_level1_item_active_neonblue.png); }
It doesn't work...the default item color is always orange...

Maybe i must edit the menu.css too :

Code: Select all

/* Copyright (C) 2007 - 2009 YOOtheme GmbH */

/*
 * footer menu
 */

 
#footer ul.menu {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#footer ul.menu {
	display: block;
	line-height: 14px;
}

#footer .menu li {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}

#footer .menu li a {
	display: inline-block;
	padding: 0px 10px 0px 10px;
	background: url(../images/topmenu_item_bg.png) 0 50% no-repeat;
	overflow: hidden;  
}

#footer .menu a.first {
	padding: 0px 10px 0px 0px;
	background: none;
}

#footer .menu a.last { padding: 0px 0px 0px 10px; }

#footer .menu a:link,
#footer .menu a:visited { color: #c8c8c8; }
#footer .menu a:hover { color: #ffffff; }

/*
 * menu
 */

 
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	position: relative;
	 
	margin: 0px;
	padding: 0px;
}

#menu a,
#menu span { display: block; }
#menu a { text-decoration: none; }

 
#menu span.icon {
	background-repeat: no-repeat;
	background-position: 0 50%;
}

 
#menu ul.menu { float: left; }

#menu li.level1 {
	background: url(../images/menu_level1_item.png) 100% 0 no-repeat;
	float: left;
}

#menu a.level1,
#menu span.level1 { 
	padding: 0px 1px 0px 1px;
	background: url(../images/menu_level1_item.png) 0 -35px no-repeat;
	float: left;
}

#menu a.level1 span.bg,
#menu span.level1 span.bg {
	height: 39px;
	padding: 0px 25px 0px 25px;
	float: left;
	line-height: 30px;
	font-size: 13px;
	color: #ffffff;
	text-shadow: 0px 1px 5px #000000, 0px 1px 5px #000000;
	position: relative;
	z-index: 101;
}

 
#menu li:hover .level1 span.bg { text-shadow: 1px 1px 1px #323232; }

 
#menu li.remain .level1 span.bg { text-shadow: 1px 1px 1px #323232; }

 
#menu li.active { background: url(../images/menu_level1_item_active_orange.png) 0 0 no-repeat; }
#menu li.active li.active { background: none; }

#menu li.active a.level1,
#menu li.active span.level1 { background: url(../images/menu_level1_item_active_orange.png) 100% -40px no-repeat; }

#menu li.active a.level1 span.bg,
#menu li.active span.level1 span.bg { 
	background: url(../images/menu_level1_item_active_orange.png) 50% -115px repeat-x;
	color: #ffffff;
	text-shadow: 1px 1px 1px #323232;
}

 
#menu a.level1 span.title,
#menu span.level1 span.title {
	font-size: 13px;
	line-height: 22px;
}

 
#menu a.level1 span.subtitle,
#menu span.level1 span.subtitle {
	margin-top: -5px;
	font-size: 9px;
	font-weight: normal;
	color: #ffffff;
	line-height: 10px;
	text-transform: none;
	letter-spacing: 0px;
}

#menu li:hover a.level1 span.subtitle,
#menu li:hover span.level1 span.subtitle { color: #ffffff; }
#menu li.remain a.level1 span.subtitle,
#menu li.remain span.level1 span.subtitle { color: #ffffff; }

/* fancy menu */
#menu div.fancy {
	position: absolute;
	top: 0px;
	visibility: hidden;
	z-index: 4;
	overflow: hidden;
}

#menu div.fancy div.fancy-1 {
	height: 30px;
	background: url(../images/menu_level1_item_active_orange.png) 0 -80px repeat-x;
}


 
#menu .dropdown {
	position: absolute;
	top: 30px;
	left: -999em;  
	z-index: 100;
	 
}

#menu li:hover .dropdown,
#menu li.remain .dropdown { left: -5px; }

#menu .dropdown-t1 { background: url(../images/menu_dropdown_shadow_edges.png) 0 0 repeat-y;}

#menu .dropdown-t2 { 
	padding: 0px 5px 0px 5px;
	background: url(../images/menu_dropdown_shadow_edges.png) 100% 0 repeat-y;
}

#menu .dropdown-t3 {
	height: 12px;
	background: #CF5329;
}

#menu .dropdown-1 { background: url(../images/menu_dropdown_shadow_edges.png) 0 0 repeat-y;}

#menu .dropdown-2 { 
	padding: 0px 5px 0px 5px;
	background: url(../images/menu_dropdown_shadow_edges.png) 100% 0 repeat-y;
}

#menu .dropdown-3 {
	padding: 0px 10px 10px 10px;
	overflow: hidden;
	background: #CF5329;
}

#menu .dropdown-b1 { background: url(../images/menu_dropdown_shadow_b.png) 0 0px no-repeat; }

#menu .dropdown-b2 {
	padding: 0px 5px 0px 5px;
	background: url(../images/menu_dropdown_shadow_b.png) 100% -10px no-repeat;
}

#menu .dropdown-b3 {
	height: 5px;
	background: url(../images/menu_dropdown_shadow_b.png) 0 -20px repeat-x;
}

#menu li.level2 { margin-bottom: 5px; }
#menu li.level1 li.last { margin-bottom: 0px; }

#menu .hover-box1 {
	background: #CF5329;
	border: #B04725 1px solid;
	overflow: hidden;
}

 
#menu .hover-box1:hover { border-color: #7C321A; }
#menu li.separator .hover-box1:hover { border-color: #B04725; }

#menu a.level2 span.bg,
#menu span.level2 span.bg {
	height: 45px;
	line-height: 45px;
	text-indent: 10px;
	color: #191919;
	font-weight: bold;
	font-size: 13px;
}

#menu .hover-box1:hover a.level2 span.bg {
	color: #ffffff;
	text-shadow: 1px 1px 10px #ffffff;
}

#menu a.level2 span.icon,
#menu span.level2 span.icon {
	text-indent: 50px;
}

 
#menu li.level2 a.current span.bg { font-weight: bold; } 

 
#menu a.level2 span.title, #menu span.level2 span.title { line-height: 33px; }

 
#menu a.level2 span.subtitle, #menu span.level2 span.subtitle {
	margin-top: -8px;
	font-size: 10px;
	font-weight: normal;
	color: #191919;
	line-height: 10px;
	text-transform: none;
	letter-spacing: 0px;
}
#menu .hover-box1:hover a.level2 span.subtitle { color: #ffffff; }

 
#menu .sub { padding: 5px 0px 5px 0px; }

#menu ul.level3 { padding-left: 12px; }

#menu a.level3:hover { color: #ffffff; }

#menu a.level3 span.bg,
#menu span.level3 span.bg {
	padding-left: 10px;
	background: url(../images/menu_level3_item.png) 1px 5px no-repeat;
	line-height: 17px;
	font-size: 11px;
	color: #ffffff;
	text-transform: uppercase;
}

#menu a.level3 span.bg {
	color: #191919;
}
#menu a:hover.level3 span.bg {
	color: #ffffff;
}

 
 
 
 

#menu .columns2 ul.level2,
#menu .columns3 ul.level2,
#menu .columns4 ul.level2 { float: left; }

#menu .columns2 ul.level2 {	width: 50%; }

#menu .columns3 ul.level2 { width: 34%; }
#menu .columns3 ul.first,
#menu .columns3 ul.last { width: 33%; }

#menu .columns4 ul.level2 { width: 25%; }

#menu .columns2 li.level2 .group-box1,
#menu .columns3 li.level2 .group-box1,
#menu .columns4 li.level2 .group-box1 { margin-right: 5px; }

#menu .columns2 ul.last li.level2 .group-box1,
#menu .columns3 ul.last li.level2 .group-box1,
#menu .columns4 ul.last li.level2 .group-box1 { margin-right: 0px; }


/*
 * sub menus
 */
 
 
div.mod-menu ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	list-style: none;
}

div.mod-menu ul.menu li {
	margin: 0px;
	padding: 0px;
}

div.mod-menu ul.menu a,
div.mod-menu ul.menu span { display: block; }
div.mod-menu ul.menu a { text-decoration: none; }

 
div.mod-menu ul.menu span.icon {
	background-repeat: no-repeat;
	background-position: 5px 50%;
	text-indent: 35px;
}

 
div.mod-menu ul.menu li.parent span.separator { cursor: pointer; }

 
div.mod-menu ul.menu span.subtitle { display: none; }


/*
 * sub menu: mod-menu
 */

div.mod-transparent ul.menu { margin: 0px -10px 0px -10px; }
div.mod-header ul.menu { margin: 0px -15px 0px -15px; }

div.mod-menu ul.menu span.bg {
	height: 30px;
	line-height: 29px;
	color: #c8c8c8;
	text-indent: 15px;
	text-shadow: 0px 1px 1px #000000;
}

 
div.mod-menu ul.menu a.current span.bg { font-weight: bold; }

 
div.mod-menu ul.menu span.separator:hover span.bg,
div.mod-menu ul.menu a:hover span.bg { text-shadow: 0px 1px 10px #ffffff; }

 
div.mod-menu ul.menu li.level1 { background: url(../images/submenu_level1_item.png) 0 0 repeat-x; }

div.mod-menu ul.menu li.parent a.level1 span.bg,
div.mod-menu ul.menu li.parent span.level1 span.bg { background: url(../images/submenu_level1_parent.png) 100% 0 no-repeat; }

div.mod-menu ul.menu li.parent a.active span.bg,
div.mod-menu ul.menu li.parent span.active span.bg { background-position: 100% -30px; }

 
div.mod-menu ul.menu li.level2 span.bg {
	height: 20px;
	line-height: 20px;
}

div.mod-menu ul.menu a.level2 span.bg { text-indent: 30px; }

 
div.mod-menu ul.menu a.level3 span.bg { text-indent: 40px; }

 
div.mod-menu ul.menu a.level4 span.bg { text-indent: 50px; }

User avatar
ooffick
Joomla! Master
Joomla! Master
Posts: 11387
Joined: Thu Jul 17, 2008 3:10 pm
Location: Ireland
Contact:

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by ooffick » Mon Sep 21, 2009 3:34 pm

If you cannot find the changes you need to do,

you might want to add it to the template's index.php file:

find

Code: Select all

</head>
and add the following before that:

Code: Select all

<style>
#menu li.item1.active a.level1 span.bg,
#menu li.item1.active span.level1 span.bg { background-image: url(../../images/menu_level1_item_active_neongreen.png); }
#menu li.item2.active a.level1 span.bg,
#menu li.item2.active span.level1 span.bg { background-image: url(../../images/menu_level1_item_active_neonblue.png); }
</style>
You might need to change the image location to the full URL.

Olaf
Olaf Offick - Global Moderator
learnskills.org

User avatar
Balgas
Joomla! Intern
Joomla! Intern
Posts: 74
Joined: Wed Jul 29, 2009 6:35 am

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by Balgas » Mon Sep 21, 2009 4:00 pm

I try it but it doesn't work...It's very hard to change this css menu :(

User avatar
ooffick
Joomla! Master
Joomla! Master
Posts: 11387
Joined: Thu Jul 17, 2008 3:10 pm
Location: Ireland
Contact:

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by ooffick » Mon Sep 21, 2009 4:12 pm

well, I would need to see your page to help you.
The code above work, does work with the demo page, you might have changed something, which is overwriting your changes.

Olaf
Olaf Offick - Global Moderator
learnskills.org

User avatar
Balgas
Joomla! Intern
Joomla! Intern
Posts: 74
Joined: Wed Jul 29, 2009 6:35 am

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by Balgas » Mon Sep 21, 2009 4:22 pm

On the menu.css, if i modify this line :

Code: Select all

#menu li.active a.level1 span.bg,
#menu li.active span.level1 span.bg { 
	background: url(../images/menu_level1_item_active_blue.png) 50% -115px repeat-x;
	color: #ffffff;
	text-shadow: 1px 1px 1px #323232;
}
it seems to change the color default. Maybe i could add a code for each menu item at this place ? I don't know how...thx for your help Olaf

User avatar
ooffick
Joomla! Master
Joomla! Master
Posts: 11387
Joined: Thu Jul 17, 2008 3:10 pm
Location: Ireland
Contact:

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by ooffick » Mon Sep 21, 2009 4:39 pm

Try to find this:

Code: Select all

#menu li.active a.level1 span.bg,
#menu li.active span.level1 span.bg {
   background: url(../images/menu_level1_item_active_blue.png) 50% -115px repeat-x;
   color: #ffffff;
   text-shadow: 1px 1px 1px #323232;
}
and replace it with this;

Code: Select all

#menu li.active a.level1 span.bg,
#menu li.active span.level1 span.bg {
   color: #ffffff;
   text-shadow: 1px 1px 1px #323232;
}
#menu li.item1.active a.level1 span.bg,
#menu li.item1.active span.level1 span.bg { background-image: url(../../images/menu_level1_item_active_neongreen.png); }
#menu li.item2.active a.level1 span.bg,
#menu li.item2.active span.level1 span.bg { background-image: url(../../images/menu_level1_item_active_neonblue.png); }
Olaf
Olaf Offick - Global Moderator
learnskills.org

User avatar
Balgas
Joomla! Intern
Joomla! Intern
Posts: 74
Joined: Wed Jul 29, 2009 6:35 am

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by Balgas » Mon Sep 21, 2009 4:51 pm

The result :

Image

Image

Image

The item color selected has disappeared...

User avatar
ooffick
Joomla! Master
Joomla! Master
Posts: 11387
Joined: Thu Jul 17, 2008 3:10 pm
Location: Ireland
Contact:

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by ooffick » Mon Sep 21, 2009 5:06 pm

It looks like the path of the image is not correct. Please double check, maybe you need to remove a

Code: Select all

../
Olaf
Olaf Offick - Global Moderator
learnskills.org

User avatar
Balgas
Joomla! Intern
Joomla! Intern
Posts: 74
Joined: Wed Jul 29, 2009 6:35 am

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by Balgas » Mon Sep 21, 2009 5:21 pm

Code: Select all

#menu li.active { background: url(../images/menu_level1_item_active_orange.png) 0 0 no-repeat; }
#menu li.active li.active { background: none; }

#menu li.active a.level1,
#menu li.active span.level1 { background: url(../images/menu_level1_item_active_orange.png) 100% -40px no-repeat; }

#menu li.active a.level1 span.bg,
#menu li.active span.level1 span.bg { 
	color: #ffffff;
	text-shadow: 1px 1px 1px #323232;
}
#menu li.item1.active a.level1 span.bg,
#menu li.item1.active span.level1 span.bg { background: url(../images/menu_level1_item_active_beige.png) no-repeat 100% -40px; }
#menu li.item2.active a.level1 span.bg,
#menu li.item2.active span.level1 span.bg { background: url(../images/menu_level1_item_active_orange.png) 100% -40px no-repeat; }
It doesn't work :(

User avatar
ooffick
Joomla! Master
Joomla! Master
Posts: 11387
Joined: Thu Jul 17, 2008 3:10 pm
Location: Ireland
Contact:

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by ooffick » Mon Sep 21, 2009 5:38 pm

Well, without seeing your site, I cannot help you, as I said it is working in the demo site.

Olaf
Olaf Offick - Global Moderator
learnskills.org

User avatar
Balgas
Joomla! Intern
Joomla! Intern
Posts: 74
Joined: Wed Jul 29, 2009 6:35 am

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by Balgas » Mon Sep 21, 2009 5:55 pm

Here you find the css files. Maybe it could help you.
I try to add on the web tomorrow.
Thx again Olaf for your help :)
You do not have the required permissions to view the files attached to this post.

User avatar
ooffick
Joomla! Master
Joomla! Master
Posts: 11387
Joined: Thu Jul 17, 2008 3:10 pm
Location: Ireland
Contact:

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by ooffick » Mon Sep 21, 2009 7:11 pm

Did you to add this to the end of your template.css file:

Code: Select all

#menu li.item1.active a.level1 span.bg,
#menu li.item1.active span.level1 span.bg { background-image: url(../../images/menu_level1_item_active_beige.png); }
#menu li.item2.active a.level1 span.bg,
#menu li.item2.active span.level1 span.bg { background-image: url(../../images/menu_level1_item_active_orange.png); }
Olaf
Olaf Offick - Global Moderator
learnskills.org

User avatar
Balgas
Joomla! Intern
Joomla! Intern
Posts: 74
Joined: Wed Jul 29, 2009 6:35 am

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by Balgas » Tue Sep 22, 2009 2:07 pm

I find the solution (with your precious help). Indeed, i used the neon temlate default & i add all changes on the neon.css. You have all colors into the css. It's work !!
Thx a lot !!!
Just one thing, i have the problem with the fancy on into the dropdown menu. Can you help me just to find the good word to change the color fancy ?
Thx

User avatar
ooffick
Joomla! Master
Joomla! Master
Posts: 11387
Joined: Thu Jul 17, 2008 3:10 pm
Location: Ireland
Contact:

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by ooffick » Tue Sep 22, 2009 2:34 pm

Balgas wrote:Just one thing, i have the problem with the fancy on into the dropdown menu. Can you help me just to find the good word to change the color fancy ?
Could tell me what you are looking for? I am not sure what you mean.

Olaf
Olaf Offick - Global Moderator
learnskills.org

User avatar
Balgas
Joomla! Intern
Joomla! Intern
Posts: 74
Joined: Wed Jul 29, 2009 6:35 am

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by Balgas » Tue Sep 22, 2009 2:47 pm

Image
This is the color of the fancy on the dropdown menu...It's not the same that the item menu blue...

User avatar
ooffick
Joomla! Master
Joomla! Master
Posts: 11387
Joined: Thu Jul 17, 2008 3:10 pm
Location: Ireland
Contact:

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by ooffick » Tue Sep 22, 2009 3:00 pm

I cannot see a difference in colour? or do you mean the background of the menu item Historique?

Olaf
Olaf Offick - Global Moderator
learnskills.org

User avatar
Balgas
Joomla! Intern
Joomla! Intern
Posts: 74
Joined: Wed Jul 29, 2009 6:35 am

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by Balgas » Tue Sep 22, 2009 3:03 pm

Yes. I would like the color fancy blue like the item Namaste.

User avatar
ooffick
Joomla! Master
Joomla! Master
Posts: 11387
Joined: Thu Jul 17, 2008 3:10 pm
Location: Ireland
Contact:

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by ooffick » Tue Sep 22, 2009 3:29 pm

Can you try this:

Code: Select all

#menu li.item2 .level2 .group-box1 span.bg {background-color:#05BCFF;}
Olaf
Olaf Offick - Global Moderator
learnskills.org

User avatar
Balgas
Joomla! Intern
Joomla! Intern
Posts: 74
Joined: Wed Jul 29, 2009 6:35 am

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by Balgas » Wed Sep 23, 2009 12:35 pm

It's exactly that...but the fancy effect doesn't work now ...

User avatar
ooffick
Joomla! Master
Joomla! Master
Posts: 11387
Joined: Thu Jul 17, 2008 3:10 pm
Location: Ireland
Contact:

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by ooffick » Wed Sep 23, 2009 12:45 pm

That's correct. In order to change the color you will need to modify a mod_mainmenu layout overwrite.

Olaf
Olaf Offick - Global Moderator
learnskills.org

User avatar
Balgas
Joomla! Intern
Joomla! Intern
Posts: 74
Joined: Wed Jul 29, 2009 6:35 am

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by Balgas » Wed Sep 23, 2009 12:59 pm

I haven't understand...Is it a problem of hover no ?

User avatar
ooffick
Joomla! Master
Joomla! Master
Posts: 11387
Joined: Thu Jul 17, 2008 3:10 pm
Location: Ireland
Contact:

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by ooffick » Wed Sep 23, 2009 1:41 pm

no, the colour is hard coded into the file, and changed via javascript.

Olaf
Olaf Offick - Global Moderator
learnskills.org

User avatar
Balgas
Joomla! Intern
Joomla! Intern
Posts: 74
Joined: Wed Jul 29, 2009 6:35 am

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by Balgas » Wed Sep 23, 2009 1:48 pm

Ok, i'll try it to have the effect fade on the dropdown item too (on "Historique" on the picture). Thx again.
After, i just see that i can't change the border on the item 3...
If i add :

Code: Select all

#menu .item3 .hover-box1 { border-color: #06A1D9; }
#menu .item3 .hover-box1:hover { border-color: #047199; }
#menu li.item3.separator .hover-box1:hover { border-color: #06A1D99; }
It doesn't work (there are 3 parts into the menu...& not 2 like "Namaste" item)
Please help me :)

User avatar
ooffick
Joomla! Master
Joomla! Master
Posts: 11387
Joined: Thu Jul 17, 2008 3:10 pm
Location: Ireland
Contact:

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by ooffick » Wed Sep 23, 2009 2:32 pm

There is a javascript which starts like this:

Code: Select all

/* Copyright (C) 2007 - 2009 YOOtheme GmbH */

var YOOTemplate
In this Javascript, find this

Code: Select all

new YOOMorph('div#menu .hover-box1', menuEnter, menuLeave,
 { transition: Fx.Transitions.linear, duration: 100, ignore: 'div#menu li.separator .hover-box1' },
 { transition: Fx.Transitions.sineIn, duration: 300 }); 
and change it so that each menu item has its own.

Olaf
Olaf Offick - Global Moderator
learnskills.org

User avatar
Balgas
Joomla! Intern
Joomla! Intern
Posts: 74
Joined: Wed Jul 29, 2009 6:35 am

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by Balgas » Wed Sep 23, 2009 2:58 pm

When i change with this line, it doesn't work :

Code: Select all

#menu li.item2 .level2 .group-box1 span.bg {background-color:#05BCFF;}

User avatar
ooffick
Joomla! Master
Joomla! Master
Posts: 11387
Joined: Thu Jul 17, 2008 3:10 pm
Location: Ireland
Contact:

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by ooffick » Wed Sep 23, 2009 2:59 pm

What are you trying to do?

Olaf
Olaf Offick - Global Moderator
learnskills.org

User avatar
Balgas
Joomla! Intern
Joomla! Intern
Posts: 74
Joined: Wed Jul 29, 2009 6:35 am

Re: Template YooTheme Crystal - problem color itemmenu & fancy

Post by Balgas » Wed Sep 23, 2009 3:11 pm

I would like a hover effect on my dropdown menu items : "Historique" & "Intervants". The items menus are blue. Actually i've only the border effect which work for each item menu.

When you have the default color (pink), you have an hover effect for this items on the dropdown menu.

Sorry for my bad english.
Thx Olaf


Locked

Return to “Templates for Joomla! 1.5”