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

질문과 답변

  • Home
  • 이윰빌더
  • 질문과 답변

logo 위치 사이즈 조절을 어떻게 할 수 있나요?

2,470 2015.04.22 18:11

첨부파일

짧은주소

본문

logo를 넣고 위아래 마진을 좀 주고자 css를 확인해보니

 

구글의 요소확인에서 보이는 1140 * 90과 관련한 크기 변경 가능한 변수가 어디인지 모르겠네요

 

container 관련해서 쭉 찾아봐도 없고, navbar-header를 보니 이건 logo 위치 박스만 정해주는 걸로 요소 확인 결과가 나오구요 (아래 그림 입니다)

 

자동 조절인지 자동 조절이라면 이런 경우는 어떻게 높이와 하단 마진을 제가 원하는대로 조절할 수 있는지 알고 싶네요

 

아시는 분이 있으시면 한말씀 팁이라도 주시면 감사 드리겠습니다 (꾸벅)

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

Progress Bar 59%

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

fm25님의 댓글

eyoom/theme/basic/css/style.css

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


그 아래 위의 (Brand 항목 내) 소스도 원하시는대로 조절해보세요.

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

red123님의 댓글

이 부분을 찾았는데요 margin-bottom: -18px; 는 안먹더군요 보니까 밖에 있는 테이블의 크기가 정해져 있어서 그 이상은 마진이 안되는거 같은데 말이죠.

로고의 상하 마진을 충분히 확보하기 위해 상위 테이블 크기를 변경할 수 있는 방법이 궁굼해서요

참고로 넓이는 변경이 됩니다

shadow님의 댓글

먼저 작성했던 아래쪽 댓글이 이상하게 되어버렸네요.
"이윰"님 삭제 부탁드려요.

이렇게 해보세요.
eyoom/theme/basic/css/style.css 를 여시고 .header .navbar-brand img { 검색

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

수정 후
.header .navbar-brand img {
	width: 209px;
	margin-top: 0px;
}

.header-e1.header .navbar-header { 를 검색
	.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;
	}


수정 후
	.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 를 여시고 다음 소스를 추가
.head-logo {
	float:left;
	overflow:hidden;
	position:relative;
	width:67px;
	height:50px;
}

높이, 넓이를 적당히 수정하세요.

참 custom.css에 추가된 head-logo는 실제 로고 이미지를 <div class="head-logo"> 로 감싸주기 위해 삽입된 소스입니다. 그런 고로 head_bs.html에 상단 왼편 로고 관련 소스에 <div class="head-logo">소스</div>를 사용하세요

red123님의 댓글

테스트를 해 보았습니다.

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

위와 같은 소스 변경을 하였을 경우 원하는 대로 수정이 가능하였습니다

감사합니다. 이 글을 보고 다른 분들도 도움이 되셨으면 좋겠습니다 ^^

축하합니다. 행운의 포인트 38포인트를 획득하였습니다.

shadow님의 댓글

이렇게 해보세요.
eyoom/theme/basic/css/style.css 를 여시고 .header-e1.header .navbar-header { 를 검색

margin: 20px 0;

수정 후
margin: 0px 0;
바로 아래쪽 .header-e1.header .navbar-brand { 
수정 전
top: 10px;
수정 후
top: 0px;

eyoom/theme/basic/css/custom.css 를 여시고
.head-logo {
	float:left;
	overflow:hidden;
	position:relative;
	width:67px;
	height:50px;
}

위 코드를 삽입하시고 이미지 크기에 맞게 적당히 수정해보세요.

아 그리고 custom.css에 추가된 head-logo는 실제 로고 이미지를 <div class="head-logo"> 로 감싸주기 위해 삽입된 소스입니다.

red123님의 댓글

댓글 감사합니다 확인하고 결과 말씀 드릴께요 ^^

축하합니다. 행운의 포인트 92포인트를 획득하였습니다.

브살렐님의 댓글

감사합니다..

studyhaza님의 댓글

감사합니다~~

Total 2,281건 4 페이지
게시판 이용안내

이윰빌더를 이용하시는 모든 회원님들이 서로 궁금한 부분을 질문 또는 답변을 하며 문제점을 서로 해소할 수 있는 공용 질답 게시판입니다.

질문 시 기본적인 예절을 지켜주세요.
  • 질문 시 바른말을 이용 해 주세요.
  • 질문자의 상황을 다른이가 예측하기 힘듭니다. 오류가 난 상황이나 환경등을 최대한 자세하게 알려주셔야만 원하시는 답을 얻을 확률이 높습니다.
  • 질문의 유형에 따라 틀릴 수 있지만 문제가 되는 해당 페이지 주소가 있으면 가장 근접한 해법이 나올 가능성이 큽니다.
  • 원하시는 답을 얻으시면 감사의 말씀을 전하는 센스를 발휘 해 주세요.
  • 질문 전 한번쯤 읽어볼만한 글 : http://eyoom.net/bbs/board.php?bo_table=qna&wr_id=74
번호 제목 글쓴이 날짜
2,221 알라딘 아이디로 검색 2015.03.17 2,412
2,220 joosam 아이디로 검색 2015.04.17 2,405
2,219 티피 아이디로 검색 2015.05.26 2,310
2,218 마른땅 아이디로 검색 2016.02.24 2,308
2,217 닉네임 아이디로 검색 2015.05.11 2,304
2,216 김나리 아이디로 검색 2015.02.22 2,302
2,215 퍼그야 아이디로 검색 2015.08.21 2,297
2,214 아트 아이디로 검색 2015.04.15 2,283
2,213 maxform 아이디로 검색 2015.05.15 2,266
2,212 김나리 아이디로 검색 2015.03.27 2,228
2,211 총사달타냥 아이디로 검색 2015.06.24 2,220
2,210 허거덩 아이디로 검색 2016.08.05 2,214
2,209 장서 아이디로 검색 2015.03.18 2,203
2,208 이윰넷 아이디로 검색 2015.01.20 2,200
2,207 칠천피트 아이디로 검색 2016.01.20 2,176
2,206 무한질주 아이디로 검색 2015.02.26 2,146
2,205 달달하고달콤한 아이디로 검색 2016.01.28 2,112
2,204 마늘 아이디로 검색 2015.05.22 2,110
2,203 VRBOXKOR… 아이디로 검색 2015.12.22 2,106
2,202 김군 아이디로 검색 2015.03.16 2,093
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