Joomla Templates Club 406,261 posts

[chanton Friend chantonJoin date: July 2006Posts: 137Downloads:0Uploads:10 Thanks: 6 Thanked: 2 times in 1 posts]

#131335

How to add more colour?

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#262336

And the best place to start would be … adding more of an explanation. How much? Where? Etc.

Thanks!
John.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#262345

<em>@chanton 69587 wrote:</em><blockquote>How to add more colour?</blockquote>

How much experience in working with CSS website design do you have?

[Hieu Nguyen Admin Hieu NguyenJoin date: November 2005Posts: 678Downloads:36Uploads:0 Thanks: 69 Thanked: 61 times in 1 posts]

#262366

Preparing material.

– Duplicate red.css and red-ie6.php then rename them to the name of your color. For example brown.css and brown-ie6.php.

– Duplicate the red folder in the images folder. If your CSS files named brown.css then please rename the folder to brown.

– Add the color option to choose from backend by insert the bold line below to templateDetails.xml :
<param name=”ja_color” type=”list” default=”default” label=”Color Variation” description=”Color variation to use”>
<option value=”default”>Default</option>
<option value=”red”>Red</option>
<option value=”green”>Green</option>
<option value=”brown”>Brown</option>
</param>

Edit CSS.

– All you need to do next is find and replace the color in the css file and the appropriate images.

– Remember to change the path of the images. Just try to find and replace /red/ with /brown/. Easy!

Hope it helps!

2 users say Thank You to Hieu Nguyen for this useful post

1. sea dog
2. eirik solheim

[eirik solheim Friend eirik solheimJoin date: November 2007Posts: 14Downloads:0Uploads:2 Thanks: 2 Thanked: 1 times in 1 posts]

#263751

I wanted orange (#FF6600) instead of red. I edited the red.css file and made new orange buttons (gif files).

Perhapse they will be usefull to others.

NB. Remember to backup original files so you can switch back if you don’t like the color, e.g., by renaming the original files; red_original.css etc…

red.css goes in ja_mesolite/css/colors/red/

the other (*.png & *.gif) files are uploaded in ja_mesolite/images/ red/

Eirik Solheim

---

Attachments:

1. orange_color.zip

[heidi Friend heidiJoin date: May 2008Posts: 45Downloads:0Uploads:4 Thanks: 13]

#275038

<em>@Hieu Nguyen 69673 wrote:</em><blockquote>

– Add the color option to choose from backend by insert the bold line below to templateDetails.xml :
<param name=”ja_color” type=”list” default=”default” label=”Color Variation” description=”Color variation to use”>
<option value=”default”>Default</option>
<option value=”red”>Red</option>
<option value=”green”>Green</option>
<option value=”brown”>Brown</option>
</param>

Edit CSS.

– All you need to do next is find and replace the color in the css file and the appropriate images.

– Remember to change the path of the images. Just try to find and replace /red/ with /brown/. Easy!

Hope it helps!</blockquote>

HI there, Hieu. I have added the color option in templateDetails and it is showing up in my parameters. I have also and successfully uploaded all my new color images. I have also edited the css. All is working and in place.

Now, how do I add the color option to ja-usertools so that it shows up at the top of the page? Yes, I have uploaded the new color icon, etc. It’s all there, but I can’t figure out how to add something to the usertools.

BTW, using Firebug, I was able to view my new color by adding this HTML code:

<li><img onclick=”switchTool(‘ja_corona_ja_color’,’navy’);return false;” id=”ja-tool-navycolor” alt=”navy color” title=”navy color” src=”http://beta.baseballnation.us/templates/ja_corona/images/navy.gif” style=”cursor: pointer;”/></li>

But I cannot find where to add this permanently.

Can you help me?

[Author]

Posts