본문 바로가기

티스토리/· 스킨편집36

티스토리 댓글 앞 프로필 사진 넣는 방법 티스토리 블로그 댓글 앞에 있는 프로필 사진 넣는 방법을 알려드릴게요. 이거 은근히 모르는 분이 많으세요. 그리고 프로필 사진 적용은 스킨에 따라 다르다고 합니다. 제가 쓰고 있는 "반응형 #1"은 결론부터 말하자면 계정관리 사진입니다. ▲ 먼저 플러그인에서 지원해주는 아이콘 표시 방법들입니다. - 블로그 아이콘 표시 : 이름 앞에 표시되는 작은 아이콘입니다. - 홈페이지 아이콘 표시 : 이 또한 이름 앞에 붙은 작은 아이콘인데 100kb 이하의 확장자 ioc 파일만 올릴 수 있습니다. 이걸 이용하면 댓글 앞 프로필 사진이 올라가는 스킨도 있다고 합니다. 여하튼 저는 이렇게 작은 아이콘으로 표시됩니다. 그리고 파비콘은 북마크에 등록했을 때 표시되는 아이콘이기도 합니다. 지금 부터 시작~ 서론이 길었죠? .. 2019. 9. 27.
티스토리 스킨 편집 - 탑 버튼 만들기 / 위로 올라가기 버튼 만들기 블로그 스킨을 살짝 변경했습니다. 변경을 하고 나니 위로 가기 버튼이 필요해 보입니다. 키보드에서 Home을 누르면 위로 올라가지만 블로그 스킨에도 추가해 조금이라도 보기 편하게 만들어봤습니다. ▲ 블로그를 읽다 보면 오른쪽 아래에 저런 마크가 생깁니다. 보기에는 그냥 제 블로그 이름으로 보이지만 클릭하면 화면의 가장 위로 올라가는 버튼입니다. 화살표 같은 이미지로 할 수 있지만 약간의 감성을 주고 싶었습니다.이제 위로 올라가기, 탑 버튼을 만들어보겠습니다. ▲ 가장 먼저 해야 할 일은 버튼의 이미지를 업로드해야 합니다. 저는 60*60px 사이즈로 만들었습니다. 스킨 편집에 들어가서 HTML 편집에서 파일 업로드를 클릭하고 이미지를 올립니다. 전 top.png로 올렸습니다. ▲ 직접 만든 이미지입니다... 2019. 9. 6.
티스토리 스킨 만들기 - 사이드바 추가로 만들기 [ 카테고리 추가 X ] 스킨 편집을 공부하고 있습니다. 제 블로그 스킨은 Square입니다. 스킨의 구조는 왼쪽 사이드바(카테고리), 오른쪽이 본문입니다. 본문을 기준으로 오른쪽에 사이드바가 하나 더 있었으면 좋겠습니다. 추가해보려 합니다. html/css를 잘 아시는 분들은 쉽게 하지만 하나도 모르는 저 같은 경우엔 너무 힘드네요. 그래도 이걸 해냈습니다.^^ 시간은 좀 걸렸지만 결국 사이드바를 추가했어요. 기쁨. ▲ 편집 전 화면입니다. ▲ 편집 후 화면입니다. 오른쪽에 사이드바가 하나 더 생겼습니다. 오~ ▲ html 편집입니다. 지난 글에 div 구조 이해를 했다면 어디에 태그를 추가해야 할지 알 수 있습니다. 2019/08/06 - [블로그 T.I.P] - 티스토리 스킨 만들기 - div 구조 이해 같은 사이드바라서 .. 2019. 8. 23.