제가 larsulrich님 블로그에서 소스를 살펴보니.

http://도메인주소/wp-content/plugins/ig_syntax_hilite/css/syntax_hilite_css.css

이런식으로 css주소가 정의되어 있더군요..

이 경우는 ployglot에서의 답변과 반대로 get_settings(‘siteurl’)을 사용하셔야합니다.

플러그인 파일의 30번째줄쯤에 있는

$igsyntax_hiliter_path = get_settings('home')

부분을

$igsyntax_hiliter_path = get_settings('siteurl')

로 바꾸신뒤 확인해보세요.

블로그 접속주소[get_settings(‘home’)]는 "http://도메인주소"형태로 바뀌었지만 파일들의 경로는 "http://도메인주소/워드프레스설치폴더"의 아래에 있기때문입니다.

블로그 내에서 특정링크나 페이지에 접속하기위한 주소를 표현할때는 get_settings(‘home’)을 사용하고, 워드프레스 내에있는 파일들의 주소(경로)를 표현할때는 get_settings(‘siteurl’)을 사용하게 됩니다.

larsulrich

그런데 저는 http://larsulrich.skynet.co.kr/?page_id=311식으로 보여지는군요

syntax_hilite_css.css파일은 aeronova님처럼 변경했습니다

aeronova님 처럼 보여지게 하려면 어떻게 해야하는지요.

larsulrich

그런데 저는 http://larsulrich.skynet.co.kr/?page_id=311식으로 보여지는군요

syntax_hilite_css.css파일은 aeronova님처럼 변경했습니다

aeronova님 처럼 보여지게 하려면 어떻게 해야하는지요.

larsulrich

aeronova님 블로그보면 가로바 세로바가 보이고 깔끔하던데 그걸 어떻게 하는지 모르겠습니다 X-D

larsulrich

aeronova님 블로그보면 가로바 세로바가 보이고 깔끔하던데 그걸 어떻게 하는지 모르겠습니다 X-D

larsulrich

.syntax_hilite {
        overflow: auto;
}


overflow의 속성들에 대해서는 W3C의 http://www.w3schools.com/css/pr_pos_overflow.asp를 참조하세요.

그리고 overflow의 속성과 연계된 것으로 white-space 속성이 있습니다. 이 속성도 아마 적절하게 설정하셔야 할 겁니다. 다음처럼요:

.syntax_hilite {
        white-space: nowrap;
        overflow: auto;


위의 CSS 설정 사항은 "한 줄의 코드가 길더라도 그 코드 줄을 접지 말고 주욱 펴되, 컨테이너(div, table 등)의 넓이를 초과하면 네비게이션 바를 자동으로 나타나게 하라"는 내용이 되겠습니다.

Gosinga

.syntax_hilite {
        overflow: auto;
}


overflow의 속성들에 대해서는 W3C의 http://www.w3schools.com/css/pr_pos_overflow.asp를 참조하세요.

그리고 overflow의 속성과 연계된 것으로 white-space 속성이 있습니다. 이 속성도 아마 적절하게 설정하셔야 할 겁니다. 다음처럼요:

.syntax_hilite {
        white-space: nowrap;
        overflow: auto;


위의 CSS 설정 사항은 "한 줄의 코드가 길더라도 그 코드 줄을 접지 말고 주욱 펴되, 컨테이너(div, table 등)의 넓이를 초과하면 네비게이션 바를 자동으로 나타나게 하라"는 내용이 되겠습니다.

Gosinga

.syntax_hilite, li .syntax_hilite {
   padding:3px 3px 10px 8px; border:1px solid #FFFFFF; background-color:#FEFEFE;
   font-size:13px; font-family:'Courier New',Courier,monospace;
   /* comment the line below to remove scrolling in code boxes */
   overflow:auto; white-space:nowrap;
}
/* change this line to set the width of code box */
.syntax_hilite { width:460px; }
/* change this line to set the width of code box in a list */
li .syntax_hilite { width:420px; }
.igBar, li .igBar {
   background-color:#E8E8E8; font-family:courier,arial,verdana;
   border-left:1px solid #EEEEEE; border-top:1px solid #EEEEEE;
   border-right:1px solid #FFFFFF;
}
/* change this line to set the width of plain text bar above code box */
.igBar { width:471px; }
/* change this line to set the width of plain text bar above code box in a list */
li .igBar { width:431px; }
.igBar a, .igBar a:hover {
   margin:0px 5px 0px 10px; font-weight:bold; color:#000000;
   text-decoration:none;
}
.syntax_hilite .langName { color:#000000; font-weight:bold; }
.syntax_hilite textarea { margin:0px -5px -2px 0px; border:none; }


저의 syntax_hilite_css.css 내용입니다
Gosinga님께서 말씀하신부분은 이미 적용되어있는것 같습니다

워드프레스 2.0.2 이고 영문판이며 디폴트 테마입니다

larsulrich

.syntax_hilite, li .syntax_hilite {
   padding:3px 3px 10px 8px; border:1px solid #FFFFFF; background-color:#FEFEFE;
   font-size:13px; font-family:'Courier New',Courier,monospace;
   /* comment the line below to remove scrolling in code boxes */
   overflow:auto; white-space:nowrap;
}
/* change this line to set the width of code box */
.syntax_hilite { width:460px; }
/* change this line to set the width of code box in a list */
li .syntax_hilite { width:420px; }
.igBar, li .igBar {
   background-color:#E8E8E8; font-family:courier,arial,verdana;
   border-left:1px solid #EEEEEE; border-top:1px solid #EEEEEE;
   border-right:1px solid #FFFFFF;
}
/* change this line to set the width of plain text bar above code box */
.igBar { width:471px; }
/* change this line to set the width of plain text bar above code box in a list */
li .igBar { width:431px; }
.igBar a, .igBar a:hover {
   margin:0px 5px 0px 10px; font-weight:bold; color:#000000;
   text-decoration:none;
}
.syntax_hilite .langName { color:#000000; font-weight:bold; }
.syntax_hilite textarea { margin:0px -5px -2px 0px; border:none; }


저의 syntax_hilite_css.css 내용입니다
Gosinga님께서 말씀하신부분은 이미 적용되어있는것 같습니다

워드프레스 2.0.2 이고 영문판이며 디폴트 테마입니다

larsulrich

그래서, larsulrich 님께서 사용하시는 버전에서는 syntax_hilite_css.css 파일을
/wp-content/plugins/ig_syntax_hilite/css/syntax_hilite_css.css 에 두셔야 합니다.

님의 블로그로 가 보니까, 이 위치에 css 파일이 존재하지 않습니다.

파이어폭스의 Web Developer Toolbar를 이용해서
larsulrich 님의 블로그에 제가 말씀드린 코드를 적용해 보니까 잘 됩니다.

Gosinga

그래서, larsulrich 님께서 사용하시는 버전에서는 syntax_hilite_css.css 파일을
/wp-content/plugins/ig_syntax_hilite/css/syntax_hilite_css.css 에 두셔야 합니다.

님의 블로그로 가 보니까, 이 위치에 css 파일이 존재하지 않습니다.

파이어폭스의 Web Developer Toolbar를 이용해서
larsulrich 님의 블로그에 제가 말씀드린 코드를 적용해 보니까 잘 됩니다.

Gosinga

Gosinga Escribi

larsulrich

Gosinga Escribi

larsulrich

CAUTION:- Leaving any colour field blank will not remove the colour, its just that your colour won’t be changed. Also, if you don’t save a valid Colour HexCode, then you’ll be responsible if your CSS breaks.

위와 같은 메시지가 떠있는데 연관이 있을까요?

코드 라인의 숫자를 꾸미는 컬러와 연관된 것이어서 그다지 상관은 없는 듯한데,
컬러의 헥사코드를 제대로 안 쓰면 CSS가 끊어진다는 경고는 하고 있군요.
컬러의 코드를 #3A6A8B 식으로 제대로 썼는지 한번 점검해 보시고요.

아무튼 플러그인 관련 CSS가 제대로 연결되어 있지 않은 것이 분명합니다.
위의 이유일 수도 있겠고, 파일명이 잘못되었을 수도 있겠고, …등등
제가 알지 못하는 어떤 이유 때문에 끊어져 있는 듯합니다.

파이어폭스의 Web Developer Toolbar를 이용해서 점검해 보세요.
(이 확장기능은 아시지요? 잘 모르시면 꼭!!! 사용해 보세요. 무지 유용합니다.)
이 Web Developer Toolbar를 이용해서 larsulrich 님의 블로그 CSS들 중에서
syntax_hilite_css.css를 클릭하면 다음의 메시지가 나온답니다:


<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<HTML><HEAD>
<TITLE>404 Not Found</TITLE>
</HEAD><BODY>
<H1>Not Found</H1>
The requested URL /wp-content/plugins/ig_syntax_hilite/css/syntax_hilite_css.css was not found on this server.<P>
<HR>
<ADDRESS>Apache/1.3.34 Server at larsulrich.skynet.co.kr Port 80</ADDRESS>
</BODY></HTML>


그래서 Web Developer Toolbar를 이용해 syntax_hilite_css.css 파일에
제가 말씀드린 CSS 코드를 입력해 보았습니다.
그 결과는 다음 그림과 같습니다. 네비게이션바가 나타나지요?

위의 결과는 어떤 이유인지는 몰라도 larsulrich님의 블로그에서
syntax_hilite_css.css 파일이 제대로 연결되어 있지 않다는 추정을 가능하게 합니다.[/img]

CAUTION:- Leaving any colour field blank will not remove the colour, its just that your colour won’t be changed. Also, if you don’t save a valid Colour HexCode, then you’ll be responsible if your CSS breaks.

위와 같은 메시지가 떠있는데 연관이 있을까요?

코드 라인의 숫자를 꾸미는 컬러와 연관된 것이어서 그다지 상관은 없는 듯한데,
컬러의 헥사코드를 제대로 안 쓰면 CSS가 끊어진다는 경고는 하고 있군요.
컬러의 코드를 #3A6A8B 식으로 제대로 썼는지 한번 점검해 보시고요.

아무튼 플러그인 관련 CSS가 제대로 연결되어 있지 않은 것이 분명합니다.
위의 이유일 수도 있겠고, 파일명이 잘못되었을 수도 있겠고, …등등
제가 알지 못하는 어떤 이유 때문에 끊어져 있는 듯합니다.

파이어폭스의 Web Developer Toolbar를 이용해서 점검해 보세요.
(이 확장기능은 아시지요? 잘 모르시면 꼭!!! 사용해 보세요. 무지 유용합니다.)
이 Web Developer Toolbar를 이용해서 larsulrich 님의 블로그 CSS들 중에서
syntax_hilite_css.css를 클릭하면 다음의 메시지가 나온답니다:


<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<HTML><HEAD>
<TITLE>404 Not Found</TITLE>
</HEAD><BODY>
<H1>Not Found</H1>
The requested URL /wp-content/plugins/ig_syntax_hilite/css/syntax_hilite_css.css was not found on this server.<P>
<HR>
<ADDRESS>Apache/1.3.34 Server at larsulrich.skynet.co.kr Port 80</ADDRESS>
</BODY></HTML>


그래서 Web Developer Toolbar를 이용해 syntax_hilite_css.css 파일에
제가 말씀드린 CSS 코드를 입력해 보았습니다.
그 결과는 다음 그림과 같습니다. 네비게이션바가 나타나지요?

위의 결과는 어떤 이유인지는 몰라도 larsulrich님의 블로그에서
syntax_hilite_css.css 파일이 제대로 연결되어 있지 않다는 추정을 가능하게 합니다.[/img]

syntax_hilite_css.css


.syntax_hilite, li .syntax_hilite {
   /*padding:3px 3px 10px 8px; border:1px solid #303130; background-color:#FEFEFE;*/
   padding:3px 3px 10px 8px; border:1px solid #FFFFFF; background-color:#FEFEFE;
   font-size:13px; font-family:'Courier New',Courier,monospace;
   /* comment the line below to remove scrolling in code boxes */
   overflow:auto; white-space:nowrap;
}
/* change this line to set the width of code box */
/*.syntax_hilite { width:500px; }*/
.syntax_hilite { width:460px; }
/* change this line to set the width of code box in a list */
/*li .syntax_hilite { width:460px; }*/
li .syntax_hilite { width:420px; }
.igBar, li .igBar {
   /*background-color:#D6D3CE; font-family:courier,arial,verdana;*/
   /*background-color:#99CCFF; font-family:courier,arial,verdana;*/
   background-color:#E8E8E8; font-family:courier,arial,verdana;
   border-left:1px solid #EEEEEE; border-top:1px solid #EEEEEE;
   /*border-right:1px solid #424142;*/
   border-right:1px solid #FFFFFF;
}
/* change this line to set the width of plain text bar above code box */
/*.igBar { width:511px; }*/
.igBar { width:471px; }
/* change this line to set the width of plain text bar above code box in a list */
/*li .igBar { width:471px; }*/
li .igBar { width:431px; }
.igBar a, .igBar a:hover {
   margin:0px 5px 0px 10px; font-weight:bold; color:#000000;
   text-decoration:none;
}
.syntax_hilite .langName { color:#000000; font-weight:bold; }
.syntax_hilite textarea { margin:0px -5px -2px 0px; border:none; }

aeronova

syntax_hilite_css.css


.syntax_hilite, li .syntax_hilite {
   /*padding:3px 3px 10px 8px; border:1px solid #303130; background-color:#FEFEFE;*/
   padding:3px 3px 10px 8px; border:1px solid #FFFFFF; background-color:#FEFEFE;
   font-size:13px; font-family:'Courier New',Courier,monospace;
   /* comment the line below to remove scrolling in code boxes */
   overflow:auto; white-space:nowrap;
}
/* change this line to set the width of code box */
/*.syntax_hilite { width:500px; }*/
.syntax_hilite { width:460px; }
/* change this line to set the width of code box in a list */
/*li .syntax_hilite { width:460px; }*/
li .syntax_hilite { width:420px; }
.igBar, li .igBar {
   /*background-color:#D6D3CE; font-family:courier,arial,verdana;*/
   /*background-color:#99CCFF; font-family:courier,arial,verdana;*/
   background-color:#E8E8E8; font-family:courier,arial,verdana;
   border-left:1px solid #EEEEEE; border-top:1px solid #EEEEEE;
   /*border-right:1px solid #424142;*/
   border-right:1px solid #FFFFFF;
}
/* change this line to set the width of plain text bar above code box */
/*.igBar { width:511px; }*/
.igBar { width:471px; }
/* change this line to set the width of plain text bar above code box in a list */
/*li .igBar { width:471px; }*/
li .igBar { width:431px; }
.igBar a, .igBar a:hover {
   margin:0px 5px 0px 10px; font-weight:bold; color:#000000;
   text-decoration:none;
}
.syntax_hilite .langName { color:#000000; font-weight:bold; }
.syntax_hilite textarea { margin:0px -5px -2px 0px; border:none; }

aeronova