[제로] [스킨만들기] list_foot.php(목록출력 마무리 부분)의 설명입니다
페이지 정보

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

이 파일은 목록을 다 출력한 다음 마무리 짓는 부분입니다.
테이블을 닫고 페이지 출력이나 검색 출력, 버튼등을 출력하면 됩니다.
그림 보시면 아시겠지만 말이죠.... 쩝..
<!-- 마무리 부분입니다 -->
<tr> <td colspan=8 background=<?=$dir?>/images/end_bg.gif><img src=images/t_.gif height=7></td>
목록 출력이 모두 끝난 후 아래쪽에 감색으로 쭈욱 마무리 한 부분 보이시죠.
버튼위(목록보기, 삭제, 다음.... 위쪽입니다.)입니다.
'end_bg.gif' 파일을 사용했는데요. 이 부분 없애도 되겠죠. 아니면 happycast처럼 마무리 하시고 싶으신 분은 예쁘게 만드셔가지고 background image 로 올리셔도 되겠죠. 많은 분들이 이렇게 하시더군요.
<?=$a_list?><img src=<?=$dir?>/images/btn_list.gif border=0 align=absmiddle></a>
<?=$a_delete_all?><img src=<?=$dir?>/images/btn_delete.gif border=0 align=absmiddle></a>
<?=$a_1_prev_page?><img src=<?=$dir?>/images/btn_prevpage.gif border=0 align=absmiddle></a>
<?=$a_1_next_page?><img src=<?=$dir?>/images/btn_nextpage.gif border=0 align=absmiddle></a>
이 부분들 모두 버튼 출력 부분입니다.
btn_list.gif = 목록보기
btn_delete.gif=삭제하기
btn_prevpage.gif=이전
btn_nextpage.gif=다음
btn_write.gif=글쓰기
분위기에 맞게 버튼 제작하셔서 파일 대체하시면 되겠죠../images 디렉토리에 있는 그림 파일입니다.
<a href="javascript:OnOff('sn')"><img src=<?=$dir?>/name_<?=$sn?>.gif border=0 name=sn></a>
<a href="javascript:OnOff('ss')"><img src=<?=$dir?>/subject_<?=$ss?>.gif border=0 name=ss></a>
<a href="javascript:OnOff('sc')"><img src=<?=$dir?>/content_<?=$sc?>.gif border=0 name=sc></a><
이 부분은 손대지 않으시도록 하세요. Name, Subject, Contents의 옵션을 클릭할 때마다 토글(선택, 해제)하는 자바스크립트 부분입니다.
name_on.gif : name 선택, name_off.gif : name 해제
subject_on.gif : subject 선택, subject_off.gif : name 해제
content_on.gif : contents 선택, content_off.gif : contents 해제
위 파일들을 분위기에 맞게 바꿔주시면 아주 멋있게 변하죠.
스킨 디렉토리에 있으니 찾아보세요.
검색 부분입니다. 순서는
왼쪽 그림 파일 - 입력 부분 - Find it - Return 이런 순입니다.
<img src=<?=$dir?>/images/search_left.gif align=absmiddle>
검색하는 부분의 가장 왼쪽 부분입니다. 그림 파일로 된 것 보이시죠.
이 부분 없애도 예쁘게 만드시는 분들 많더군요.
<input type=text name=keyword value="<?=$keyword?>" <?=size(15)?> class=input style=font-size:8pt;font-family:Arial;vertical-align:top;border-left-color:#ffffff;border-right-color:#ffffff;border-top-color:<?=$sC_search0?>;border-bottom-color:<?=$sC_search0?>;height:19px;>
입력하는 부분입니다. size=15 즉 15자 크기로 지정된 것입니다. class=input 역시 style.css에 설정되어 있죠.
border-left-color:#ffffff : 보드의 왼쪽 테두리를 흰색으로 왜냐구요. 그림보세요 왼쪽에 선이 있다면 이상한 모양이겠죠.
border-right-color:#ffffff : 위와 똑같은 이윱니다.
border-top-color:보드의 위쪽 테두리죠. $sC_search0으로 지정되어 있네요.
value.php3에 정의되어 있구요. 이 값을 분위기에 맞게 바꾸면 되겠죠.
border-bottom-color:보드의 아래쪽 테두리죠 위와 설명 동일합니다.
<input type=image border=0 align=absmiddle src=<?=$dir?>/images/search_right.gif>
'Find it' 부분이죠 이 부분도 분위기에 맞게 제작하셔서(크기를 잘 생각하셔서 하셔야 해요. 색만 포토샵에서 바꾼다면 별 문제 없죠.)search_right.gif에 덮어쓰십시오.
<?=$a_cancel?><img src=<?=$dir?>/images/search_right2.gif align=absmiddle border=0></a>
</td>
'Return(취소)'부분이죠. 이 역시 스킨에 맞게 search_right2.gif를 변경하시면 되겠죠.
그런 다음 아래쪽은 모두 테이블의 끝맺는 부분이죠.
이것으로 기본적인 목록 출력은 끝났군요.
혹시 어려운 점이 있으시면 질문하세요. 제가 아는데까진 답해드릴 수 있을테니까요.(공지에 적었죠. 저역시 초보라구. )
추천인

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
댓글
첫 번째 댓글을 남겨 주세요