<!--이달의 추천보험-->
  <div id="sub_wrap" class="popular_wrap">
  <!-- 추천보험 카테고리-->
  <div class="p_menu">
  <p class="menu_tt">
  <span class="t01"><img src="/best-bohum.com/images/sub/month_pop_tt.png" alt="이달의 추천보험"></span>
  <span class="t02"><img src="/best-bohum.com/images/sub/month_pop_subtt.png" alt="고객분들이 선택한 추천보험을 한번에 비교하고 보험료계산고 해보실수 있습니다."></span>
  </p>
  <ul id="sub_menu" class="menu">
  <li class="s_green01 first">
  <div class="over">
  <a href="javascript:insur_popular('101');" class="">
  <img src="/best-bohum.com/images/common/cate101.png" alt="의료실비" class="m01">
  <span class="m02 fs15">의료실비</span>
  </a>
  </div>
  <!--[D]선택된 카테고리는 class="m_on" 적용됩니다.-->
  </li>
  <li class="s_green02">
  <div class="over">
  <a href="javascript:insur_popular('102');" class="">
  <img src="/best-bohum.com/images/common/cate102.png" alt="" class="m01">
  <span class="m02 fs15"></span>
  </a>
  </div>
  </li>
  <li class="s_green01">
  <div class="over">
  <a href="javascript:insur_popular('130');" class="">
  <img src="/best-bohum.com/images/common/cate130.png" alt="유병자" class="m01">
  <span class="m02 fs15">유병자</span>
  </a>
  </div>
  </li>
  <li class="s_green02">
  <div class="over">
  <a href="javascript:insur_popular('117');" class="">
  <img src="/best-bohum.com/images/common/cate103.png" alt="태아" class="m01">
  <span class="m02 fs15">태아</span>
  </a>
  </div>
  </li>
  <li class="s_green01">
  <div class="over">
  <a href="javascript:insur_popular('118');" class="m_on">
  <img src="/best-bohum.com/images/common/cate104.png" alt="어린이" class="m01">
  <span class="m02 fs15">어린이</span>
  </a>
  </div>
  </li>
  <li class="s_green02">
  <div class="over">
  <a href="javascript:insur_popular('104');" class="">
  <img src="/best-bohum.com/images/common/cate105.png" alt="운전자/상해" class="m01">
  <span class="m02 fs15">운전자/상해</span>
  </a>
  </div>
  </li>
  <li class="s_green01">
  <div class="over">
  <a href="javascript:insur_popular('113');" class="">
  <img src="/best-bohum.com/images/common/cate106.png" alt="치아" class="m01">
  <span class="m02 fs15">치아</span>
  </a>
  </div>
  </li>
  <li class="s_green02 first">
  <div class="over">
  <a href="javascript:insur_popular('109');" class="">
  <img src="/best-bohum.com/images/common/cate107.png" alt="건강" class="m01">
  <span class="m02 fs15">건강</span>
  </a>
  </div>
  </li>
  <li class="s_green01">
  <div class="over">
  <a href="javascript:insur_popular('105');" class="">
  <img src="/best-bohum.com/images/common/cate108.png" alt="연금/연금저축" class="m01">
  <span class="m02 fs15">연금/연금저축</span>
  </a>
  </div>
  </li>
  <li class="s_green02">
  <div class="over">
  <a href="javascript:insur_popular('107');" class="">
  <img src="/best-bohum.com/images/common/cate109.png" alt="효/치매간병" class="m01">
  <span class="m02 fs15">효/치매간병</span>
  </a>
  </div>
  </li>
  <li class="s_green01">
  <div class="over">
  <a href="javascript:insur_popular('112');" class="">
  <img src="/best-bohum.com/images/common/cate110.png" alt="주택화재" class="m01">
  <span class="m02 fs15">주택화재</span>
  </a>
  </div>
  </li>
  <li class="s_green02">
  <div class="over">
  <a href="javascript:insur_popular('106');" class="">
  <img src="/best-bohum.com/images/common/cate111.png" alt="종신" class="m01">
  <span class="m02 fs15">종신</span>
  </a>
  </div>
  </li>
  <li class="s_green01">
  <div class="over">
  <a href="javascript:insur_popular('110');" class="">
  <img src="/best-bohum.com/images/common/cate112.png" alt="정기" class="m01">
  <span class="m02 fs15">정기</span>
  </a>
  </div>
  </li>
  <li class="s_green02">
  <div class="over">
  <a href="javascript:insur_popular('131');" class="">
  <img src="/best-bohum.com/images/common/cate131.png" alt="한방" class="m01">
  <span class="m02 fs15">한방</span>
  </a>
  </div>
  </li>
  <li class="s_green01">
  <div class="over">
  <a href="javascript:insur_popular('129');" class="">
  <img src="/best-bohum.com/images/common/cate129.png" alt="골프/레저" class="m01">
  <span class="m02 fs15">골프/레저</span>
  </a>
  </div>
  </li>
  </ul>
  </div>
  <!-- //추천보험 카테고리-->

 

제가 이 소스좀 따오고싶은데, 그대로 사이트에 넣었는데 원하는 대로 안되네요.

 

 

view-source:http://best-bohum.com/REMODEL/insur_popular/main/118<< 이 사이트 상단에 있는 것인데

 

m01은 뭐고... s_green01 이건 또 뭔지 ㅠㅠ 왜 안될까요

  • profile
    css와 js를 모두 가져와야 합니다.
  • profile ?
    그 부분은 어떻게 봐야하나요?
  • profile
    그런데 그냥 퍼와도 되는건가요?

    일단 a태그에 있는 javascript:insur_popular('118') 요거에 해당하는 js를 찾아야 하죠.
    불러오는 js파일들 어딘가에 있을 것입니다.
    다만 링크 외에도 마우스 오버시 색상 변하는 것도 어딘가에 js로 되어있을듯 하네요.

    css는 현재 들어가 있는 요소들을 역추적해야 합니다.

    간단히 설명될만한 것들은 아니네요.
  • profile ?

    저랑 파트너 되어있는 사이트에요 ㅎㅎ 하... 도저히 찾질 못하겠어요...ㅠㅠ 그 js파일을 어디서 찾아야하는지 ㅠㅠ

     

    지금 구글로 해서 그 페이지 부분 검사 해서, css파일이랑 js 파일을 다 업로드 했는데도 반응이 없어요..

  • profile
    원론적인 것만 말씀드릴수 밖에 없습니다.

    css파일과 js파일의 위치를 제대로 설정하고
    css의 클래스명 등도 다 확인해야 합니다.
    종속관계에 있다면 그것에 맞춰서 html 구조도 맞춰야 하구요.
    살짝보니 구조가 복잡하네요.
    css파일도 퍼올 것이 여러개이구요.
  • profile ?
    답변 감사드려요 ㅠㅠ
  • profile

    파트너사 인지는 또는 그것을 퍼가서 사용할수 있는 허가가 되어있는지 저희는 모르기 때문에 직접 해드릴순 없겠죠
    도움을 드리자면 필요한 css와 js의 위치는 아래와 같습니다.
    http://best-bohum.com/best-bohum.com/css/common.css
    http://best-bohum.com/COMMON/js/common_link.js

    그리고 이부분은 빠져야 할것 같구요.<div id="sub_wrap" class="popular_wrap">
    더불어 이미지등이 있기 때문에 직접 이미지를 저장하셔서 본인 사이트에 저장해서 사용하실건지 파트너사 웹사이트의 주소를 바로 쓰는 외부이미지를 사용할건지, 링크방식은 어떻게 할건지..링크부분은 자바스크립트로 처리되어 있습니다. 외부사이트이므로 자바스크립트가 이동되게 하는 경로가 상대경로로 지정되어 있기때문에 위 common_link.js를 사용하신다면 제되로 링크가 되지 않을것입니다. 직접 링크주소를 A href 태그로 직접코딩하여 사용하시던지 js를 직접 만들어 넣으셔야 될것으로 보입니다.

    js를 어디서 찾아야 하는지 모르신다고 댓글에서 보입니다. 제가 간단하게 설명은 했지만 이해가 될시런지 모르겠네요.
    저도 원론적인것만, 여기까지밖에 도움드릴 수 없네요.

  • profile ?

    답변 감사드립니다! 인터미션이라는 레이아웃을 사용하고 있는데... 파일을 어디 위치에 넣어야할지....에휴 ㅠㅠ 부탁드려요

  • ? profile

    어떤용도로, 어떻게 표현하는건 사이트를 운영하는 사람이 판단해야 하지 않을까요.
    다른사람이 해줄 수 있는게 아닌데요.
    만약 공통으로 사용할것이라면 레이아웃에 조건을 주어 설정하시면 될것이구요.
    특정페이지만 해당된다면 페이지를 생성하여 위젯타입 또는 외부타입으로 넣으셔야 합니다.
    제가보기에는 제작의뢰등으로 원하시는 부분을 해결하시는게 정신건강에 좋을것 같으시네요.