[블로그] JB factory 유료스킨 - 색깔 상자 삽입하기

 

여러분 안녕하세요.

 

블로그 포스팅을 하다 보니 점점 더 예쁘게 포스팅하고 싶다는 욕구가 마구 생기네요. 

(틈날 때 이전 글 까지 조금씩 손보고 있어요. 완벽주의 어쩔.. ㅠㅠ) 

 

따라서 이것 저것 유료스킨 기능을 조금씩 써보고 있는 중이에요. 

 

 

그 중에서도 색깔 상자 삽입하기 기능이 너무 마음에 들어요. 단, 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가 있어요.

 

출처: www.jbfactory.net

 

 

 

그럼 우리 모두 예쁘게 꾸며 봐요. 

 

제가 자주 까먹어서 포스팅한 부분도 있어요. 

 

그러면 저는 또 다른 포스팅으로 돌아 오겠습니다. 

 

감사합니다. 

사업자 정보 표시
법률사무소 어썸 (Law Firm AWESOME) | 변호사 권경미 | 서울 강남구 강남대로 624 ICT TOWER 7층 | 사업자 등록번호 : 766-14-01799 | TEL : 010-6784-3363 | Mail : lawyeraloha@naver.com | 통신판매신고번호 : 호 | 사이버몰의 이용약관 바로가기

댓글

Designed by JB FACTORY