Design

[woori55]로고+토글/ tel 부분의 소스를 붙여넣기햇는데 안보여요

디자인팜 > 상단컨텐츠 > 로고 + 토글 설치하여 TEL부분을 복사해서 아래와 같이 붙여넣기를 했더니 "전화걸기" 텍스트가 로고 밑으로 가있어요.

 

새로 로고+토글을 설치하고는 싶은데요. 로고배경에 이미지 넣는것을 어떻게 하는지를 몰라서 새롭게 설치를 못하고 있어요.

반응형 레이아웃을 설치를 해도 배경이미지 넣는게 없던데요., 배경을 레이아웃자체에 어떻게 넣는지도 너무 궁금해요. 어덯게 배경에 이미지를 넣는지 알려주시면 감사하겠습니다~

 

게시글 공유 URL복사
댓글[1]

열기 닫기

  • 배**영 2016-08-05

    전체적인 배경을 적용하시려면 레이아웃변경이 조금 있어야 합니다.

    현재 디자인팜에서 반응형 레이아웃을 적용하면 최대넓이가 지정된 값으로 들어갑니다.

    아래와 같이 소스를 적용해주시면 됩니다.

    먼저 반응형 1칸 레이아웃을 만들어서 해당 칸에 로고+토글을 포함시킵니다.

     

    1칸 레이아웃의 소스수정을 눌립니다.

    아래와 같이 소스가 지정되어 있습니다.

     

     

    해당 css를 아래와 같이 변경합니다.(padding과 border는 참고용입니다.)

    배경을 전체적으로 적용하시려면 width가 100%인 태그가 필요합니다. 제일 상위 태그에 있던 {$minWidth}, {$maxWidth}, margin:0 auto;를 제거하고 제일 상위태그에 background를 적용합니다.

    바로 하위 태그에 삭제하셨던 {$minWidth}, ${maxWidth}, margin:0 auto;를 추가하여 최대 넓이와 센터를 정렬합니다.

    (※참고 - width값이 지정된 상태에서 margin:0 auto;를 적용해주시면 해당 레이아웃은 중앙을 유지합니다.)

     

    위의 소스를 적용하면 아래와같이 출력됩니다.


    파란색 border가 적용되어 있는 태그가 제일 상위태그(.layout_31108_)입니다.

    빨간색 border가 적용되어 있는 태그가 2번째 태그(.layout_31108_ > div)입니다.

     

댓글작성

열기 닫기

댓글작성

top