function dt_theme_color_picker()
{
$patterns_url = IAMD_FW_URL . "theme_options/images/pattern/";
$skins_url = IAMD_BASE_URL . "images/style-picker/";
$patterns = "";
$patterns_array = dt_theme_listImage(get_template_directory() . "/images/style-picker/patterns/");
foreach ($patterns_array as $k => $v) {
$img = IAMD_BASE_URL . "images/style-picker/patterns/" . $k;
$patterns .= '<li>';
$patterns .= "<a id='{$v}' href='' title=''>";
$patterns .= "<img src='{$img}' alt='{$v}' title='{$v}' width='30' height='30' />";
$patterns .= '</a>';
$patterns .= '</li>';
}
$colors = "";
foreach (getFolders(get_template_directory() . "/skins") as $skin) {
$img = $skins_url . $skin . ".jpg";
$colors .= '<li>';
$colors .= '<a id="' . $skin . '" href="" title="">';
$colors .= '<img src="' . $img . '" alt="color-' . $skin . '" title="color-' . $skin . '"/>';
$colors .= '</a>';
$colors .= '</li>';
}
$str = '<!-- **Theme Style Picker Wrapper** -->';
$str .= '<div class="dt-style-picker-wrapper">';
$str .= ' <a href="" title="" class="style-picker-ico"> <img src="' . IAMD_BASE_URL . 'images/style-picker/picker-icon.png" alt="" title="" /> </a>';
$str .= ' <div id="dt-style-picker">';
$str .= ' <h2>' . __('Select Your Style', 'iamd_text_domain') . '</h2>';
$str .= ' <h3>' . __('Choose your layout', 'iamd_text_domain') . '</h3>';
$str .= ' <ul class="layout-picker">';
$str .= ' <li> <a id="fullwidth" href="" title="" class="selected"> <img src="' . IAMD_BASE_URL . 'images/style-picker/fullwidth.jpg" alt="" title="" /> </a> </li>';
$str .= ' <li> <a id="boxed" href="" title=""> <img src="' . IAMD_BASE_URL . 'images/style-picker/boxed.jpg" alt="" title="" /> </a> </li>';
$str .= ' </ul>';
$str .= ' <div class="hr"> </div>';
$str .= ' <div id="pattern-holder" style="display:none;">';
$str .= ' <h3>' . __('Patterns for Boxed Layout', 'iamd_text_domain') . '</h3>';
$str .= ' <ul class="pattern-picker">';
$str .= $patterns;
$str .= ' </ul>';
$str .= ' <div class="hr"> </div>';
$str .= ' </div>';
$str .= ' <h3>' . __('Color scheme', 'iamd_text_domain') . '</h3>';
$str .= ' <ul class="color-picker">';
$str .= $colors;
$str .= ' </ul>';
$str .= ' </div>';
$str .= '</div><!-- **Theme Style Picker Wrapper - End** -->';
echo $str;
}
<!-- In-built BG Patterns starts-->
<div class="bg-pattern" <?php
echo $bg_pattern;
?>
>
<div class="hr_invisible"> </div>
<h6> <?php
_e('Choose Patterns', 'iamd_text_domain');
?>
</h6>
<!-- Pattern Sets Start -->
<div class="bpanel-option-set">
<ul class="bpanel-layout-set bpanel-post-layout">
<?php
$pattrens = dt_theme_listImage(IAMD_FW . "theme_options/images/patterns/");
foreach ($pattrens as $key => $value) {
$class = $key == dt_theme_option('appearance', 'boxed-layout-pattern') ? " class='selected' " : "";
echo "<li>";
echo "<a href='#' rel='{$key}' {$class}><img width='80px' height='80px' src='" . IAMD_FW_URL . "theme_options/images/patterns/{$key}' /></a>";
echo "</li>";
}
?>
</ul>
<input id="mytheme[appearance][boxed-layout-pattern]" name="mytheme[appearance][boxed-layout-pattern]" type="hidden"
value="<?php
echo dt_theme_option('appearance', 'boxed-layout-pattern');
?>
"/>
<p class="note"> <?php
_e('Choose background pattern, you can add patterns by placing the png files in the folder ', 'iamd_text_domain');
