그누 보드 베이직 스킨에서 list.skin.php 파일만 수정했습니다.

그누 보드 스킨 자료실과 비슷합니다.

목록에서 이미지 미리보기는 설정값에 맞추어 보여지며 여백은 없으며 이미지의 중앙 의 약간 상단을 보여줍니다.
목록에서 이미지 클릭시 팝업으로 보여줌.
목록에서 내용사용을 체크 하셔야 하며 html 과 php 소스를 삭제하고 보여줍니다.
내용 출력부분은 아직 많이 부족하지만 그런데로 소스가 직접보이는 현상은 없습니다.

[설치 방법]
1. 압축 해제후 skin/board 폴더로 업로드.
2. js/common.js 파일 189줄부터 약간수정.

원본

// 이미지의 크기에 따라 새창의 크기가 변경됩니다.
    // zzzz님께서 알려주셨습니다. 2005/04/12
    function image_window(img, width, height)
    {
        var w = img.tmp_width;
        var h = img.tmp_height;
        var winl = (screen.width-w)/2;
        var wint = (screen.height-h)/3;

~~~~~~~~~~~~~이하 생략~~~~~~~~~~~~

수정

// 이미지의 크기에 따라 새창의 크기가 변경됩니다.
    // zzzz님께서 알려주셨습니다. 2005/04/12
    function image_window(img, width, height)
    {
        var w = img.tmp_width;
        var h = img.tmp_height;
//추가된부분
if(width && height){
var w = width;
var h = height;
}
        var winl = (screen.width-w)/2;
        var wint = (screen.height-h)/3;

~~~~~~~~~~~~~이하 생략~~~~~~~~~~~~

3. list.skin.php 파일 11~17줄에 설정값
 
  // 이미지 보이기 전체 보이기는 0
  $all_view = 0;
  // 미리보기 이미지크기
  $img_w = 100;
  $img_h = 80;
  // 넓이로 맞췄을때 높이의 중간지점에서 80%로 복구시킨다.
  $Percent = 80;

  1) $all_view는 업로드된 이미지파일을 전체를 보여줄때는 0로 1개만 보여질때는 1으로 설정.
  2) $img_w(가로) 와 $img_h(세로) 는 목록에 보여질 이미지 크기 픽셀단위로 입력.
  3) $Percent 는 목록에서 보여질 이미지 사이즈비율에 맞추어 이미지가 보여질때 중앙지점을 찾아 보여준다.
      이때 높이의경우 중앙점에서 80%를 하단으로 내린다. 설정은 %단위임으로 100까지만 설정.