예전 포스팅에서 FastBoot스킨 사이드바에 구글 검색창을 넣어본적이 있습니다. 구글검색창 넣기 http://itfix.tistory.com/21 이번시간에는 구글검색창과 나란히 위치할 구글 번역창을 사이드바에 넣어보도록 하겠습니다. 아래의 구글번역기 설치 사이트로 이동합니다. https://translate.google.com/manager/website/ 100개 이상의 언어로 웹사이트 바로 번역할수 있는 Google의 강력한 자동 번역 기능을 웹사이트에 추가하세요. 무료 웹사이트 번역기 플러그인을 사용하면 쉽고 빠르게 전 세계 사용자와 만날 수 있습니다. 라고 자랑질하고 있는 구글 사이트를 만나실 수 있는데 좌측하단의 웹사이트에 지금추가 버튼을 눌러 주세요. 그럼 위와 같은 화면의 페이지가 나오는..
작업을 하다보니 밑에서 부터 위로 올라가게 되네요. 본문 글씨크기를 키우다보니 본문제목크기도 키우고, 제목색상을 바꾸다 보니 상단바 색상도 바꿔야 할것같아서 여기까지 오게 되네요. 위의 제 블로그 상단부 빨간박스부분이 뭔가 좀 부조화스럽습니다. 색상이라도 바꿔줘야 할것 같습니다. 방법은 역시나 추측하시는 대로 본문수정할때와 같습니다. 티스토리 HTML편집에서 CSS탭으로 가서 Ctrl F 찿기를 눌러줍니다. 검색창에 #SecondNavWrap 라고 치고 엔터를 칩니다. 대략 1000에서 1100대줄 사이쯤에 있습니다. 코드를 보시면 감이 오겠지만 밑줄이 배경색상이고, 나버지 부분들은 상단 고정바의 넓이 등을 설정하는 부분입니다. 상단바의 두께까지 손대보실 분들은 여기서 설정을 바꾸어 주시면 되겠습니다. ..
이전 포스팅에서 본문내용의 글꼴크기를 키우고, 본문 포스팅 제목 글꼴의 크기도 키워봤습니다. 두가지 모두 함께 작업하셨다면 아마도 본문 포스팅 제목바의 컬러나 제목글꼴 색상 등을 어떻게 바꿀지 대충 감이 오실것입니댜. FastBoot스킨 본문 글꼴 키우기 https://itfix.tistory.com/31 FastBoot스킨 본문 제목 키우기 https://itfix.tistory.com/32 두번의 포스팅에서 모두 우리는 CSS탭으로 찿아가서 h.title을 찿아낸뒤 그부분에서 작업을 했습니다. 이번포스팅의 작업도 마찬가지입니다. 먼저 티스토리 HTML편집페이지로 가서 CSS탭을 누른 다음 Ctrl + F를 하여 h.title를 검색한뒤 그위치로 찿아갑니다. 그러면 title color와 backgro..
FastBoot스킨의 본문제목 폰트크기 바꾸기는 바로 전에 포스팅했던 본문내용 글꼴키우기랑 방법이 똑갑습니다. 당연한 이야기겠지만 단지 css태그에서 설정하는 부분이 각각 서로 다른 곳에 있기 때문에 변경하는 위치만 다를 뿐입니다. FastBoot스킨 본문 내용 폰트크기 바꾸기 -> http://itfix.tistory.com/31 자 이제 본문 글꼴크기 수정시에 했던 것처럼 HTML편집창으로 간뒤 CSS탭을 눌러줍니다. 그런다음 Ctrl + F를 이용해 검색창을 열어 h3.title 라고 입력한뒤 엔터키를 누릅니다. 기본이 20px로 설정되어 있는 것이 보이는데 본문 폰트 크기를 키우셨다면 본문제목의 크기도 미관상 어울리게 적당히 키워줘야 하겠습니다. 적당한 숫자를 더해가며 실제 보여지는 페이지를 새로..
FastBoot 반응형 스킨의 기본 본문 폰트는 12px로 요즘 블로그들의 추세에 비하면 다소 작고 답답한 감이 없지 않아 있습니다. 물론 모바일에서는 좋아보이는 편입니다. 단지 pc버전의 경우 너무 작아보여서 가독성이 떨어진다는 지적이 있습니다. 오늘은 FastBoot 스킨의 폰트크기를 일괄 적용하여 크게 키워보는 작업을 하겠습니다. 티스토리 블로그 관리창의 HTML 편집 페이지로 가십시요. 그다음 CSS탭을 클릭한뒤 Ctrl + F 를 눌러 검색창을 띠우고 post-body-font-size 라고 입력합니다. 주의해야 할 점은 HTML탭이 아니라 CSS탭이라는 점입니다. 메모장에 붙여넣기 해놓고 드래그한뒤 찿기창에 Ctrl + V 하시면 좀 쉽습니다. 그러면 해당 소스코드가 있는 곳이 찿아지는데 기본..