24/11/29

 

 

썸네일 귀찮다
썸네일 안올리면 블로그 레이아웃이 안이뻐서 어쩔 수 없이 올린다 ><
바빠서 요새 바로 잠들어서
블로그 할 시간이 없다ㅋㅋㅋㅋ
 
 
오늘 블로그 PC버전 커스텀한 내용
무료 저작권 없는 배경음악(캐롤) 등록
사이드바 메뉴 hover 하면 글씨 핑크 그라데이션
메인 헤더 없애고 타이포그래피 커스텀
메인헤더/썸네일헤더 →  랜덤 명언 생성기
썸네일 헤더에 2024 인사말 
 
내일 6시반 한정식 식당 예약
12월 1일 -> 인프런 스프링, 코딩애플 강의 구매
구독버튼 안 뜨는 문제 해결하기
Liquid Button
 

---

 
티스토리 구독 버튼 태그
 
처음에 구독버튼 커스텀 하려고 했는데 안 떠서 이상하다 생각했다
한참 설정 들어가서 구독버튼 확인하다가
태그를 자세히 살펴 보니 owner이면 안뜨는거구나...
그래서 구독 버튼을 확인하려면 계속 로그아웃 했다가 로그인을 해 주어야 한다.
 

<div class="w-9 h-9"><button class="subscription flex justify-center items-center w-9 h-9 outline-0 rounded-full bg-h-200 text-h-500 hover:bg-h-300 dark:text-h-200 dark:bg-h-700 dark:hover:bg-h-600 btn_menu_toolbar btn_subscription #subscribe" x-data="{ subscribed: T.config.SUBSCRIPTION.isConnected }" x-show='T.config.ROLE !== "owner" && /^(.*tistory\.com)$/.test(location.hostname)' :data-blog-id="T.config.BLOG.id" :data-url="TistoryBlog.tistoryUrl" @click="subscribed = ! subscribed"><span class="text-hidden">구독하기</span><i class="fa-star text-sm" :class='subscribed ? "fa-solid" : "fa-regular"'></i></button></div>

 
처음에 로그아웃 해서 확인해보니 옆에 다크모드 버튼이랑 겹쳐서 뜬다.

 
구독버튼 이나 해당 부분 관련해서는 html편집창에서 손 댄적이 없는데 상태가 왜 이러지 ;;
위치가 애매해서 html 편집창 가서 해결해 주었다.
 

 
해당 button태그를 그냥 div.flex.gap-x-3 태그안으로 옮겨서 해결했다.
그러면 아래처럼 해당 요소들 사이에 간격이 생긴다.
 

 
이 문제 해결 하고 나니까
이제 구독 버튼 색상 바꾸는 처리를 해 줘야겠다.
프로필사진에 그라데이션 테두리 커스텀했는데 이상하게 css가 구독버튼에도 같이 먹혔다.

 

round-full 속성이 먹혀 있었따....
아하
일단 그냥 round-full 속성을 빼버릴까 하다가
그럼 동그란 모양으로 안 뜨는거 아닌가..
확인해보고 안뜨면 프로필 사진에 테두리 효과를 새로운 클래스 줘서 먹여야 겠다....