Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...


미리보기기본 템플릿
썸네일이 있을 경우


Code Block
languagejs
themeEmacs
titleHTML
<div style="width: 387px; border: 1px solid #ddd; color: #333; background-color: #123; text-align: center;">
    <img src="#{image}" style="height: 268px; max-width: 387px; display: block;">
    <div style="overflow: hidden; padding: 10px 10px 10px 10px; text-align: left; background-color: #FFF; display:block;">
        <a href="#{url}" style="font-size: 14px; color: #39b6b8; text-decoration: none; margin-top: 0px; margin-bottom: 3px;">#{url}</a>
        <p style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; font-weight: bold;
           margin-top: 0px; margin-top: 0px; margin-bottom: 3px;">#{title}</p>
        <p style="font-size: 14px; color: #757575; margin-top: 0px; margin-bottom: 3px;">#{description}</p>
    </div>
</div>


썸네일이 없을 경우


Code Block
languagejs
themeEmacs
titleHTML
<div style="box-sizing: border-box; border: 1px solid #717171; font-size: 0; width: 314px; height:80px; padding: 15px 8px; max-width: 100% !important;">
   <p style="font-size: 12px; font-weight: bold; white-space: nowrap; margin-top: 0px; margin-bottom: 3px; overflow: hidden; text-overflow: ellipsis;">#{title}</p>
   <p style="font-size: 12px; color: #757575; white-space: nowrap; margin-top: 0px; margin-bottom: 3px; overflow: hidden; text-overflow: ellipsis;">#{description}</p>
   <p style="font-size: 12px; white-space: nowrap; margin-top: 0px; margin-bottom: 3px; overflow: hidden; text-overflow: ellipsis; color: #39b6b8;">
        <a href="#{url}" style ="text-decoration: none; color: #39b6b8;">#{url}</a>
   </p>
</div>



커스텀 템플릿 설정 방법

HTML에 포함된 태그

...