여러분 안녕하세요.
블로그 포스팅을 하다 보니 점점 더 예쁘게 포스팅하고 싶다는 욕구가 마구 생기네요.
(틈날 때 이전 글 까지 조금씩 손보고 있어요. 완벽주의 어쩔.. ㅠㅠ)
따라서 이것 저것 유료스킨 기능을 조금씩 써보고 있는 중이에요.
그 중에서도 색깔 상자 삽입하기 기능이 너무 마음에 들어요. 단, HTML로 코드를 입력해 줘야 한다는 단점은 있습니다.
그럼 한 번 알아 볼게요.
JB factory 유료스킨 COLOR 글상자 삽입하기
지금 포스팅하고 있는 창을 [기본모드]에서 [HTML] 창으로 바꿔 주세요.
그리고 색깔 상자를 넣고 싶은 부분에다가 다음과 같은 코드를 입력해 주세요.
<div class="jb-box jb-box-red">
<p>글</p>
</div>
그러면 아래와 같이 출력 됩니다.
글
이때, 텍스트를 쭉 입력하면요. 다 한 줄로 표시된답니다.
만약에 여러 줄(아래는 3줄의 경우)로 표현하고 싶다면 다음과 같이 작성해 주세요.
<div class="jb-box jb-box-red">
<p>첫 번째 줄<br />두 번째 줄<br />세 번째 줄</p>
</div>
그러면 아래와 같이 출력 됩니다.
첫 번째 줄
두 번째 줄
세 번째 줄
JB factory 유료스킨 COLOR 글상자 색상 변경
만약 색깔을 바꾸고 싶다면 위 red 부분을 자신이 원하는 색으로 바꿔 주면 된답니다.
제공되는 종류는 red, pink, purple, indigo, blue, cyan, teal, grean, lime, yellow, amber, orange, brown, gray가 있어요.
그럼 우리 모두 예쁘게 꾸며 봐요.
제가 자주 까먹어서 포스팅한 부분도 있어요.
그러면 저는 또 다른 포스팅으로 돌아 오겠습니다.
감사합니다.