본문 바로가기

사이드바

(2)

티스토리 블로그 스킨 꾸미기 - 사이드바(sidebar) 2편 - 티스토리 블로그 스킨 꾸미기- 사이드바(sidebar) 2편 - 무료로 제공되는 스퀘어(square) 스킨을 활용하여코알못이 직접 수정해 보겠습니다. 스킨편집에서 CSS에 들어가 소스코드의 일부를 가져왔습니다. 코드를 보기 좋게 수정 후 진행하겠습니다. (이 글은 모바일 보단 PC로 보시는 것을 추천드립니다.) 실습을 진행하면서 내용이 기니, 궁금하신 부분은 Ctrl+F 로 해당 단어를 검색하여 찾으시면 조금 더 수월 하실 것으로 생각됩니다. 자, 시작하겠습니다! 위의 코드를 위에서 부터 차례로 아래로 내려오며 공부해보겠습니다. #sidebar a { color: #333; text-decoration: none; } color: #333; 를 먼저 수정해보겠습니다. "color" 를 #333에서 #ff..

티스토리 블로그 스킨 꾸미기 - 사이드바(sidebar) 1편 - 티스토리 블로그 스킨 꾸미기- 사이드바(sidebar) 1편 -무료로 제공되는 스퀘어(square) 스킨을 활용하여코알못이 직접 수정해 보겠습니다. 스킨편집에서 CSS에 들어가 소스코드의 일부를 가져왔습니다.코드를 보기 좋게 수정 후 진행하겠습니다.(이 글은 모바일 보단 PC로 보시는 것을 추천드립니다.) 실습을 진행하면서 내용이 기니,궁금하신 부분은 Ctrl+F 로 해당 단어를 검색하여 찾으시면조금 더 수월 하실 것으로 생각됩니다. 자, 시작하겠습니다!/* * sidebar */#sidebar{ position: fixed;top: 0;left: 0;bottom: 0;padding: 0;width: 300px;height: 100%;background-color: #ffa;border-right: 1p..

이전 1 다음

티스토리툴바