안녕하세요, 수염난아이티 입니다.
이번 페이지에서는 티스토리 홈 화면에서 전체 메뉴를 아래로 이동하는 방법을 알아보겠습니다.
매우매우 간단하니 차근차근 따라와주시면 쉽게 적용하실 수 있으십니다.
우선 저는 square 스킨을 적용한 상태 입니다.
스킨별로 html 코드가 상이할 수 있으니 동일 스킨이 적용되어 있는지 확인해주시기 바랍니다.
적용 전에는 아래 그림과 같이 적용 전에는 전체 글이 홈 화면에서 상단에 위치해 있습니다.
이제 아래의 순서를 따라오시면서 '전체 글' 을 맨 아래로 이동시켜 보겠습니다.
1. 우선 관리 페이지로 들어갑니다.
2.스크롤을 내려 '스킨편집'을 클릭합니다.
3. 'html' 을 클릭합니다.
4. 'ctrl+f' 키를 눌러 's_list' 를 입력하여 아래 박스 표시의 코드를 찾아낸 뒤,
해당 코드를 'ctrl+x' 를 눌러 잘라냅니다.
5. 그리고 '<s_side' 검색하여 맨 아래의 '<s_sidebar_element>' 를 찾아내어
그 아래 잘라두었던 코드를 'ctrl+v' 로 붙여넣기를 합니다.
6. 여기서 중요한게 하나 있습니다.
위와 같이 붙여넣기를 한 뒤, 전체를 선택하여 해당 코드의 열을 아래 사진과 같이 맞춰줘야 합니다.
열을 맞추는 작업은 한 줄 한 줄 선택하여 스페이스를 해줘도 되고
한꺼번에 움직이려면 tab 키를 사용해도 됩니다.
그렇지 않으면 해당 코드의 위치가 html 상에서 읽히지 않습니다.
그 뒤 우측 상단의 '적용' 버튼 누르기를 잊지 마세요.
잘 따라오셨다면 '전체 글' 이 홈 화면에서 맨 아래로 이동한 것을 확인하실 수 있으실 겁니다.
'▶IT World◀ > HTML, CSS' 카테고리의 다른 글
[HTML] 티스토리 글 목차 만드는 법 (초보자용) (3) | 2024.12.05 |
---|---|
[HTML/CSS] 티스토리 우측 사이드바 추가 (3) | 2024.11.27 |
[HTML/CSS] 티스토리 사이드바 달력 추가하는 방법 (4) | 2024.11.24 |
[CCS] 티스토리 글씨체 변경 (1) | 2024.11.21 |
[CCS] 티스토리 마우스 드래그 색상 변경 (1) | 2024.11.19 |