토론방

분류목록

소스관련 바로가기 수정 문의

사진 첨부한대로 바로가기부분이

대표전화와,주요업무 밑으로 가로로 출력되야합니다

(그리고 혹시 바로가기 메뉴가 슬라이드로 가로로 움직일수있는지 답변부탁드립니다.)

그리고 죄송하지만 작업해주신 내용 설명 부탁드립니다.

 

 

게시글 공유 URL복사
수정 삭제 출력
목록
댓글[2]

열기 닫기

  • 류**합 2015-11-10

     

     

     

    이런식으로요 

    위에 질문했었던 내용인데 혹시 http://secret7.co.kr/ 여기 하단에 바로가기 메뉴처럼 할수도 있나요 ? 

  • 배**영 2015-11-11
    배너가 내려가지 않은 이유는 .main_con03 > div 안에 article로 레이아웃을 구성하셨는데 "바로가기" 배너가 "주요업무"와 같이 형성되어 있어서 내려가지 않았습니다.

    밑으로 내려서 진행하시려면 .main_con03 > div를 하나 더 만드셔서 "바로가기" 배너를 넣으시고 해당 div에 css- clear:both;를 주시면 레이아웃 잡기가 쉬울듯 합니다.

     

    현재 홈페이지는 반응형 홈페이지로 참고 홈페이지처럼 흐름이 있으며 반응하긴 힘들것 같습니다.

    http://goodd1600.anybuild.co.kr/page/sample 에 보시면 밑에 참고 반응형 배너로 진행하시면 좋을듯 합니다.

    소스 - (디자인관리 > 고급디자인관리 > 추가페이지 > sample)

    바로가기 부분은 section을 따로 빼서 작업을 진행 하였습니다.

     
    테스트용 페이지 추가

    (디자인관리 > 고급디자인관리 > 추가페이지 > sample) 추가 

    다른 컨텐츠와 맞추기 위해 css추가

    ---mobile css---

    .ar_section{
        width:100%;background:#e6e6e6;
        box-sizing:border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .ar_section h2{height:50px;line-height:50px;margin:0 5px;color:#fff;font-size:1em;}
    .ar_section > div{
        width:100%;max-width:1160px;margin:0 auto;padding:16px 2%;
        box-sizing:border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    ---tablet.css---

    .ar_section{padding:0 10px;}
    .ar_section h2{height:70px;line-height:70px;font-size:1.125em;}

    ---pc.css---
    .ar_section{padding:0 0;}
    .ar_section > div{padding:16px 10px;}

    추가 되었습니다. 

     

댓글작성

열기 닫기

댓글작성
prev 이전글
메일계정 문의
next 다음글
메인페이지 레이아웃 수정하려면 어떻게 해야되는지요?? ;;
top