[제로] [스킨만들기] list_head.php의 설명
페이지 정보

첨부파일
-
2005-06-23 07:34:12
짧은주소
-
https://yadolee.com/tip/16 주소복사
평점
본문

이 파일은 위의 그림처럼 리스트의 상단 부분을 보여주는 곳입니다
<?=$a_ 로 시작되는 항목은 HTML의 <a 라고 생각하시면 됩니다.
뒤에 </a>를 붙여주면 되죠;
no(순서), C(cart), subject(글제목), name(이름), date(날짜), hit(조회수)
뭐 이런 순서로 말이죠.
소스 내용을 살펴보면 말이죠.
<? ?> 이렇게 된 놈 바로 다음 줄입니다.
<table border=0 cellspacing=0 cellpadding=0 width=<?=$width?>>
이건 아시죠 전체적인 테이블을 만드는 겁니다.
마지막에 width=<?=$width?>> 이게 config board 선택해서
여러 옵션 중에서 'Board Width Size'의 값을 받는 겁니다.
변경하시지 마시길... 만약 config board의 값에 상관없이 일정한 크기의 테이블을 원하신다면 변경하셔도 되겠죠. 가령 600픽셀 크기를 원하시면
'width=600'이라고 고정시킬수는 있겠죠. 그럼 특수한 용도로만 사용되고 다른 홈페이지에는 맞지 않을 확률이 많으니 손대지 않는게 좋겠군요.
그 아래 부분들은 스킨 만들 땐 전혀 상관없는 부분이니 신경쓰시지 마시길...
이런 것 말이죠 <input type .....>
<table border=0 cellspacing=0 cellpadding=0 width=100%>
이런 부분이 이제 처음으로 나올겁니다. 대충 제로보드의 스킨 크기는 이렇게 생각하시면 됩니다. 기본 크기의 테이블을 하나 만듭니다.(width=<?=$widht?>) 그런 다음 그 테이블 안에 위처럼 다시 테이블을 만드는 거죠.
이해가시나요.(이해 안가셔도 스킨 만드는데 문제 없습니다.)
이 부분부터 스킨과 관련이 있는데요..
<table width=100% border=1 cellspacing=0 cellpadding=0 bgcolor=#BBD639 bordercolorlight=#9BB425 bordercolordark=#FFFFFF>
뜻은 테이블 크기는 100, 보드 두께 1, 셀안 간격과 셀사이 간격 0, 테이블의 배경색은 #BBD639, 테이블 오른쪽과 아래(bordercolorlight)는 #9BB425, 테이블 왼쪽과 위(bordercolordark)는 #FFFFFF(흰색))로 설정합니다.
이 부분을 바꾸시면 그림에서 보이시는 목록의 상단 부분의 색을 바꿀 수 있습니다. 아 물론 happycast에서는 테이블 속을 색과 그냥 글로 링크했는데요. 글 부분을 <img>태그를 사용하여 그림으로 링크할 수도 있겠죠.
어쨌든 위 그림의 happycast 기본색인 감색을 빨간색 톤의 분위기로 바꿀려면 이렇게 한 번 해보시죠.
<table width=100% border=1 cellspacing=0 cellpadding=0 bgcolor=#FF4040 bordercolorlight=#802020 bordercolordark=#FFFFFF>
참 스킨 파일들의 php는 그냥 윈도우에 있는 메모장을 이용해서 바꾸시면 됩니다. 그냥 텍스트 형식으로 저장해도 아무런 문제 없습니다.
불러서 수정하시고 저장하신 다음 다시 FTP를 이용하여 그 파일이 있던 곳에 덮어쓴다면 게시판의 상단 부분의 색이 바뀐 것을 확인할 수 있을 것입니다.
추천인

Progress Bar 76.42%
-
[배경 화면] 프랑스의 에귀으 듀 샤흐도네(Aiguille du Chardonnet)산으로 스위스와 접경지에 위치해 있습니다. /*0) generatedType=2; if (generatedType==2) { dMap.style.cursor = "pointer"; dMap.onclick = function(e) {initGmapsLoader(e||event)}; var t = document.createTextNode("로딩하려면 클릭하세요"), d = document.createElement("div"); d.appendChild(t); d.style.cssText="background-color:#e5e5e5; filter:alpha(opacity=80); opacity:0.8; padding:1em; font-weight:bold; text-align:center; position:absolute; left:0; box-sizing:border-box; width:100%; max-width:500px; top:0"; dMap.appendChild(d); } function CreateGMapgmap202421141257() { var dMap = document.getElementById("gmap202421141257"); if (dMap) dMap = dMap.parentNode; else dMap = document.getElementById("wgmap202421141257"); if (!dMap) return; if (dMap.ckemap) { var map = dMap.ckemap.map, center = map.getCenter(); google.maps.event.trigger(map, "resize"); map.setCenter(center); return; } dMap.onclick = null; var mapOptions = { zoom: 11, center: [45.96864,7.00157], mapType: 0, zoomControl: "Default", mapsControl: "Default", heading: 0, tilt: 0, overviewMapControlOptions: {opened:true}, pathType: "Default", googleBar: false }; var myMap = new CKEMap(dMap, mapOptions); dMap.ckemap=myMap; } if (!window.gmapsLoaders) window.gmapsLoaders = []; window.gmapsLoaders.push(CreateGMapgmap202421141257); if (generatedType==3) window.gmapsAutoload=true; window.gmapsKey="AIzaSyApiu_e4Br_dRpB-RNC3XgioygMilKhadA"; /*]]>*/ /* CK googlemapsEnd v3.6 */2024-03-05
-
[공지사항] 특별한 버그가 발견되지 않으면 공개하도록 하겠습니다.2024-01-23
-
[공지사항] 한가지를 빼먹었습니다 사운드클라우드도 썸네일을 생성합니다 사운드클라우드는 meta tag > og:image > content의 url를 통해 이미지를 추출2023-05-05
-
[공지사항] 제법 추가해야 할 소스가 많습니다 또한 외부 프로그램(php exec 함수 이용)도 필요해요 ffmpeg, youtube-dl, twitter-media-downloader 간략하게 설명을 드려 볼게요 twitter-media-downloader은 트위터 트윗 이미지를 추출하는 용도 youtube-dl은 트위터 트윗 이미지 및 동영상 url, 페이스북 watch 동영상 url를 추출하는 용도 ffmpeg는 페이스북 watch의 동영상 url를 이용해 포스터 이미지를 추출하는 용도 인스타그램은 meta tag > og:image > content의 url를 통해 이미지를 추출 그 이미지를 게시판 설정 크기로 썸네일화하기2023-05-04
-
[공지사항] 네 맞습니다. Tagify 기능이 훌륭해 변경해 놓았습니다. 한번 적용해 보세요.2022-12-25
-
[영어 문법] 7년 전 게시되었을 때에는 재생에 문제가 없었던 것으로 기억하고 있었으나 현재에는 재생 목록 파라미터가 변경된 걸로 확인했습니다. 수정완료하였으며 3000점의 경험치를 제공해 드렸습니다. 오류 제보 감사드립니다.2022-12-04
-
[공지사항] 공지와 연관되지 않는 댓글은 자제 부탁드립니다.2022-12-03
-
[공지사항] SortableJS를 이용했습니다. https://inpa.tistory.com/entry/%EB%93%9C%EB%9E%98%EA%B7%B8-%EC%95%A4-%EB%93%9C%EB%A1%AD-Drag-Drop-%EA%B8%B0%EB%8A%A5 {코드} https://github.com/SortableJS/Sortable {코드}위 두 링크를 참조해 보세요.2022-11-27
댓글
첫 번째 댓글을 남겨 주세요