'syntaxhighlighter' 태그의 글 목록

2009. 11. 2. 11:46 연구실에서는...

연구실 숙제!! SyntaxHighlighter 적용~

각자 블로그에 아래에 포스팅된 SyntaxHighlighter 를 설치해보고 글을 써서 캡챠화면을 팀 블로그에 올려주세요~
>> 그리고 해당 글을 이 글에 트랙백을 걸 것~ << (2009-11-03 추가)

기한: 2009년 11월 6일 까지

기한엄수!!!

저작자표시

'연구실에서는...' 카테고리의 다른 글

연구실 대청소... (1)	2009.11.02
팀 블로그에 'Cumulus for Tistory' 적용~ (0)	2009.11.02
하아..교육...받고왔음... (2)	2009.11.01
연구실 잉여들 과제받으셈~ ㅋㅋㅋ (5)	2009.11.01
연구실 사람들 책상!!! 샤샷~ (4)	2009.10.29

Posted by 자수씨

2009. 11. 2. 01:08 그 외...

SyntaxHighlighter 폰트 크기 조정하기

shCore.css 의 파일에서 다음 부분을 수정합니다.

.syntaxhighlighter table tbody
{
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	outline: 0 !important;
	background: none !important;
	text-align: left !important;
	float: none !important;
	vertical-align: baseline !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	height: auto !important;
	width: auto !important;
	line-height: 1.1em !important;
	font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
	font-weight: normal !important;
	font-style: normal !important;
	font-size: 1em !important;
	min-height: inherit !important; /* For IE8, FF & WebKit */
	min-height: auto !important; /* For IE7 */
}

22 번째 줄의 font-size 를 변경하시면 됩니다. (현재 이 블로그는 8pt 로 적용하였습니다.)

저작자표시

'그 외...' 카테고리의 다른 글

야옹야옹 100만점 플레이 동영상 (3)	2009.11.08
크리티컬의 쾌거 (1)	2009.11.04
기상아, 니가 MVP냐???? (2)	2009.11.04
이정도는 되야지... 훗 (2)	2009.11.03
블로그에 SyntaxHighlighter 적용하기 (tistory) (3)	2009.11.02

Posted by 자수씨

2009. 11. 2. 00:14 그 외...

블로그에 SyntaxHighlighter 적용하기 (tistory)

SyntaxHighlighter 홈페이지 에서 syntaxhighlighter_2.1.364.zip 파일을 다운받습니다.

Tistory 관리자 페이지에서 스킨 > HTML/CSS 편집 페이지로 이동합니다.
위에서 다운받은 파일의 압축을 풀고 파일 업로드 탭에서 scripts 폴더와 styles 폴더의 내용을 모두 업로드합니다.

HTML/CSS 편집탭에서 아래와 같이 html 을 수정합니다.

<head>
...
<script type="text/javascript" src="./images/shCore.js"></script>
<script type="text/javascript" src="./images/shBrushBash.js"></script>
<script type="text/javascript" src="./images/shBrushCpp.js"></script>
<script type="text/javascript" src="./images/shBrushCSharp.js"></script>
<script type="text/javascript" src="./images/shBrushCss.js"></script>
<script type="text/javascript" src="./images/shBrushDelphi.js"></script>
<script type="text/javascript" src="./images/shBrushDiff.js"></script>
<script type="text/javascript" src="./images/shBrushGroovy.js"></script>
<script type="text/javascript" src="./images/shBrushJava.js"></script>
<script type="text/javascript" src="./images/shBrushJScript.js"></script>
<script type="text/javascript" src="./images/shBrushPhp.js"></script>
<script type="text/javascript" src="./images/shBrushPlain.js"></script>
<script type="text/javascript" src="./images/shBrushPython.js"></script>
<script type="text/javascript" src="./images/shBrushRuby.js"></script>
<script type="text/javascript" src="./images/shBrushScala.js"></script>
<script type="text/javascript" src="./images/shBrushSql.js"></script>
<script type="text/javascript" src="./images/shBrushVb.js"></script>
<script type="text/javascript" src="./images/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="./images/shCore.css"/>
<link type="text/css" rel="stylesheet" href="./images/shThemeEclipse.css"/>

<script type="text/javascript" src="./images/shLegacy.js"></script> 
<script type="text/javascript">
	SyntaxHighlighter.config.clipboardSwf = './images/clipboard.swf';
	SyntaxHighlighter.all();
</script>
...
</head>
<body onload="dp.SyntaxHighlighter.HighlightAll('code');">
...

22번째 줄에서 theme css 파일을 수정하면 다양한 테마로 볼 수 있습니다.

2.0 버전에서 입력 방법

1.5 버전 대응 입력 방법

SyntaxHighlighter:Brushes 에서 brush 의 종류를 확인하시고
2.0 버전에서는 class="brush: [brush];" 로 변경하고
1.5 대응 버전에서는 class="[brush]" 로 변경합니다.

저작자표시

'그 외...' 카테고리의 다른 글

야옹야옹 100만점 플레이 동영상 (3)	2009.11.08
크리티컬의 쾌거 (1)	2009.11.04
기상아, 니가 MVP냐???? (2)	2009.11.04
이정도는 되야지... 훗 (2)	2009.11.03
SyntaxHighlighter 폰트 크기 조정하기 (0)	2009.11.02

Posted by 자수씨

일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

DB/SE Lab 잉여잉여~

'syntaxhighlighter'에 해당되는 글 3건

연구실 숙제!! SyntaxHighlighter 적용~

'연구실에서는...' 카테고리의 다른 글

SyntaxHighlighter 폰트 크기 조정하기

'그 외...' 카테고리의 다른 글

블로그에 SyntaxHighlighter 적용하기 (tistory)

'그 외...' 카테고리의 다른 글

카테고리

태그목록

공지사항

달력

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

링크

글 보관함

티스토리툴바