[Tistory] 다중 이미지(이미지 슬라이드, 콜라주 등) 본문 폭에 맞추기 [HELLO 스킨 게시글 이미지 리사이징하기]
·
◐ 기타/블로그 꾸미기🎀
- 다중 이미지(이미지 슬라이드, 콜라주 등) 본문 폭에 맞추기지난 게시글들을 둘러보다가, 리사이징이 풀린 이미지를 보게 되었다. 태그를 분석해보니 아래와 같았다. 인라인 스타일이 강하게 먹혀 있던 것!자바스크립트나 제이쿼리 등으로 처리해보려 했는데 실패하고..눈에는 눈, 이에는 이니까 CSS를 건드리기로 했다./* 최신버전(4.10.3) */figure.imageblock.alignCenter { width: 100% !important;}/* 구버전 */figure.imagegridblock { width: 100% !important; margin-left: auto !important;}- HELLO 스킨 개발자의 의도 수평으로 이미지 2개 있을 때, 본문 영역을 벗어나는 현상 · Issue ..
[Tistory] 티스토리 게시글 이미지 본문 폭에 맞추기 [HELLO 스킨 게시글 이미지 리사이징하기]
·
◐ 기타/블로그 꾸미기🎀
- 티스토리 게시글 이미지 본문 폭에 맞추기 처음 티스토리 스킨을 적용하면 기쁨과 함께 본문 폭을 벗어나는 이미지를 보게 된다. - 본문 폭에 이미지 맞추기 아래 파일을 티스토리 스킨에 적용해주면 문제가 깔끔히 해결된다. // 그리고 head 태그 내에 위의 스크립트를 추가해준다. - 참고 자료 티스토리 스킨 변경후 이미지 사이즈 자동 조절하기 티스토리 스킨을 변경할때마다 날 귀찮게 하는 것이 한가지 있다. 바로 본문에 삽입된 이미지 사이즈에 대한 것이다. 스킨마다 본문 영역 크기가 다른것에 비해서 이미지 리사이징에 대한 대책 coolwarp.net