Example: you can create a new color style such as Black
*** For yt framework j25
a) go to “templates\yt_framework\templateDetails.xml”, finding:
|
1 2 3 4 5 6 |
<field name="sitestyle" type="list" default="blue" label="SITE_STYLE_LABEL" description="SITE_STYLE_DESC"> <option value="purple">Purple</option> <option value="blue">Blue</option> <option value="green">Green</option> <option value="red">Red</option> </field> |
=>
|
1 2 3 4 5 6 7 |
<field name="sitestyle" type="list" default="blue" label="SITE_STYLE_LABEL" description="SITE_STYLE_DESC"> <option value="purple">Purple</option> <option value="blue">Blue</option> <option value="green">Green</option> <option value="red">Red</option> <option value="black">Black</option> </field> |
b) go to “templates\yt_framework\css\color\color.xml”, finding:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<sitestyle> <blue> <filestyle>blue</filestyle> </blue> <red> <filestyle>red</filestyle> </red> <green> <filestyle>green</filestyle> </green> <purple> <filestyle>purple</filestyle> </purple> </sitestyle> |
=>
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<sitestyle> <blue> <filestyle>blue</filestyle> </blue> <red> <filestyle>red</filestyle> </red> <green> <filestyle>green</filestyle> </green> <purple> <filestyle>purple</filestyle> </purple> <black> <filestyle>black</filestyle> </black> </sitestyle> |
c) go to “templates\yt_framework\css\color” folder, copy an existing color file and rename it to black.css
d) change the content of black.css file according to your mean
e) you can choose the color style in the cpanel on fronend or Style Settings in the template configuration.
*** For Sj Joomla3 template
a) go to “templates\sj_joomla3\templateDetails.xml”, finding:
|
1 2 3 4 5 6 |
<field name="sitestyle" type="list" default="blue" label="SITE_STYLE_LABEL" description="SITE_STYLE_LABEL"> <option value="blue">Blue</option> <option value="red">Red</option> <option value="green">Green</option> <option value="gray">Gray</option> </field> |
=>
|
1 2 3 4 5 6 7 |
<field name="sitestyle" type="list" default="blue" label="SITE_STYLE_LABEL" description="SITE_STYLE_LABEL"> <option value="blue">Blue</option> <option value="red">Red</option> <option value="green">Green</option> <option value="gray">Gray</option> <option value="black">Black</option> </field> |
b) go to “templates\sj_joomla3\includes\cpanel.php”, finding:
|
1 2 3 4 5 6 |
<div class="inner clearfix"> <span title="Red" class="theme-color red<?php echo ($yt->getParam('sitestyle')=='red')?' active':'';?>">Red</span> <span title="Green" class="theme-color green<?php echo ($yt->getParam('sitestyle')=='green')?' active':'';?>">Green</span> <span title="Blue" class="theme-color blue<?php echo ($yt->getParam('sitestyle')=='blue')?' active':'';?>">Blue</span> <span title="Gray" class="theme-color gray<?php echo ($yt->getParam('sitestyle')=='gray')?' active':'';?>">Gray</span> </div> |
=>
|
1 2 3 4 5 6 7 |
<div class="inner clearfix"> <span title="Red" class="theme-color red<?php echo ($yt->getParam('sitestyle')=='red')?' active':'';?>">Red</span> <span title="Green" class="theme-color green<?php echo ($yt->getParam('sitestyle')=='green')?' active':'';?>">Green</span> <span title="Blue" class="theme-color blue<?php echo ($yt->getParam('sitestyle')=='blue')?' active':'';?>">Blue</span> <span title="Gray" class="theme-color gray<?php echo ($yt->getParam('sitestyle')=='gray')?' active':'';?>">Gray</span> <span title="Black" class="theme-color black<?php echo ($yt->getParam('sitestyle')=='black')?' active':'';?>">Black</span> </div> |
c) go to “templates\sj_joomla3\includes\bottom.php”, finding:
|
1 2 3 4 5 6 |
$('.theme-color.gray').click(function(){ $($(this).parent().find('.active')).removeClass('active'); $(this).addClass('active'); createCookie(TMPL_NAME+'_'+'sitestyle', $(this).html().toLowerCase(), 365); templateSetting(array_gray); onCPApply(); }); |
=>
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
$('.theme-color.gray').click(function(){ $($(this).parent().find('.active')).removeClass('active'); $(this).addClass('active'); createCookie(TMPL_NAME+'_'+'sitestyle', $(this).html().toLowerCase(), 365); templateSetting(array_gray); onCPApply(); }); $('.theme-color.black').click(function(){ $($(this).parent().find('.active')).removeClass('active'); $(this).addClass('active'); createCookie(TMPL_NAME+'_'+'sitestyle', $(this).html().toLowerCase(), 365); templateSetting(array_gray); onCPApply(); }); |
d) go to “templates\sj_joomla3\css\color” folder, copy an existing color file and rename it to black.css
e) change the content of black.css according to your mean
f) you can choose the color style in the cpanel on fronend or Style Settings in the template configuration.
