제로보드에 두개의 웹폰트 적용하기
제로보드에 두개의 웹폰트를 적용하려면, 아래의 과정을 거치면 됩니다.
이 예제는 게시판에서 특정 글을 읽었을때 제목부분만 둥근딱지체로 나오게 하고,
다른 부분은 정9로 나오게 하고 싶을때의 예제입니다.
아래 예제를 통해서 고치고 싶은 부분을 마음껏 수정해 보세요....^^
1. 해당 스킨디렉토리의 style.css 에 아래와 같이 제목용 웹폰트를 등록합니다.
@font-face {font-family:정9;src:url(jung9.mwf 파일의 주소);}
@font-face {font-family:딱지12;src:url(dungddak12.mwf 파일의 주소);}
BODY,TD,SELECT,input,DIV,form,TEXTAREA,center,option,pre,blockquote {font-family:정9;font-size:9pt;color:#160F25;}
A:link {color:black;text-decoration:none;}
A:visited {color:black;text-decoration:none;}
A:active {color:black;text-decoration:none;}
A:hover {color:gray;text-decoration:none;}
.input {border:solid 1;background-color:white;border-color:160F25}
.submit {border:solid 1 white;font-family:정9;font-size:9pt;color:white;background-color:160F25; height=18px}
.stitle {font-family:딱지12;font-size:12pt;color:black;}
위의 예제와 같이 @font-face로 둥근딱지체를 등록하고 .stitle 이라는 사용자정의형 스타일지정을 둥근딱지체로 해둡니다.
이때 .stitle 과 같이 stitle 앞에 '.'이 붙습니다.
2. 이제 소스에서 제목을 뿌려주는 부분 앞에 <font style=stitle> 을 붙여줍니다.
주로 제로보드에서 제목글은 <?=$subject?> 로 표현됩니다. 현재 예제로 하고 있는 제로보드에서는 view.php 파일이
특정글을 읽었을때 그 글의 작성자,링크주소,제목,글내용 등을 보여주는 소스네요.
view.php 에서 $subject 문자열로 검색해보면, 아래와 같은 소스를 볼수 있습니다.
<b><?=$subject?></b>
위의 소스를 둥근딱지체의 경우 굵게 표현할 필요가 없기 때문에 그냥 아래와 같이 수정해 줍니다.
<font style=stitle><?=$subject?></font>
이제 제목부분이 둥근딱지체로 변한 것을 보실 수 있을 것입니다.
제로보드의 버젼마다 조금씩 달라질 수도 있지만, 기본적으로 제목을 $subject로 사용하고 있기 때문에,
$subject로 검색하면 어떤 파일을 수정하면 되는지 쉽게 아실 수 있을 것입니다...
기본적인 절차는 위와 같습니다... 다른 부분도 원리를 이해하셨다면 쉽게 수정하실 수 있을 것입니다...
'컴퓨터-유용한팁 > 제로보드' 카테고리의 다른 글
스타일시트가 없는 보드에서 웹정 적용하기 (0) | 2015.09.04 |
---|---|
갤러리게시판에서 마우스오버시에 글자를 웹폰트로 (0) | 2015.09.04 |
웹폰트를 게시판에 적용하려면 (0) | 2015.09.04 |
내컴퓨터를 서버로 (0) | 2015.09.04 |
무료계정에서 제로보드 설치하기 (0) | 2015.09.04 |