본문 바로가기

Blog/Thoughts

티스토리 기본 요소 스타일 적용

티스토리 주석

스타일 적용하기 정말 까다로운 주석 말풍선 부분도 스타일을 적용했습니다.


티스토리 블록 그리드


티스토리에서 기본 제공하는 사진 2개, 3개 베치는 무려 테이블(-_-)이 적용되서 반응형 만들기가 상당히 까다롭지만, 이 역시 삽질로 해결했습니다.





다음지도도 스타일 적용했습니다. 웹킷 브라우저[각주:1]에서만 보이는데, 지도가 흑백[각주:2]으로 뜹니다. 그냥 심심해서 한번 해봤어요


티스토리 슬라이드 쇼


슬라이더 스타일을 개선했습니다. 이전에는 슬라이더 컨트롤이 화면을 완전 가리는 구조였지만, 이제는 양옆으로 밀어 버리고, 전체적인 요소 크기를 줄였습니다.


티스토리 미디어 정보


각종 외부 정보 표시도 스타일을 적용했습니다. 테이블과 dl이 섞여서 상당히 스타일 적용하기가 까다 롭더군요 -_-;;;; 이것보다 더 이쁘게 만들고 싶었지만, 능력한계 입니다.


티스토리 마이피플 스티커


마이피플 스티커도 gif 아이콘 처럼 별도의 클래스가 부여되면 좋겠지만, 그런거 없네요... 만약 된다면 문단의 중앙에 위치하도록 설정을 할텐데


티스토리 기본 요소가 상당히 이질적인 부분이 많아서 매번 삽질로 해결하고 있습니다.

  1. 사파리,크롬 [본문으로]
  2. IE, 파폭 사용자분들을 위한 간단한 미리보기사진
    흑백지도 [본문으로]