• 북마크
  • 1:1문의
  • 새글
  • 회원가입
  • 로그인

팁 & 테크

  • Home
  • 스터디
  • 팁 & 테크

Logo의 크기 조절 및 창 크기에 따른 자동 이미지 조절 관련

2,362 2015.06.22 17:31

짧은주소

본문

수정 관련 원글 :   http://eyoom.net/bbs/board.php?bo_table=qna&wr_id=2625

 

수정 방법 :

eyoom/theme/basic/css/style.css 를 여시고 .header .navbar-brand img { 검색
 

1
2
3
4
.header .navbar-brand img {
    width: 209px;
    margin-top: -18px;
}


수정 후
 

1
2
3
4
.header .navbar-brand img {
    width: 209px;
    margin-top: 0px;
}


.header-e1.header .navbar-header { 를 검색
 

1
2
3
4
5
6
7
8
9
10
.header-e1.header .navbar-header {
    margin: 20px 0;
}
 
.header-e1.header .navbar-brand {
    top: 10px;
    padding: 5px 10px 29px;
    font-size: 32px;
    font-weight: bold;
}


수정 후
 

1
2
3
4
5
6
7
8
9
10
.header-e1.header .navbar-header {
    margin: 0px 0;
}
 
.header-e1.header .navbar-brand {
    top: 0px;
    padding: 5px 10px 29px;
    font-size: 32px;
    font-weight: bold;
}


eyoom/theme/basic/css/custom.css 를 여시고 다음 소스를 추가
 

1
2
3
4
5
6
7
.head-logo {
    float:left;
    overflow:hidden;
    position:relative;
    width:67px;
    height:50px;
}


높이, 넓이를 적당히 수정


저 같은 경우 다음과 같이 소스를 수정함

 

<a class="head-logo" href="{C.G5_URL}"><img src="./img/logo.jpg" class="img-responsive" alt="{config.cf_title} LOGO"></a>

* 쇼핑몰 테마이므로 각자의 이미지 폴더에 맞게 경로를 변경해 주세요

 

*** 해당 글에서 custom.css의  width를 정하면 창 크기에 상관 없이 고정 사이즈로 나오고

     100%로 설정해 두면 이미지가 자동으로 조절 됩니다.

 

     이번 수정에 있어 도움을 주신 shadow님께 진심으로 감사 드립니다

0
좋아요!
1
- red123 메일보내기 아이디로 검색 - 회원등급 : 새싹/Level 10 - 포인트 : 2,792
레벨 10
경험치 10,166

Progress Bar 59%

- 가입일 : 2015-03-16 21:00:17
- 서명 :
- 자기소개 :
댓글목록

shadow님의 댓글

좋은 정보 감사드립니다.

축하합니다. 첫댓글 포인트 95포인트를 획득하였습니다.

허비봉님의 댓글

사람사랑님의 댓글

쇼핑몰테마 사용중인데 좋은 정보 감사드립니다~

열방님의 댓글

좋은 정보 감사합니다...배움에 목말라 있는 요즘 입니다.
감사히 활용해 보도록 하겠습니다.

Total 123건 1 페이지
번호 제목 글쓴이 날짜 추천
123 이윰EGG 아이디로 검색 2016.08.24 3,795 0
122 절대섹쉬꽃미남 아이디로 검색 2016.08.12 3,065 1
121 그림자밟기 아이디로 검색 2016.03.26 1,657 0
120 그림자밟기 아이디로 검색 2016.03.26 1,508 1
119 l2zeo 아이디로 검색 2016.01.27 1,722 0
118 수퍼개미 아이디로 검색 2015.10.27 2,639 0
117 l2zeo 아이디로 검색 2015.10.26 9,605 0
116 l2zeo 아이디로 검색 2015.10.26 2,795 0
115 shadow 아이디로 검색 2015.10.06 5,424 1
114 shadow 아이디로 검색 2015.09.21 1,706 0
113 shadow 아이디로 검색 2015.09.20 1,763 1
112 l2zeo 아이디로 검색 2015.09.18 6,942 0
111 shadow 아이디로 검색 2015.09.17 1,296 1
110 shadow 아이디로 검색 2015.09.17 2,311 0
109 shadow 아이디로 검색 2015.08.17 3,372 1
108 shadow 아이디로 검색 2015.07.30 3,075 1
107 암스원 아이디로 검색 2015.07.20 3,831 1
106 이윰넷 아이디로 검색 2015.07.08 3,878 1
105 갓구운빵 아이디로 검색 2015.07.03 1,967 0
104 암스원 아이디로 검색 2015.07.01 3,546 2
LOGIN
사이드 메뉴

최신글이 없습니다.

최신글이 없습니다.

출석 랭킹

오늘의 랭킹

회원사진

닉네임

개근왕

최다1위

shadow shadow
Ranking

    출력할 랭킹이 없습니다.

  • 01 shadow
    674,374
  • 02 신비
    335,419
  • 03 가을하늘
    204,735
  • 04 mame
    202,630
  • 05 이윰MOUNT
    199,181
  • 06 미스코리아
    163,939
  • 07 레오나르도
    147,576
  • 08 테크니션
    142,655
  • 09 이윰IN
    135,258
  • 10 비온뒤맑음
    127,882
  • 01 shadow
    28,938
  • 02 joosam
    23,606
  • 03 티보리
    21,954
  • 04 홍인
    18,644
  • 05 레오나르도
    18,088
  • 06 이윰IN
    17,983
  • 07 도깨비
    16,614
  • 08 이윰EGG
    16,105
  • 09 자이언트
    14,698
  • 10 미스트
    14,379