본문 바로가기

오늘의 톡/블로그! 톡

티스토리 타이틀 이미지를 본문과 정렬맞추기



티스토리 블로그를 다시 시작하면서 최신 트랜드에 맞게 새롭게 수정하는데 

역시 검색이 최고였습니다. (검색 후 초보블로거 인증ㅠ 어려운 태그가 많았습니다.)


많은 도움이 된 블로거분들이...


각종 레이아웃 관련한 수정은 티비의 세상구경, 폰트관련 수정은 cCccV

플로팅버튼은 ism의 눈내리는여름밤, 사이드바 글씨크기 수정은 파란물의 일상


이 글을 통해서 먼저 감사드립니다.


한가지 계속 막히는게 있었는데 타이틀을 이미지로 바꾸면 이미지가 약간 옆으로 밀리는 

증상이었습니다. 정렬은 가운데 정렬인데 본문하고 정렬이 전혀 안맞았습니다.


고민고민하다가 찾아낸 해결 방법입니다^^


 style.css 수정하기


 

  수정 전 이미지를 보시면 

  검색창 밑에 본문부분이 약 1~2mm정도 

  본문이 왼쪽으로 나와있는게 보이실것입니다.

 

   해결방법은 

   Admin(관리자) → HTML/CSS 편집 

   style.css에서 #header h1 검색 후 

   (아래의 스샷 참고!)


margin-left:4px 값을 

margin-left:0px으로 변경

 

  수정후 이미지를 보면 검색창 밑에 

  타이틀이미지와 본문의 정렬이 깔끔하게 

  맞추어져 있는걸 확인할수 있습니다. 


  해상도와 본문 크기에 따라 다를수 있으니 

  맞추어서 숫자를 변경하시면 될듯합니다. ^^