티스토리 땜에 3시까지 잠 못 잔 썰

로고 디자인한다고 파포로 그림파일을 한 10개는 넘게 만들었음ㅋㅋ

이게 티스토리 만들기 전엔 구글 사이트에 들어갈 거였는데, 구글 사이트에 살짝 안 맞아서 티스토리 만든 김에 이 로고를 썼음.

—————————————————————
이게 디자인 작업할때 어려웠던 게 파포로 디자인하면 px(픽셀)이 아니라 cm(센티미터)로 넓이가 설정되어 있어서도 그렇고, 또 그걸 강제로 px로 바꿔도 지가 알아서 cm으로 바꿔버려서 이거 작업을 어케 해야 하지 하다가 결국 px 단위를 cm로 환산해주는 사이트를 찾아서 작업을 시작함!

문제는 뒤부터 발생하기 시작했음.

내가 실수로 18px (티스토리 로고 최대 높이)를 cm로 환산도 안하고 계속 도형 넓이 (도형 밑에 두고 디자인함)를 18cm로 하고 있던거임ㅋㅋ

근데 나는 그걸 지금까지 눈치 못 채다가 계속 "어...? 18px이 이렇게 길었나...?" 라고 생각해서 혹시나 내가 반대로 했나 싶어서 너비칸에다가 18(cm) 적고 높이칸에다 너비에 드가야하는 수를 적음. 그렇게 무한반복함.

그리고 몇 분뒤에 눈치를 챔.
"아 맞다 cm로 환산 안 했구나....."
이제 드디어 환산을 해서 적음!

그래서 마침내 로고 완성!
—————————————————————
이제 다 만들었으니까 남은 건 적용하는 것 뿐이니까 적용하고 봤더니 "어라..? 로고가 왜 이러지?" 로고가 구겨진거임ㅋㅋ 진짜 그거 고치려고 HTML 계속 건드림.... 높이를 바꿨으면 너비도 같은 값을 구해야 하니깐 대충 어려운식으로 만들자면,
—————————————————————
예를 들어 높이가 50px, 사진의 세로가 297px, 가로가 1005px이라 칩시다.

(몇 배인지 구하기) = (세로)÷(높이)
                               = 297÷50
                               = 5.94

(너비 구하기) = (가로)÷(몇 배)
                       = 1005÷5.94
                       = 169.1919191919

이렇게 되면, width:169.1919191919px , height : 50px가 된다.

끝!
—————————————————————
자 이렇게 해서 하면 구겨집니다.
고치는 방법은 헤더 크기를 늘리는 건데요.

저는 이 포스팅을 참고했습니다.
여기를 눌러주세요!
(위 포스팅은 티스토리 Odyssey 스킨을 기준으로 설명합니다. / CSS를 사용하는 기능입니다.)

(가끔 나오지 않을 때가 있는데요! 이 때는 그 코드와 가장 가까운 (1칸 위에 있는) 코드를 우클릭 > Command Palette > Find 입력 > 칸에 가장 가까운 코드 입력 > 포스팅에 따라 수정해주심 됩니다.)

이렇게 해서 저는 끝냈습니다.
—————————————————————