728x90
반응형
티스토리를 꾸미면서, 이력관리+기억백업+포스팅 용도로 작성
기존 북클럽 테마를 사용하다가
사이드바를 좌측에 두고 싶어서, 스퀘어 테마로 변경하였다. (큰 결심..)
스퀘어 테마 변경 후 좌측 상단에 이미지를 넣고 싶어서, HTML 코드를 수정하였다.
1. 티스토리 좌측에 로고 넣기
하기 blog_link 부분이 내 블로그 이름 땡겨오는 거같아서 위에 코드를 넣어보니 맞더라
그래서 img 태그를 사용하여 로고를 넣었고, 이미지 사이즈랑 가운데 정렬을 위해 아래와 같이 작성했다.
겸사 겸사, IMG tag 가운데 정렬 방법을 정리한다.
[방법1 div 태그 사용]
<div style="text-align:center">
<img src=ddd>
</div>
[방법2 style 태그 사용]
<head>
<style>
img { display:block; margin:auto; }
</style>
</head>
[방법3 css 파일 사용]2. 티스토리 좌측 블로그명 이미지로 변경
아래 코드에서 타이틀 부분을 바꿀꺼다.
- 목적 : 텍스트 형식의 제목은 꾸미기가 힘들다.
- 꾸민 이미지로 텍스트를 대체했다.
* <h1> 같은 무쓸모 태그는, 나중에 텍스트 대치를 대비해서 원형을 남겨둠
끝이다.
728x90
반응형