■ 배너 [ 23 ] 메인 포퓰러 스타일북 : 500 * 500
■ 소스 위치 /index.html 파일 262줄
(※ 기존소스에서 수정하신 내용이 있다면 차이가 있을 수 있습니다.)
■ 기존소스
<div module="bannermanage2_display_번호">
   <div class="sp-index-popular-1">
      <br /><br /><br /><br /><br />
      <ul>
         <div>
            <div class="sp-index-popular-title">
               <span>POPULAR / TREND</span>
               <p>최신 트렌드를 한눈에 확인하세요</p>
            </div>
            <div layout="sp-layout-fixed" class="sp-slider-loop">
               <table class="sp-mastable" line="f9f9f9">
                  <tr>
                     <td width="40%" ratio="1" colspan="2" rowspan="2"><a href="{$href}" {$target} class="sp-mastable-element" hover="true"><ul><li><p class="sp-text">{$title}<i class="displaynone">{$banner}</i></p></li></ul></a><p class="sp-mastable-trick">{$banner}</p></td>
                     <td width="40%" ratio="2-1" colspan="2"><a href="{$href}" {$target} class="sp-mastable-element" hover="true"><ul><li><p class="sp-text">{$title}<i class="displaynone">{$banner}</i></p></li></ul></a><p class="sp-mastable-trick">{$banner}</p></td>
                     <td width="20%" ratio="1"><a href="{$href}" {$target} class="sp-mastable-element" hover="true"><ul><li><p class="sp-text">{$title}<i class="displaynone">{$banner}</i></p></li></ul></a><p class="sp-mastable-trick">{$banner}</p></td>
                  </tr>
                  <tr>
                     <td width="20%" ratio="1"><a href="{$href}" {$target} class="sp-mastable-element" hover="true"><ul><li><p class="sp-text">{$title}<i class="displaynone">{$banner}</i></p></li></ul></a><p class="sp-mastable-trick">{$banner}</p></td>
                     <td width="40%" ratio="2-1" colspan="2"><a href="{$href}" {$target} class="sp-mastable-element" hover="true"><ul><li><p class="sp-text">{$title}<i class="displaynone">{$banner}</i></p></li></ul></a><p class="sp-mastable-trick">{$banner}</p></td>
                  </tr>
                  <tr>
                     <td width="40%" ratio="2-1" colspan="2"><a href="{$href}" {$target} class="sp-mastable-element" hover="true"><ul><li><p class="sp-text">{$title}<i class="displaynone">{$banner}</i></p></li></ul></a><p class="sp-mastable-trick">{$banner}</p></td>
                     <td width="20%" ratio="1"><a href="{$href}" {$target} class="sp-mastable-element" hover="true"><ul><li><p class="sp-text">{$title}<i class="displaynone">{$banner}</i></p></li></ul></a><p class="sp-mastable-trick">{$banner}</p></td>
                     <td width="40%" ratio="1" colspan="2" rowspan="2"><a href="{$href}" {$target} class="sp-mastable-element" hover="true"><ul><li><p class="sp-text">{$title}<i class="displaynone">{$banner}</i></p></li></ul></a><p class="sp-mastable-trick">{$banner}</p></td>
                     </tr>
                     <tr>
                     <td width="20%" ratio="1"><a href="{$href}" {$target} class="sp-mastable-element" hover="true"><ul><li><p class="sp-text">{$title}<i class="displaynone">{$banner}</i></p></li></ul></a><p class="sp-mastable-trick">{$banner}</p></td>
                     <td width="40%" ratio="2-1" colspan="2"><a href="{$href}" {$target} class="sp-mastable-element" hover="true"><ul><li><p class="sp-text">{$title}<i class="displaynone">{$banner}</i></p></li></ul></a><p class="sp-mastable-trick">{$banner}</p></td>
                  </tr>
               </table>
            </div>
         </div>
      </ul>
      <br /><br />
   </div><!--//여기까지-->
</div>
(※ 기존소스에서 수정하신 내용이 있다면 차이가 있을 수 있습니다.)
■ 소스 수정
  • module="bannermanage2_display_번호"를 삭제해주세요.
  • <a href="{$href}" {$target} class="sp-mastable-element" hover="true"><ul><li><p class="sp-text">{$title}<i class="displaynone">{$banner}</i></p></li></ul></a><p class="sp-mastable-trick">{$banner}</p>를
    <a href="[링크경로]" class="sp-mastable-element" hover="true"><ul><li><p class="sp-text">[텍스트]<br>[텍스트]</p></li></ul></a><p class="sp-mastable-trick"><img src="[이미지경로]" /></p>로 변경해주세요.
■ 수정된 소스 예시
<div>
   <div class="sp-index-popular-1">
      <br /><br /><br /><br /><br />
      <ul>
         <div>
            <div class="sp-index-popular-title">
               <span>POPULAR / TREND</span>
               <p>최신 트렌드를 한눈에 확인하세요</p>
            </div>
            <div layout="sp-layout-fixed" class="sp-slider-loop">
               <table class="sp-mastable" line="f9f9f9">
                  <tr>
                     <td width="40%" ratio="1" colspan="2" rowspan="2"><a href="/index.html" class="sp-mastable-element" hover="true"><ul><li><p class="sp-text">텍스트<br>텍스트</p></li></ul></a><p class="sp-mastable-trick"><img src="/_img/no23/banner/11/01.png" /></p></td>
                     <td width="40%" ratio="2-1" colspan="2"><a href="/index.html" class="sp-mastable-element" hover="true"><ul><li><p class="sp-text">텍스트<br>텍스트</p></li></ul></a><p class="sp-mastable-trick"><img src="/_img/no23/banner/11/02.png" /></p></td>
                     <td width="20%" ratio="1"><a href="/index.html" class="sp-mastable-element" hover="true"><ul><li><p class="sp-text">텍스트<br>텍스트</p></li></ul></a><p class="sp-mastable-trick"><img src="/_img/no23/banner/11/03.png" /></p></td>
                  </tr>
                  <tr>
                     <td width="20%" ratio="1"><a href="/index.html" class="sp-mastable-element" hover="true"><ul><li><p class="sp-text">텍스트<br>텍스트</p></li></ul></a><p class="sp-mastable-trick"><img src="/_img/no23/banner/11/04.png" /></p></td>
                     <td width="40%" ratio="2-1" colspan="2"><a href="/index.html" class="sp-mastable-element" hover="true"><ul><li><p class="sp-text">텍스트<br>텍스트</p></li></ul></a><p class="sp-mastable-trick"><img src="/_img/no23/banner/11/05.png" /></p></td>
                  </tr>
               </table>
            </div>
         </div>
      </ul>
      <br /><br />
   </div><!--//여기까지-->
</div>
■ 수정 예시 영상