# image-map-hotspots/2.3/settings/template-settings.php

Image Hotspot – Map Image Annotation, version 2.3. 80 lines.

- Page: https://pluginprobe.com/plugins/image-map-hotspots/2.3/code/settings/template-settings.php
- Raw: https://pluginprobe.com/plugins/image-map-hotspots/2.3/raw/settings/template-settings.php
- Modified: 2024-09-23T15:54:06+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/image-map-hotspots/2.3/code/settings/template-settings.php#L10-L20`.

```php
<div class="imh-6310-form imh_6310_template_description imh-6310-form-03 imh-6310-form-04 imh-6310-form-05 imh-6310-hide">
  <table border="0" width="50%" cellpadding="10" cellspacing="0">
    <tr class="">
      <td class='imh-6310-width-150'><label class="imh-6310-form-label" for="picture">Add Image  <span class="imh-6310-pro">(Pro)</span> :</label></td>
      <td>
        <input type="text" name="image" id="imh-6310-des-img" class="imh-6310-form-input imh-6310-des-img" value="">   
        <input type="button" value="Upload Image" class="imh-6310-btn-default imh-6310-icon-upload custom-icon-image" data-id="imh-6310-des-img">     
      </td>
    </tr>   
    <tr>
      <td class='imh-6310-width-150'><b>Description  <span class="imh-6310-pro">(Pro)</span> :</b></td>
      <td>
        <textarea class="imh-6310-form-input imh-6310-tooltip_discription" name="" id="imh-6310-tooltip_discription" cols="30" rows="10" data-value="Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis vero maxime beatae fugiat, aspernatur quia."></textarea>
      </td>
    </tr> 
    <tr>
      <td class='imh-6310-width-150'><b>Description Font Size  <span class="imh-6310-pro">(Pro)</span> :</b></td>
      <td>
        <input type="number" class="imh-6310-form-input imh-6310-tooltip_discription_font_size" name="" id="imh-6310-tooltip_discription_font_size" data-value="16">
      </td>
    </tr>
    <tr>
      <td class='imh-6310-width-150'><b>Description Font Color  <span class="imh-6310-pro">(Pro)</span></b></td>
      <td>
        <input type="text" class="imh-6310-form-input imh_6310_color_picker imh-6310-tooltip_discription_font_color" data-format="rgb" data-opacity="0.8" data-value="rgb(0, 0, 0)"  name="" id="imh-6310-tooltip_discription_font_color">
      </td>
    </tr>
  </table>
</div>
<div class="imh-6310-form imh_6310_font_prop imh-6310-form-01 imh-6310-form-04 imh-6310-form-03 imh-6310-form-05 imh-6310-hide"> 
  <table border="0" width="50%" cellpadding="10" cellspacing="0"> 
    <tr>
      <td class='imh-6310-width-150'><b>Title Font Size</b></td>
      <td>
        <input type="number" min="0" class="imh-6310-form-input imh_6310_template_font_size" step="1" data-value="16" />
      </td>
    </tr> 
    <tr>
      <td><b>Title Font Color</b></td>
      <td>
        <input type="text" class="imh-6310-form-input imh_6310_color_picker imh_6310_template_font_color" data-format="rgb" data-value="rgb(18, 0, 0)" >
      </td>
    </tr>   
    <tr>
      <td><b>Background Color <span class="imh-6310-pro">(Pro)</span> :</b></td>
      <td>
        <input type="text" class="imh-6310-form-input imh_6310_color_picker imh_6310_template_bg_color" data-format="rgb" data-value="rgb(255, 255, 255)"  >
      </td>
    </tr> 
   
  </table>
</div>

<div class="imh-6310-form imh_6310_template_embedded imh-6310-form-02 imh-6310-hide">
  <table border="0" width="100%" cellpadding="10" cellspacing="0"> 
    <tr>
      <td class='imh-6310-width-150'><b>Embedded Code <span class="imh-6310-pro">(Pro)</span></b></td>
      <td>
        <textarea name="imh-6310-embedded_code_link" id="imh-6310-embedded_code_link" class="imh-6310-embedded_code_link" cols="90" rows="5" placeholder="This template avaiable on pro only." readonly></textarea>
      </td>
    </tr> 
  </table>
</div>
<div class="imh-6310-form imh_6310_custom_template imh-6310-hide">
  <table border="0" width="100%" cellpadding="10" cellspacing="0"> 
    <tr>
      <td class='imh-6310-width-150'><b>HTML Code <span class="imh-6310-pro">(Pro)</span> :</b></td>
      <td>
        <textarea name="imh-6310-custome_html" id="imh-6310-custome_html" class="imh-6310-custome_html" cols="90" rows="5" data-value=''placeholder="This template avaiable on pro only." readonly></textarea>
        <a href="https://wpmart.org/image-hotspot-templates-01-10/" target="_blank" class='imh-6310-custom-code-url'>Get build in custom code for tooltip / popup</a>
      </td>
    </tr> 
    <tr>
      <td class='imh-6310-width-150'><b>CSS Code <span class="imh-6310-pro">(Pro)</span> :</b></td>
      <td>
        <textarea name="imh-6310-custome_css" id="imh-6310-custome_css" class="imh-6310-custome_css" cols="90" rows="5" data-value='' placeholder="This template avaiable on pro only." readonly></textarea>
      </td>
    </tr> 
  </table>
</div>
```
