Logo의 크기 조절 및 창 크기에 따른 자동 이미지 조절 관련
2,362
2015.06.22 17:31
짧은주소
- - 짧은주소: http://v2.eyoom.net/bbs/?t=SJ 주소복사
본문
수정 관련 원글 : 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
레벨 10
경험치 10,166
Progress Bar 59%
- 가입일 : 2015-03-16 21:00:17
- 서명 :
- 자기소개 :
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 |
댓글목록
shadow님의 댓글
좋은 정보 감사드립니다.
축하합니다. 첫댓글 포인트 95포인트를 획득하였습니다.
허비봉님의 댓글
사람사랑님의 댓글
쇼핑몰테마 사용중인데 좋은 정보 감사드립니다~
열방님의 댓글
좋은 정보 감사합니다...배움에 목말라 있는 요즘 입니다.
감사히 활용해 보도록 하겠습니다.