잊을만 하면 한 번씩 나타나는 개가죽입니다.
이번에 소개해드릴 제품(ㅋㅋ)은 맛집,식당 소개입니다.
위 링크를 보시면 이렇게 되는구나 알 수 있을겁니다. ( 현재 작업중 사이트입니다. 테스트는 즐 ~~ )

1인칭 시점으로 제작한거라.. 회원들이 맛집을 등록할때 생길 수 있는 문제는 모르겠습니다.

보기에는 단순하게 보이실것 같아서.. 조금 설명드리면... 나름대로 과학(ㅋㅋㅋ)이 들어가 있습니다.
저는 스킨 하나 만들때 활용팁 무진장 뒤지는데 이번 스킨도 활용팁에서 뿌리를 뽑아왔습니다.

평점부분은 유창화님 팁을 갖고 제작했는데요
코멘트 + 추천수 + 조회수 = 평점 (list.skin.php 별 모양) 이 매겨집니다.
그외 글 수정시 이미지 보기, 수정...

그리고 제 스킨에 사진만 들어간다 싶으면 업어오는 명랑폐인님의 갤러리 스킨도 응용했으며
글 수정시 이미지를 직관적으로 구별할 수 있게 june 님 팁도 넣었습니다.
기타..등등 좀 들어가있습니다. 암튼간에 ㅡㅡ;;

쿠폰의 경우 첨부파일 13번째에 꼭 첨부하셔야 합니다.
갤러리가 6개씩 2줄로 나오므로 ( 6 * 2 =  12 ) 13번째 등록되는 이미지는 쿠폰으로 처리해버렸으며
쿠폰 등록시 view.skin.php 화면에서 다운로드 가능하게됩니다.
혹시, 쿠폰이 왜 13번째냐? 난 2번째에 넣고 싶다. 또는 7번째 넣고싶다. 아니다. 첫 번째 넣어야 겠다고 생각하시는 자기주장 확실하신 분들은
직접 수정하시길 바랍니다. (write.skin.php 와 hirizotal_view.php 를 고치시면 됩니다.) ㅋㅋㅋ

기타.. 이것저것 잡스러운 것들 좀 들어있을겁니다. 이틀동안 만들었는데.. 이제부터는 스킨을 좀 자제할까 합니다.
나혼자 만들어 쓰는것보다. 이렇게 공유하는게 더 힘듭니다. T.T

쪽지질문은 사절이며, 오류/기능추가 문제는 질/답 게시판으로 적으시면 제가 아는건 신속하게
모르는건 생까드립니다. 기능추가는 제가 생각해보고 (저도 쓰게된다면) 만들어 드리겠습니다.

그리고, 자동차 매매스킨 업그레이드 한게 있는데 SMS 부분만 넣고 이것도 마지막으로 올려드리겠습니다. 그럼 저는 이만 바빠서...

추천좀 팍팍쏘셈(돈 드는거 아닙니다.)... 다 먹고 살자고 하는건데 추천이 없으면 진짜 힘 빠져서 스킨 제작 의욕이 안드로메다로 가버립니다.

그누보드 활용팁 게시판은 위대합니다를 마음속으로 외치시고 받으셈 ㅎ

희망사항 : 지도부분을 처음에 네이버API 지도로 연동 시키려고 갖은 고생을 했지만,
실패했습니다. (카페24에서 못 쓴다네요..ㅡㅡ;;) 파일속에 map.php 가 들어있을텐데 삭제하셔도 무방합니다.(서버를 갖고계시거나 서버호스팅을 받는 분들은 연동될겁니다.우편번호와 주소를 필드를
쪼개놨는데 이걸 다시 묶어서 연동시키면 됩니다.)
혹시 저 같은 호스팅 계정 사용하는 사람들이 네이버API 지도로 연동 시키는 방법이 있다면
활용팁에 올려주시면 정말 고맙겠습니다.



이 부분은 각자 JS 파일과 CSS에 넣으시면 되겠습니다.

JS 함수

// 전화번호 체크
function checkNumber(){
  var objEv = event.srcElement;
  var regexp1 = /[^0-9-]/;
  if (regexp1.test(objEv.value))
  {
  alert("숫자 (0 ~ 9) 혹은 -만 입력가능합니다.!");
  return false;
  }
 }

// 시간 : 체크
function checkTime(){
  var objEv = event.srcElement;
  var regexp1 = /[^0-9:]/;
  if (regexp1.test(objEv.value))
  {
  alert("숫자 (0 ~ 9) 혹은 : 만 입력가능합니다.!");
  return false;
  }
 }

CSS 입니다.

.boxImg img {padding: 4px; border: solid 3px #9db6e7; margin: 2px 2px 2px 2px;}
.boxImg a img{padding: 4px; border: solid 3px #9db6e7; margin: 2px 2px 2px 2px;}
.boxImg a:visited img {padding: 4px; border: solid 3px #9db6e7; margin: 2px 2px 2px 2px;}
.boxImg a:hover img{padding: 4px; border: solid 3px #CCCCCC; margin: 2px 2px 2px 2px;}

.oNum {font-family:Tahoma,굴림; font-size:9pt; color:#222222;}
.ip {border: 1 solid #CCCCCC; color:#000000; height:19px; font-size:11px; font-family:"돋움"; line-height: 150%; letter-spacing: -1px; padding-left: 3px;}
.trStyle {background-color:#84A8DB; height:30px;}
.divPd {height:12px; line-height:1px; font-size:1px;}

.dn_gray {text-decoration:none; font-size:11px; color:#666666; font-family:돋움; letter-spacing:-1; line-height:160%;}
.dn_gray a:link {text-decoration:none; font-size:11px; color:#666666; font-family:돋움; letter-spacing:-1;}
.dn_gray a:visited {text-decoration:none; font-size:11px; color:#666666; font-family:돋움; letter-spacing:-1;}
.dn_gray a:hover {text-decoration:underline; font-size:11px; color:#6484ce; font-family:돋움; letter-spacing:-1;}
.dn_gray a:active {text-decoration:none; font-size:11px; color:#666666; font-family:돋움; letter-spacing:-1;}