티스토리 블로그/CSS 코드 공유4 블로그 꾸미기 본문 제목 CSS 코드 수정 (챗지피티 활용 방법 및 사례 1) Contents사실 챗지피티 활용방법은 정말 쉽습니다. 크게 어렵게 생각할 필요 없이 그냥 물어보면 됩니다. 항상 일할때나 일상에서 챗지피티를 사용하고 있는데... 사용하다 보면 이녀석이 진짜 편리함을 계속해서 느끼고 있습니다. '와 진짜 이렇게 검색이 편해질 수 가 있나?'라는 생각을 하게 되고 물어보면 여지것 받은 답변율도 99% 정확도를 보여줬습니다. Chat Gpt 활용 사례 블로그 본문 제목 CSS 코드 수정전위 사진에서 확인할 수 있듯이 본문과 제목이 약간 뒤틀려 있는 것을 확인 할 수 있습니다. 혼자서 고쳐 볼려고 했지만 CSS코드도 잘 모르고 알고 있는 코드로는 해결이 안되어 챗지피 활용했습니다. Chat Gpt 챗 지피티 한테 코드 물어보기그냥 챗지피티 한테 다짜고짜 블로그 본문 제목.. 2024. 12. 23. 블로그 티스토리 요약 글 줄이기 줄이는 방법 CSS 코드 수정 간단한 CSS 코드 추가로 메인 페이지에요약글을 줄이는 방법 입니다. 요약글 생략 코드가 적용된 모습 미리보기CSS 코드 적용후 요약글이 줄어든 것을확인할 수 있습니다. 또한 요약글 끝에는 생략의 표시로'...'을 붙여 두었습니다. 적용된 CSS 코드 확인하기위 코드는 요약글 생략을 위한 코드입니다. 이상한 점은 코드를 실제로 적용해 봤을때원래라면 '.excerpt{}' 코드안에한번에 코드를 넣어서 적용하는게 정상입니다. 하지만 실제로 한번에 코드를 넣어보니적용이 안되서'.excerpt{}' 코드를 2개로 나눠서적용했습니다. 적용된 CSS 코드 복사는 아래 '더보기'더보기" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 간단하게 요약글 생략하는 방법을 알아봤습니다. 2024. 11. 16. 원하는 특정 부분 글자 색상 변경하기 예시 (블로그 스킨 꾸미기) 블로그 스킨을 꾸밀때 원하는 부분의 색상을 변경하는 방법입니다. CSS 코드만 수정하여 간단하게 색상을 변경할 수 있습니다. CSS코드를 추가하는 방법과 'F12' 개발자창 사용하는 방법은 > 여기서 확인할 수 있습니다. 티스토리에서 색상 변경 예시티스토리에서 'F12' 개발자 모드로 들어가 글자를 변경하고 싶은곳에 마우스를 갖다 대면 해당 코드를 찾을 수 있습니다.해당 코드에 '#555;'라는 색상 코드가 입혀져 있었고 해당 색상을 변경하면 간단하게 색상을 변경할 수 있습니다. 위 와 같이 색상을 'blue;'로 변경해봤습니다. 잘 적용되는 것을 확인할 수 있습니다. 블로그 스팟 (특정 스킨) 색상 변경 예시해당 블로그스팟에 적용된 스킨의 사이드바 색상을 변경하려고 했더니 블로그스팟의 사이드바는 글.. 2024. 11. 13. CSS 스크롤시 원하는 특정 부분 페이지 상단 전체 고정되게 설정하기 이번에 적용해본 코드는 자바스크립트와 CSS를 사용했습니다. 원하는 특정 부분을 상단에 전체에 펼쳐지게 하고 고정되면서 스크롤시 따라오게하는 코드를 적용했습니다. 코드가 적용된 모습 미리보기원래라면 '라벨이 "발라드"인 게시물 표시'라는 박스 부분이 스크롤시 고정되면 따라오지 않습니다. 자바스크리트와 CSS 코드를 적용한 후에 '라벨이 "발라드"인 게시물 표시'라는 부분이 스크롤시 상단에 고정되어 전체로 펼쳐진채 스크롤되는 것을 확인할 수 있습니다. 적용된 자바스크립트 코드 보기위 자바스크립트 코드 사진에서 빨간색 밑줄 친 부분만 스크롤시 고정을 시키려고 하는 'class 이름'으로 변경하여 넣어 주면 됩니다. Class 이름을 찾아봤습니다제가 고정시키려고한 부분의 클래스명(이름)을 'F12'관리.. 2024. 11. 12. 이전 1 다음
