본문 바로가기

프로그래밍

 (99)
스크롤 바 CSS 만들기, 수정, div 스크롤 바, 특정 구역 스크롤 바 따로 만들기 총정리 스크롤 바 만들기, 수정, div 스크롤 바, 특정 구역 스크롤 바 따로 만들기 총정리 div 스크롤 바, 특정 구역 스크롤 바 따로 만들기 제가 반응형 2 스킨을 수정하면서 알아낸게 있습니다. IE랑 크롬이랑 스크롤 바를 플러그인을 쓰는게 아니라면 각각설정해줘야하며 크롬 브라우저에서 특정 div의 스크롤 바를 수정하는 방법이 구글에 나와있지 않다는거... 찾느라 얼마나 힘들었는데!!! 그래서 다시금 글을 써보도록 합니다. 제 블로그를 보시면 아시겠지만 화면 가장 오른쪽에있는 스크롤 바와 왼쪽 메뉴를 눌렀을 때 나오는 스크롤 바가 서로 다르다는것을 볼 수 있습니다. (크롬에서) webkit이라는 다른 언어를 써서 그런가봅니다. div 스크롤 바 수정하기 우리는 특정 div의 스크롤 바를 수정할것이니 di..
[티스토리 스킨 만들기] 반응형 2 스킨 사이드, 카테고리 스크롤 바 없애기, 수정하기 [티스토리 스킨 만들기] 반응형 2 스킨 사이드, 카테고리 스크롤 바 없애기, 수정하기 오늘 밤, 참으로 비극적인 얘기를 들어보시겠습니다! 가 아니라 굉장히 기쁜 소식이 있습니다. 바로! 반응형 2스킨의 사이드, 카테고리 부분의 스크롤 바 수정하는법을 찾았습니다!! 먼저 없애보도록 하고 그다음은 다른 모양으로 만들어 보겠습니다. 그럼 바로 수정하면서 글을 써보도록 해보겠습니다. 반응형 2 스킨 카테고리, 사이드 스크롤 바 없애기 먼저 HTML로 가시고 코드를 하나 넣어야 합니다. 182줄 근처의 를 찾으신 후 div 안에 -ms-overflow-style: none;를 생성해주세요. Ctrl + F -> area_sub를 검색하시면 빠르게 찾으실 수 있습니다. 이제 CSS로 가서 또 코드를 넣어줍시다. ..
[티스토리 스킨 만들기] 블로그 화면에 이미지 고정시키기, 구석에 고양이 만들기 [티스토리 스킨 만들기] 블로그 화면에 이미지 고정시키기, 구석에 고양이 만들기 그냥 다른 사람들 블로그를 구경하면서 나도 뭐 꾸밀거 없나 했는데 갑자기 떠올랐습니다. 고양이를 넣자! 예전에도 화면에 이미지 고정시키는건 했었으니 고양이 이미지만 구하면 되겠네요. https://picrew.me/image_maker/48399 いのちにふさわしい｜Picrew 晩御飯はカレー 「もうめっちゃくちゃ作り途中」から「めちゃくちゃ作り途中」くらいにはしておきました picrew.me 으ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 복실복실한게 귀여워 미치겠네요ㅋㅋㅋㅋㅋ 여튼 위 사이트는 자캐만들기로 유명한 사이트입니다. 대충 원하는 모양으로 만들고 저장합시다. 위 사진처럼 만들어줄겁니다. Html 편집에 파일 업로드로가서 해당 파일의 이름을 Back..
[티스토리 스킨 만들기] 반응형 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..
[티스토리 스킨 만들기] 반응형 2 블로그 제목, 닉네임 CSS 크기, 굵기바꾸기 전에 프로필 이미지 크기와 모양을 바꿔봤었죠 굉장히 맘에 듭니다. 이제 블로그 이름과 제 닉네임의 CSS를 바꿔보려고 합니다. 먼저 블로그 이름과 위에 바를 살짝 손봤습니다. HTML 편집 -> CSS로 이동하여 이 부분을 손봐주시면 됩니다. 먼저 이름 위의 바는 .area_head .area_profile:before{display:block;width:55px;height:2px;margin:0 auto 23px;background-color:#fff;content:''} 이 부분을 수정하시면 됩니다. 저는 width를 약간 넓혔습니다. 그리고 블로그 이름은 .area_head .area_profile .link_post{font-weight:400;font-size:38px;line-height:5..
[티스토리 스킨 만들기] 반응형 2 블로그 프로필 이미지 크기 변경하기 [티스토리 스킨 만들기] 반응형 2 블로그 프로필 이미지 크기 변경하기 안녕하십니까 티스토리 하고 나서 바꾸고 싶었던 게 있었는데 요 반응형 2 스킨의 블로그 프로필 사진입니다. 반응형 2 스킨 자체는 정말 맘에들긴 하지만 프로필 이미지 크기가 너무작아서 보이질 않네요. 그래서 한동안 찾아보긴 했지만 원하는 답을 찾지 못했고 그러다 오늘 갑자기 이미지를 보고있는데 이게 원형태를 가지고 있으니까 반지름 값이 있지 않을까 그래서 radius 값을 찾아서 바꿔봤더니 됐습니다.. ㅋㅋㅋㅋㅋ 바로 글을 적으면서 수정해보도록 하겠습니다! ㄲ 먼저 이미지 크기를 바꾸기 전의 제 블로그 프로필 이미지 크기입니다. 제 자취 룸의 이상향이 있지만 작아서 보이질 않네요. 스킨 편집의 HTML 편집 -> CSS로 이동 HTM..
[티스토리 스킨만들기] 유튜브 재생목록을 블로그 배경음악으로 넣고 자동재생에 연속 재생까지 하는 법 [티스토리 스킨만들기] 유튜브 재생목록을 블로그 배경음악으로 넣고 자동재생에 연속 재생까지 하는 법 한때 제가 고등학생일 때 야자시간과 현재 저의 불면증을 해소시켜주시는 세레노님의 진짜 진짜 좋은 음악을 제 블로그 배경음악에 두면 좋겠다고 생각해서 오늘 글 쓰면서 해보겠습니다!! https://www.youtube.com/channel/UC0kp1x32b-Y4cvP5r3vW_hw Sereno ♪ Make Peaceful Piano Music (like sereno) ♪ Contact : wndgns927@naver.com www.youtube.com 유튜브 태그 생성기를 쓰면 간편하긴 한데 재생목록은 가져오지 못하더군요. 게다가 언제 생겼는지 몰랐는데 퍼가기 기능에 HTML 태그로 퍼가기 기능이 있더군요..

티스토리툴바