본문으로 바로가기
homeimage
방명록

이름을 저장합니다.

logo

나라님 블로그 상단의 물결 표시 애니메이션 멋있습니다.

저도 블로그 실험하면서 SVG 애니메이션 이미지를 사용해 보려고 몇 번 테스트했었습니다.
블로그 접속하고 윈도우 사용자의 경우 작업관리자 띄우면,
이 SVG 애니메이션 이미지가 CPU를 지나치게 사용하여 ,
노트북의 경우 쿨링팬 소음이 증가하고,
사양이 낮은 PC는 랙이 발생하기 시작합니다.

SVG 이미지의 용량은 작지만 GPU, CPU가 렌더링을 담당하기 때문에 이런 현상이 발생합니다.
아직까지 대책이 없는 실정입니다.

logo

안녕하세요 ^^

블로그 애니메이션이 표출되는건 스킨의 기능인데, 어떻게 최적화가 되고 만들어진건지는 스킨 제작자님인 쓰윔님께서 아실것 같아요.

쓰윔님의 스피드스타 스킨
: https://speedstarskin.tistory.com

그리고 마샬K님 블로그도 도움이 되실것 같아 주소 남겨 드립니다.

https://marshall-ku.com



logo

전에 문의주셨던 본문이 좁아보이는 문제입니다.
본문의 경우 SEO 문제로 넓히지 않으신다고 해도, 메인홈에 해당하는 홈커버가 좁아보일 수 있다는 생각이 들어서 추가 코드를 남기고 갑니다.

https://i.imgur.com/7Sl5TAb.jpg

위의 스샷처럼 swim-wrap을 검색하셔서 css가 끝나는 그 아래 부분에 이 코드를 붙여넣으시면 됩니다.

.myhome2 #swim-wrap {
grid-template-columns: 1fr minmax(50px,350px) minmax(10px,50px) minmax(100px, 600px) minmax(100px, 600px) minmax(10px,50px) minmax(50px,350px) 1fr;
}

즐거운 하루 되시고 블로그 번창하세요!

logo

신경써주셔서 감사합니다.

저는 메인홈의 크기는 지금이 좋은거 같아요.

알려주신데로 적용해보니 너무 화면에 꽉차게 확대가 되어서 ^^;;

본문의 경우 기존 950 이었는데 850으로 줄어든게 의외로 체감이 되어서 그랬던것이고요.

본문 CSS수정도 알려주신데로 해보면 오른쪽 사이드바가 스크롤바쪽으로 바짝붙어버리는것 같네요.

아무래도 자동계산화 하게 하셔서 그냥 사용하는게 좋을것 같습니다. ^^

본문의 경우 이미지를 PC에서는 확대하는 기능을 넣어주셔서 그것을 활용하면 될 것 같아요.

다시한번 감사말씀 전합니다. ^^


logo

번거롭게 해서 죄송합니다.

figure[data-og-type] {
display: block!important;
}
이걸 css 가장 밑에 추가하시면 링크박스가 깨지는 문제를 해결하실 수 있을 겁니다.

logo

스피드스타 스킨 업데이트 버전을 발송했습니다.
즐거운 하루 되세요!

logo

감사합니다. 확인후 적용시키겠습니다. ^^

logo

hr[data-ke-style], #tt-body-page hr[data-ke-style] {
border: none;
font-size: 0;
line-height: 0;
height: 20px;
margin: 20px auto;
background: url(https://t1.daumcdn.net/keditor/dist/0.4.0/image/divider-line.svg);
background-size: 200px 200px;

}

hr[data-ke-style='style1'], #tt-body-page hr[data-ke-style='style1'] {
background-position: 0 0;
width: 64px;
background-repeat: no-repeat;
}

hr[data-ke-style='style2'], #tt-body-page hr[data-ke-style='style2'] {
background-position: 0 -20px;
width: 64px;
background-repeat: no-repeat;
}

hr[data-ke-style='style3'], #tt-body-page hr[data-ke-style='style3'] {
background-position: 0 -40px;
width: 64px;
background-repeat: no-repeat;
}

hr[data-ke-style='style4'], #tt-body-page hr[data-ke-style='style4'] {
background-position: 0 -60px;
width: 2px;
height: 60px;
background-repeat: no-repeat;
}

hr[data-ke-style='style5'], #tt-body-page hr[data-ke-style='style5'] {
background-position: 0 -120px;
}
hr[data-ke-style='style6'], #tt-body-page hr[data-ke-style='style6'] {
background-position: 0 -140px;
}

hr[data-ke-style='style7'], #tt-body-page hr[data-ke-style='style7'] {
background-position: 0 -160px;
background-repeat: no-repeat;
width: 200px;
}
hr[data-ke-style='style8'], #tt-body-page hr[data-ke-style='style8'] {
background-position: 0 -180px;
background-repeat: no-repeat;
width: 200px;
}

이 코드를 css 가장 밑에 붙여넣으시면 선이 다시 쓰시던대로 살아날 겁니다.

logo

알려주신데로 CSS에 붙여넣기 했는데 이번엔 구분선이 표출 안되네요.

logo

다시 살펴보니
background: urlhttps://t1.daumcdn.net/keditor/dist/0.4.0/image/divider-line.svg);

에서 앞 ( 가 빠져 있어서 그런거였네요.

감사합니다. ^^

logo

오류를 최대한 개선해서 낸 버전을 메일로 보냈습니다.
상세한 피드백해주셔서 감사합니다.


https://i.imgur.com/ScuNLos.gif

logo

네 감사합니다. 확인해보고 적용해보겠습니다. ^^

logo

나라님께 제안드릴 게 있어서 이렇게 비공개글을 남깁니다.

혹시 제가 만든 스킨을 쓰실 의향이 있으신가요?
유료 스킨이지만 무료로 제공하고 싶습니다.

요구 조건도 없고, 단지 써보신 후 버그나 아쉬운 점을 피드백해주시는 정도면 감사하겠습니다.

스킨의 자세한 정보입니다.

https://swimfm.tistory.com/entry/속도-빠른-티스토리-반응형-유료-스킨-스피드스타를-배포합니다

logo

안녕하세요. 쓰윔님 ^^

제가 큰 지식이 없어 맨땅에 해딩하듯 현재의 블로그를 최적화 해보는걸 해보고 있는데요...
쓰윔님 블로그에서 많은 정보를 얻었었습니다.

그런데..이렇게 기회를 주신다 하시니..

그동안 적용해왔던 스킨에 익숙해 있는터라.. 고민이 되는건 사실입니다.

하지만 스킨변경도 언젠가는 해봐야 할 일 같고 해서....

부족하지만 적용해보고 살펴보면서 피드백 남겨 보도록 하겠습니다. ^^

이메일 주소를 알려 드리면 될까요?

(이메일 주소 삭제)

정말 감사합니다.

logo

방문객 20만 돌파 축하합니다. 일전에 우리 사진 친구가 나라님의 수원인가 어디 사진 촬영 다녀온 글 보고 거기 가자고 하길래 내심 반가웠습니다. 열심히 하시는 모습 보기 좋습니다.

logo

방명록을 늦게 봤습니다.
제 블로그 글이 도움이 된것 같아 좋네요. ^^
칭찬 감사드립니다.