구글 blogger 블로그 css 추가로 소스 코드용 박스 모델(html box model)을 만들다.

지금까지 포스트 올릴 때 글과 소스 코드 구분이모호해 보기 좋지 않았다.
구글 blogger 테마 디자이너에서 'CSS 추가'를 이용해 '소스 코드'용 박스를 만들었다.



고급 메뉴의 'CSS 추가'에 아래 스크립트를 작성해 넣었다. 


.code_box { border-style: solid; 
border-color: #9090e0;
background-color: #fefefe;
border-width: 1px 3px 3px 1px; 
padding:10px; 
word-break;
break-all;}



글을 작성할 때 'HTML 보기'로 전환 후 div 태그에 class="code_box"를 추가해 사용한다.





위 그림처럼 추가하면 아래 박스와 같이 보여 진다.

댓글

댓글 쓰기

이 블로그의 인기 게시물

간단한 cfar 알고리즘에 대해

windows에서 간단하게 크롬캐스트(Chromecast)를 통해 윈도우 화면 미러링 방법

쉽게 설명한 파티클 필터(particle filter) 동작 원리와 예제

base64 인코딩 디코딩 예제 c 소스

간단한 칼만 필터(Kalman Filter) 소스 코드와 사용 예제