■ 배너 | [ 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> |
■ 소스 수정 |
|
■ 수정된 소스 예시 |
<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> |
■ 수정 예시 영상 |