======HOW TO - Callout Message====== * description : How TO - Callout Message * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-03 \\ =====The source of this article===== [[https://www.w3schools.com/howto/howto_js_callout.asp|How To - Callout Message]]\\ =====Callout===== 콜아웃 메시지(callout message)는 종종 사용자에게 팁/트릭, 할인, 필요한 조치 등 특별한 사항을 알리기 위해 페이지 하단에 배치됩니다.\\


  




  Callout Messages

  Some content text, blabla.
  Some content text, blabla.
  Clickon the "x" symbol to close the callout message.
  
    Callout Header
    x
    
      Some text to describe the callout message. Learn more or close it if it is in your way.

=====Create a Callout===== Step 1) Add %%HTML%%:\\ ====Example====



  Callout Header
  ×
  
    Some text...

\\ 콜아웃 메시지를 닫는 기능을 원하는 경우, "클릭하면 부모 요소를 숨깁니다()"라는 ''%%onclick%%'' 속성을\\ %%%% 요소에 추가하십시오.\\ \\ **Tip:** %%HTML%% 엔티티 "''%%×%%''"를 사용하여 철자 "x"를 만듭니다.\\ \\ Step 2) Add CSS:\\ 콜아웃 박스와 클로즈 버튼에 스타일을 적용합니다.\\