본문 바로가기

반응형CSS

(2)
[티스토리 스킨 만들기] 반응형 2 스킨 사이드 바 꾸미기, 3단에서 2단으로, 글꼴, 색깔, 빠르게, 애니메이션 삭제 [티스토리 스킨 만들기] 반응형 2 스킨 사이드 바 꾸미기, 3단에서 2단으로, 글꼴, 색깔, 빠르게, 애니메이션 삭제 이번에는 반응형 2 스킨 사이드 바를 꾸며보겠습니다. 사이드바가 너무 넓어서 내용이 가려지니까 줄일 필요가 있습니다. 그리고 애니메이션 때문에 느려지기도 하고 여러므로 수정할곳이 있습니다. 그래서 수정하면서 글을 써보겠습니다. 3단에서 2단으로 줄일려면 HTML의 2곳을 수정해야합니다. 약 183줄의 를 로 바꿔줍시다. 위 사진에 강조된 부분을 바꿔주시면 됩니다. 그리고 이제 약 238줄 근처에 ~ 를 아래사진처럼 삭제해줍니다. 이제 CSS로 가서 두곳을 수정해야합니다. .wrap_skin.navi_on {padding-left:960px}를 .wrap_skin.navi_on {padd..
[티스토리 스킨 만들기] 스크롤 바 모양 바꾸기, 스크롤 바 버튼 삭제 CSS 편집 [티스토리 스킨 만들기] 스크롤 바 모양 바꾸기, 버튼 삭제 CSS 편집 오늘 또 여러 가지 편집하면서 올리게 되네요! 이번에는 스크롤 바 이런 걸 바꿀 겁니다. 이걸 왜 바꾸냐면 반응형 2 스킨에서 메뉴를 열면 정말 안 이쁘거든요;; 그래서 메뉴에서는 안 보이게 하려고 했으나 코드를 못 찾겠어서 모양을 좀 이쁘게? 만들려고 합니다. 언젠가 찾게 되겠죠 프로필 이미지 크기도 찾은 것처럼ㅎㅎ 이번에는 수정이 아닌 그냥 CSS에 넣으시면 됩니다. 스킨마다 다르겠지만 반응형 2에서는 직접 넣어줘야 합니다. /* 스크롤 바 */ ::-webkit-scrollbar { width: 15px; } ::-webkit-scrollbar-track { background-color: #F3F3F3; } ::-webkit..