본문 바로가기

프로그래밍/티스토리

 (17)
티스토리에 움짤 이모티콘 올리는 방법 feat. Tenor 티스토리 블로그의 단점이라고 한다면 일단 이모티콘이 별로 없다 물론 글쓰기 상단에 이모티콘이 있긴한데 이게 다인지는 몰라도 저거밖에 안보인다 카카오톡에서 구매한 이모티콘을 사용할 수 있으면 모르겠는데 그건또 아닌거같아서 진짜 별로인거같은데 그냥 글만 쓰는거보단 이모티콘을 넣어주면서 쓰면 좋을거같은데 이런 생각을 하다보니 네이버 블로그는 예전에 html 수정이 가능해서 거기에 이미지를 올리고 했던 기억이 떠올랐다 티스토리 글쓰기는 아직 HTML 수정 방식을 지원한다 글쓰기 상단에 기본모드를 누르면 HTML로 변경할 수 있는데 눌러보면 이렇게 HTML 태그로 이뤄진 화면으로 전환된다 HTML이 뭔지는 몰라도 되는데 정말 간단하게 생각하면 그냥 평소에 이렇게 우리가 글쓰는데 자동으로 저렇게 변환되어서 올라감 ..
[티스토리 스킨 만들기] 하단 썸네일, 태그 글자 수정하기 Related Articles 최근 기사 [티스토리 스킨 만들기] 하단 썸네일 글자 수정하기 Related Articles 최근 기사 여기도 글자가 너무 흐리거나 작아서 수정하면 좋겠다 했는데 찾아버렸습니다 흐흐흐 ㅋㅋㅋㅋ 258줄 근처 코드를 아래 코드를 추가하고 조금 밑에 .date_related에 opacity를 살짝 수정하면 font-weight:600;text-shadow: 0 0 25px #000000; 이렇게! 가독성이 조금 늘어나게 될겁니다. 그리고 .link_related:hover로 수정해주고 다음 코드를 넣으면 마우스를 가져다 댔을 때 밑줄 생기는것 대신 사이즈 변경을 시각적으로 보여주게 됩니다!! 그리고 마지막으로 하나 더 바꿀건데 하단에 태그를 조금 바꿔볼겁니다. 244줄 근처의 코드를 수정하면 됩니다. 위 코드처럼 수정..
스크롤 바 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..

티스토리툴바