태그 (4) 썸네일형 리스트형 [Portfolio 스킨] 22. 티스토리 태그 클라우드 디자인 변경 방법: 랜덤 정렬, 간격 조정, 정렬 수정 😢 단조롭고 못생긴 티스토리 태그 클라우드, 어떻게 이쁘게 만들지? 태그가 박스에 쌓여있으니 뭔가 답답해보이고 심심하다.기존에 수정할 땐 그래도 이뻐보였던 것 같은데 질린건가ㅠㅠ색도 바꿔보고 크기도 바꿔보고 이것저것 시도해 봤는데 마음에 안 든다.무엇보다 태그 목록만 왼쪽 정렬인 게 진짜 진짜 별로다!!! ✨ 태그 클라우드 스타일 개선하기: 해결해야 할 3가지 문제첫 번째, 태그 사용 빈도별 크기 & 색상 지정하기두 번째, 태그 목록 가운데 정렬하기세 번째, 태그 랜덤 정렬하기 💡 추가 정보 : 테두리 모양이나 빈도별 태그 컬러를 수정하고 싶다면, 아래 링크에서 방법을 확인할 수 있다.🔗[Info🔍/HTML&CSS] - [Portfolio 스킨] 10. 태그 클라우드 꾸미기 🔧 포트폴리오 스.. [Portfolio 스킨] 19. 티스토리 본문 태그 디자인 변경 방법: 랜덤 정렬, 간격 조정, 정렬 수정 😢 티스토리 태그, 왜 내 마음에 안 들지? 기존에 만들어준 태그 디자인이 갑자기 안이뻐보인다.태그에 border 처리를 했었는데 지저분해 보이는 거다.그래서 테두리를 지웠더니 잊고 있던 문제가 다시 보였다.TAG 글자랑 위치가 어긋나 있는 거다.그리고 태그가 너무 다닥다닥 붙어있으니까 태그 간 구분이 힘들다.이게 문제가 뭐냐면 티스토리는 태그에 공백이 허용이 되니까 아래처럼 태그가 길어지면 구분하기 어렵다.그리고 태그가 자동으로 abc, 가나다 순으로 정렬이 되더라.그동안 내가 원하는 순서대로 태그가 보이게 신경 써서 입력해 왔는데 뻘짓이었다....😢내 마음대로 순서를 정하지 못할 거면 랜덤으로 섞어버릴 테다ㅋㅋㅋ ✨ 태그 스타일 개선하기: 해결해야 할 3가지 문제첫 번째, 태그를 랜덤 정렬하기두 .. [Portfolio 스킨] 12. 티스토리 검색창 태그 디자인 변경 방법: 호버 시 테두리 제거, 태그 영역 조절 😡 검색창에 나타난 태그, 이게 머임? 여기저기 둘러보다가 헤더의 검색버튼을 검색창이 크게 뜨는 걸 발견했다.근데 여기 태그를 호버링하니까 박스테두리가 삐뚤게 씌여지면서 보인다.이게 뭐야!!!! 충격, 대충격ㅠㅠ마우스를 올릴 때 박스 테두리만 나오지 않아도 깔끔해보일 것 같다. 🔧 포트폴리오 스킨 수정하기✔ 티스토리 스킨을 편집하기 위해선 꾸미기 → 스킨 변경 → 변경 → 스킨 편집 → HTML 편집 → CSS 화면으로 들어가면 된다. ✔ 포트폴리오 스킨 검색 화면에서 나오는 태그는 큰창일때와 작은창일 때 모양을 각각 다르게 설정할 수 있다.아마도 포트폴리오 스킨이 반응형이라 나뉘는 모양이다.이 영역의 태그 이름은 area_popup .tag_zone로 지정돼 있는 것 같다. 📌 호버 시 박스.. [Portfolio 스킨] 11. 티스토리 본문 태그 꾸미기: 콤마(,) 지우기, # 추가, 밑줄 제거, 호버 효과 설정 😢 본문 태그 깔끔하게 만들기 글꼴을 변경하면서 본문 밑에 보이는 태그 위치가 조금 어그러졌다.신경쓰여서 동일하게 바꾸고 싶어서 이것저것 건들여봤다.콤마가 지저분해보여서 콤마를 지우고 테두리를 씌우고 호버했을 때 밑줄을 없앴다.앞에 #을 붙여서 더 태그처럼 보이게 할까도 고민해봤는데 이것 역시 마음에 안든다. 2월 14일 추가 내용분명히 이 글을 작성할 때만 해도 본문 태그에 콤마가 기본으로 있었는데..콤마를 지우는 자바스크립트를 지워도 콤마가 나타나지 않는다. 가능성은 3가지.스킨 자체가 업데이트되어서 수정이 됐거나,내가 html이랑 css를 수정하는 과정에서 콤마를 지우는 무언가를 만졌거나,일시적인 오류로 내 블로그에서만 안보이거나.😂 혹시 제 블로그 본문 태그에 콤마가 보인다면 댓글로 알려주세요.. 이전 1 다음
