Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 8 그리드 시스템
- .DS_Store
- 스큐어모피즘
- 디자인 트렌드
- 직장인인강
- 플랫디자인
- SWIFT
- 패스트캠퍼스
- commit messages
- 머티리얼 디자인
- 포인트
- 직장인자기계발
- viewDidLoad
- 패스트캠퍼스후기
- Xcodebuild
- 마크다운
- iOS앱개발올인원패키지Online.
- viewDidAppear
- Git Tutorial
- 뉴북
- ios
- git
- 입력 개수 제한
- 패캠챌린지
- 픽셀
- git workflow
- commit message
- 뉴모피즘
- commit
- 아이폰
Archives
- Today
- Total
왕논의 연구실
[티스토리] 썸네일 설정 방법 본문
공통
썸네일 크기를 설정하려면, html을 편집해야 합니다.
스킨 편집을 누르시고,
원하는 썸네일을 보여줄 홈 화면에서의 리스트 타입을 선택한 후,
html 편집을 눌러주세요.
스킨편집 -> html 편집 -> 해당 위치에 코드삽입
북리뷰
html
<s_article_rep_thumbnail>
<img src="//i1.daumcdn.net/thumb/C250x250/?fname=https://blog.kakaocdn.net/dn/ecNIMP/btrzvcFrZB5/N8SqrnM1wIKgq749muueJk/img.png" alt="">
css
.list-type-vertical .post-item .thum img {
transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
}
뉴북
html
<s_article_rep_thumbnail>
<img src="//i1.daumcdn.net/thumb/C250x250/?fname=https://blog.kakaocdn.net/dn/ecNIMP/btrzvcFrZB5/N8SqrnM1wIKgq749muueJk/img.png" alt="">
css
.list-type-thumbnail .post-item .thum img {
float: right;
width: 126px;
height: auto;
margin-left: 57px;
border: 1px solid #f1f1f1;
transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY();
}