Solved Colour Chooser options
-
-
- Göran Carlfors
- Newbie
- Posts: 8
- Thanks: 0
-
Hi,
This is some text from the "Basic Customisation pdf":
Colour Chooser Options
If you selected Custom in the Preset Styles option, you will now have a choice of 27 options to customise your sites colour scheme.
How can I see these 27 options?
Göran - Last Edit: 15 years 4 months ago by Göran Carlfors.
-
-
-
- John Hodgkinson
- Hero Rocketeer
- Posts: 421
- Thanks: 0
- Retired, but build and run websites for organisations of school leaders and others - e.g. http://www.icponline.org, http://www.aspa.asn.au, http://www.appa.asn.au
-
-
-
- Göran Carlfors
- Newbie
- Posts: 8
- Thanks: 0
-
Hi,
I use th Mynxx template.
Thanks
Göran
PS. I have a webshop: www.foru.se and I would like the new joomlasite: www.smyckenforu.se to look the same (I don´t know if it is possible but I hope so). DS. - Last Edit: 15 years 4 months ago by Göran Carlfors.
-
-
-
- Göran Carlfors
- Newbie
- Posts: 8
- Thanks: 0
-
JEM wrote:
Hmmm...
May be a typo.
Seems to be 16 for this template, 8 basic colors with a dark and light version.
To see them, apply the changes and preview the site.
I don´t know if it is a typo but I would like to use the custom option not one of the default styles.
" The 27 options are divided in threee areas, the name, such as header colour etc.
Thanks for helping me!
Göran
-
-
-
- Göran Carlfors
- Newbie
- Posts: 8
- Thanks: 0
-
Hallo again,
Maybe this is more difficult than I thought?
However, I really need some help, so I try to re-phrase the question:
I use the Mynxx template but I would like to have my own colours on the website (not any of the 8 default styles).
Is it possible?
If yes, how should I do it?
The website I am designing is suposed to be a X-mas present so I hope that there is a solution on my problem!
Thanks
Goran
-
-
-
- John Hodgkinson
- Hero Rocketeer
- Posts: 421
- Thanks: 0
- Retired, but build and run websites for organisations of school leaders and others - e.g. http://www.icponline.org, http://www.aspa.asn.au, http://www.appa.asn.au
-
That template does have a colour chooser. If you go to the Demo of the theme, you can select Features --> Color Chooser. That will give you some options. But you can also go into the css files for the template and make changes to the colours. I have not used that template, but I have changed colours in other RT templates by changing the colours in the template.css and style?.css files (and I am not a skilled programmer at all
). Firebug will be a great help to you in this task by identifying which line in which file you need to work with.
You will probably also find help in the Mynxx template forum here at RT. I am certain that someone else will have asked the same sort of question about this template.
-
-
-
- Göran Carlfors
- Newbie
- Posts: 8
- Thanks: 0
-
John,
Thanks for helping me!!!!
Maybe there is something wrong with my template because the colour chooser doesn´t work.
I have tried to locate the colours in the topbar and the colour in the background (it's called "dark" or "light" in the default styles (I have used firebug) but I cant find the colours???
Thanks
Goran
Below is the css for "dark" and I want to find the colour for the topbar:
/* This is the Main Logo */
#logo {background: url(../images/dark/logo.png) 0 0 no-repeat;}
/* Top Bar */
#topbar {background: url(../images/dark/topbar-m.png) 0 0 repeat-x;}
#topbar2 {background: url(../images/dark/topbar-l.png) 0 0 no-repeat;}
#topbar3 {background: url(../images/dark/topbar-r.png) 100% 0 no-repeat;}
/* Main Body */
body {background: #000;}
#page-bg {background: url(../images/dark/page-bg.png) 50% 0 repeat-x;}
#bl.corner, .bottom-bl {background: url(../images/dark/maincontent-bl.png);}
#br.corner, .bottom-br {background: url(../images/dark/maincontent-br.png);}
#tl.corner, .bottom-tl {background: url(../images/dark/maincontent-tl.png);}
#tr.corner, .bottom-tr {background: url(../images/dark/maincontent-tr.png);}
.show-bl {background: url(../images/dark/maincontent-bl.png);}
.show-br {background: url(../images/dark/maincontent-br.png);}
/* Horizontal Menu */
#horiz-menu li, #horiz-menu li .link {color: #ccc;}
#horiz-menu li.parent.sfHover .link.topdaddy {background: url(../images/dark/menu-tab2-r.png) 100% 0 no-repeat;}
#horiz-menu li.parent.sfHover .link.topdaddy span {background: url(../images/dark/menu-tab2-l.png) 0 0 no-repeat;}
#horiz-menu li.active .link, #horiz-menu li:hover .link, #horiz-menu li.sfHover .link {background: url(../images/dark/menu-tab-r.png) 100% 0 no-repeat;}
#horiz-menu li.active .link span, #horiz-menu li:hover .link span, #horiz-menu li.sfHover .link span {background: url(../images/dark/menu-tab-l.png) 0 0 no-repeat;}
/* IE6 Fix */
#horiz-menu li.parent-sfHover .link, #horiz-menu li.parent-sfHover .topdaddy {background: url(../images/dark/menu-tab2-r.png) 100% 0 no-repeat;}
#horiz-menu li.parent-sfHover .link span, #horiz-menu li.parent-sfHover .topdaddy span {background: url(../images/dark/menu-tab2-l.png) 0 0 no-repeat;}
#horiz-menu li.active .link, #horiz-menu li:hover .link, #horiz-menu li.sfHover .link {color: #fff;}
#horiz-menu ul ul.columns-1 {background: url(../images/dark/drop-bg-1.png) 0 100% no-repeat;}
#horiz-menu ul ul.columns-2 {background: url(../images/dark/drop-bg-2.png) 0 100% no-repeat;}
#horiz-menu ul ul.columns-3 {background: url(../images/dark/drop-bg-3.png) 0 100% no-repeat;}
#horiz-menu ul ul.columns-4 {background: url(../images/dark/drop-bg-4.png) 0 100% no-repeat;}
#horiz-menu li li {border-bottom: 1px solid #333;}
#horiz-menu ul ul li .link.daddy, #horiz-menu ul li.parent.active:hover li .link.daddy, #horiz-menu ul li.parent.active.sfHover li .link.daddy, #horiz-menu ul li.parent:hover li .link.daddy, #horiz-menu ul li.parent.sfHover li .link.daddy {background: url(../images/dark/drop-arrow.png) 95% 12px no-repeat;}
.menutop .submenu-animation-left {background: url(../images/dark/drop-hover.png) 0 0 repeat-x;}
#horiz-menu.suckerfish li li:hover, #horiz-menu.suckerfish li li.sfHover {background: url(../images/dark/drop-hover.png) 0 0 repeat-x;}
/* Bottom Section */
#botbar {background: url(../images/dark/topbar-m.png) 0 0 repeat-x;}
#botbar2 {background: url(../images/dark/topbar-l.png) 0 0 no-repeat;}
#botbar3 {background: url(../images/dark/topbar-r.png) 100% 0 no-repeat;}
#footer2 {background: url(../images/dark/footer-bl.png) 0 100% no-repeat;}
#footer3 {background: url(../images/dark/footer-br.png) 100% 100% no-repeat;border-top: 1px solid #000;}
#footerbar {background: url(../images/dark/footerbar-m.png) 0 0 repeat-x;}
#footerbar2 {background: url(../images/dark/footerbar-l.png) 0 0 no-repeat;}
#footerbar3 {background: url(../images/dark/footerbar-r.png) 100% 0 no-repeat;}
#rocket {background: url(../images/dark/rocket.png) 0 0 no-repeat;}
-
-
-
- John Hodgkinson
- Hero Rocketeer
- Posts: 421
- Thanks: 0
- Retired, but build and run websites for organisations of school leaders and others - e.g. http://www.icponline.org, http://www.aspa.asn.au, http://www.appa.asn.au
-
From what I can see in Firebug, the colour of the topbar is set partly by the graphic file topbar-r.png in the line: "transparent url(../images/dark/topbar-r.png) no-repeat scroll 100% 0" in the dark.css file. So to change the colour of the topbar, you'd have to change that graphic to a different colour. It appears to have two colours in it at present: #222222 and #2C2C2C. In fact there are three graphics that are used in the topbar - you can see that in the lines:
/* Top Bar */
#topbar {background: url(../images/dark/topbar-m.png) 0 0 repeat-x;}
#topbar2 {background: url(../images/dark/topbar-l.png) 0 0 no-repeat;}
#topbar3 {background: url(../images/dark/topbar-r.png) 100% 0 no-repeat;}
-
-
-
- Göran Carlfors
- Newbie
- Posts: 8
- Thanks: 0
-
John,
That was a bit tricky but THANKS a million for your help!
Göran
-
Time to create page: 0.095 seconds