Fastboot 왼쪽 메뉴버튼 위치 및 크기 변경

Fastboot 제일 왼쪽에 있는 메뉴 버튼은 거의 쓰진 않지만, 모바일에서는 꽤 활용도가 높을 수 있다. 처음에는 거의 쓰질 않아서 없애버리려 했으나, 모바일에서 오류가 생기는 바람에 우선은 그냥 그대로 뒀다. 조만간 기필코 PC모드에서 안보이게 하리라!

피가되고 살이되는 블로그, 친절한효자손 취미생활!

글, 사진 및 이미지 ▶ CopyLeft(C) 유길용

#CopyLeft(C) 는 저작권의 반대개념으로, "모든것을 공유한다" 는 뜻 입니다#

#공유라는 개념은 그대로 복붙하시라는 개념이 아니라, 내용을 응용해서 가져가시라는 말씀입니다#

#사진과 이미지의 일부는 퍼온것도 있음을 밝힙니다#

패스트부트 스킨 왼쪽에 있는 메뉴 버튼의 위치와 크기를 변경해보자

혹시라도 자주 쓰시는 분들도 있을 수 있으니, 한번 위치와 크기를 적절히 조절하는 방법에 대해서 알아본다. 원래 이 방법은 AddThis (애드디스) 플랫폼 때문에 둘이 겹쳐져서 어떻게 위치를 서로 다르게 할 수 없을까 싶어서 찾다가 알게된 방법이다. 애드디스는 현재 필자의 가장 오른쪽에 위치한 다양한 SNS 뱃지들이 모여있어서 사용자가 편리하게 공유할 수 있는 플랫폼 서비스다. 자세한 글은 아래에 있다.

애드디스(AddThis) 설치 및 사용법 : SNS 공유 플랫폼

바로 이 버튼인데 위/아래 위치 조절 및 크기 조절이 가능하다. 하지만 크기는 줄이는 건 괜찮으나 늘리는 건 무리가 있다. 왜냐하면 여기에 사용되어지는 이미지의 크기가 이미 고정되어 있기 때문에 늘리면 픽셀이 깨진다. 어찌되었든 어느 부분의 태그를 조절하면 되는지 한번 확인해보자.

HTML/CSS 편집으로 들어와서, HTML이 아닌 CSS 카테고리에서 찾아야 한다. Ctrl+F를 눌러서 lntoggle 을 검색한다. 첫 단어가 I 가 아니고 L 이다. 대문자 아이와 소문자 엘... 너무 햇갈린다. 검색하면 저렇게 #lnav>/lntoggle { 이라고 하는 태그가 검색이 될 것이다. 저기 빨간 표시가 되어 있는 부분을 수정해주면 되는데, 밑줄친 부분이 바로 위치를 정해주는 부분이다. 한번 숫자를 변경해가면서 변화되는 위치를 확인해보자. 그리고 자신이 원하는 위치에 버튼을 옮기면 된다. 네모표시가 된 부분은 바로 크기다. 기본이 아마 50px 일 것이다. 필자는 살짝 줄여줬다. 이유는 AddThis 버튼의 크기가 48px 이기 때문이다. 이런식으로 자신만의 스타일대로 자유롭게 꾸밀 수 있다. 필요하시다면 지금 바로 적용시켜보자. 끝.