구글 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)를 통해 윈도우 화면 미러링 방법

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

python asyncio를 이용한 async socket server client example code

안드로이드(android) 전체 화면 시계 앱(clock app) 예제 코드