CSS 추가 예제


개요

  • 외부 태그를 채팅방 스킨의 jquery 를 이용하여 삽입합니다.
  • 공지사항에 해당하는 채팅라인을 초록색 바탕의 흰색글씨색으로 변경을 강제합니다.

 

소스

<script type="text/template" id="Uchat_custom_style">
    <style>
        .system { background: #2c7324 !important; padding: 4px !important; margin: 4px 0 !important; color: white !important;}
    </style>
</script>
<script>
U.chat('*').on('after.create', function (room, data) {
    var $ = room.skin.window.$; // 스킨 내부의 jquery 가져오기
    $('head').append($('#Uchat_custom_style', document).html()); // css 설치
});
</script>