사이드바 위치, 페이징 수업중 화살표, 소스코드

Question

안녕하세요. 지난번 질문에 대한 답변 감사합니다. 1. 사이드바 위치를 좌, 우 혹은 위, 아래로 변경하려면 어떻게 해야 하나요? 2. 페이징시 나오는 화살표 그림추가에서 app.pug를 수정하셨는데 그 부분을 좀 더 자세히 설명 부탁드립니다. 3. 예제인 tbook의 코드를 공개해주실수 있나요? 감사합니다.

정상우 · Answer

1. 사이드바 위치를 좌, 우 혹은 위, 아래로 변경하려면 어떻게 해야 하나요? > 스킨 내부의 사이드바나 카테고리의 위치 같은 것은 전적으로 CSS(Cascading Style Sheet) 코드에 의존합니다. 티스토리 스킨은 마크업보다 CSS 코드가 대부분이기 때문이죠. 따라서 사이드바의 position, top, bottom 등의 값을 변경해주셔야 하는데, 이부분은 CSS 에 대한 부분이므로 정확한 답변을 드리기 어렵습니다. 2. 페이징시 나오는 화살표 그림추가에서 app.pug를 수정하셨는데 그 부분을 좀 더 자세히 설명 부탁드립니다. > 페이징을 작성할 때 app.pug 에 추가했던 것은, 아이콘 시트에 대한 link 태그를 추가한 것이었습니다. 마크업에는 화살표를 표시하라고 작성하였지만, CSS 를 추가하지 않았어서 클래스 를 로드하지 못하여 화살표가 표시되지 않았기 때문이죠. 아래의 사이트를 참고하면 도움이 될 것입니다. https://fontawesome.com/ 추가한 코드는 다음과 같습니다. <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.7.1/css/all.css"> 3. 예제인 tbook의 코드를 공개해주실수 있나요? > 현재 tbook 의 소스코드는 가지고 있지 않습니다. 예전에 실수로 날려버린 탓 ㅜㅜ 만들게 된다면 같은 컨셉으로 예제를 포함한 티스토리 스킨으로써도 사용할 만한 것 으로 제작할 예정입니다. 이는 추후에 제작이 끝나면 공지하도록 하겠습니다. 오래 걸리지 않을 것입니다.