Joomla Templates Club 406,261 posts

[brunoho Friend brunohoJoin date: September 2006Posts: 9Downloads:0Uploads:1]

#117222

I would like to add extra images to the color picker at top of template.
Also, want to add formatted text directly to the right of the color picker images that can instruct users to use the color picker.

Wherehow can this be done?

Thanks
BHO

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#210565

1. Add new colors to the array $ja_color_themes (line 17):
[PHP]$ja_color_themes = array(‘brown’, ‘green’, ‘red’, ‘blue’, ‘black’, ‘gold’, ‘white’); // You can add more color array if needed[/PHP]

2. Upload color picker images to folder /templates/ja_polaris/images. The image name must match the format: .gif. Eg: black.gif, gold.gif, white.gif…

3. Now add appropriate color css file to folder: /templates/ja_polaris/css/colors (eg: black.css, gold.css, white.css…)

That’s all you need to add a new color style for this template.

[brunoho Friend brunohoJoin date: September 2006Posts: 9Downloads:0Uploads:1]

#210568

Great work on the color picker!
Can you help with second part of my question?
Thx

brunoho wrote:

Also, want to add formatted text directly to the right of the color picker images that can instruct users to use the color picker.

Wherehow can this be done?
</blockquote>

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

#210580

Hi brunoho,

What do you like the formatted text to be? 😉

I guest you like to put the “Choose your color here” 😉 string into the color picker. If so, please open the “ja_templatetools.php” in the template folder, find these lines:

if ($jatool & 2){//show color tools
?>
<span class="ja-color-theme" style="font-size:11px">
<img style="cursor: pointer;" src="<?php echo $ja_template_path;?>/images/default_color<?php echo ( ($ja_color=="") ? "-hilite" : "" ) ?>.gif" title="Default color" alt="Default color" id="ja-tool-defaultcolor" onclick="changeToolHilite(curcolor, this);curcolor=this;setActiveStyleSheet('');" />

Replace with this code:

if ($jatool & 2){//show color tools
?>
<span class="ja-color-theme" style="font-size:11px">
<strong>Choose your color here:</strong>
<img style="cursor: pointer;" src="<?php echo $ja_template_path;?>/images/default_color<?php echo ( ($ja_color=="") ? "-hilite" : "" ) ?>.gif" title="Default color" alt="Default color" id="ja-tool-defaultcolor" onclick="changeToolHilite(curcolor, this);curcolor=this;setActiveStyleSheet('');" />

Hope this help 😀 !

[brunoho Friend brunohoJoin date: September 2006Posts: 9Downloads:0Uploads:1]

#210581

That did it. Thanks!!

[mpetrie Friend mpetrieJoin date: February 2006Posts: 8Downloads:0Uploads:0]

#218194

<em>@Khanh Le 2211 wrote:</em><blockquote>2. Upload color picker images to folder /templates/ja_polaris/images. The image name must match the format: .gif. Eg: black.gif, gold.gif, white.gif…</blockquote>

There’s a bit missing. You need two images for the colour picker. The first as described above, and the second for when the colour has been selected and is active. The image name for this one must match the format: -hilite.gif. Eg: black-hilite.gif, gold-hilite.gif, white-hilite.gif…

If you’re using the suckerfish menu you also need new menu background images in the /templates/ja_polaris/ja_cssmenu folder called navbg-.gif and navbg-on-.gif. The URL to these needs to be updated in the css/colors/.css if you’ve copied and modified an existing colour’s css file.

Mike

[Author]

Posts