티스토리 에디터에서 넣을 수 있는 요소들
FastBoot스킨 .article 부분 수정 테스트차 포스팅합니다. 티스토리 블로그 스킨 제작을 위해서는 .article 안의 요소들도 무시할 수 없는 법인데, 그 요소들이 아래에 있습니다. 실제 적용되는 HTML요소들이 어떤 것들인지 한번 알아봅시다. 더 나아가 반응형에 부적합한 요소들이 무엇이 있는지도 살펴봅시다.
글꼴 조절 <span style>
크기 조절 <span style>
굵게<b>
밑줄<u>
기울임<i>
취소선<strike>
글색상<span style>
글배경색상<span style>
왼쪽정렬<p>
가운데정렬<p style>
오른족정렬<p style>
양쪽정렬<p style>
들여쓰기<p style>
내어쓰기<p style>
줄간격<p style>
- 목록<ul>
- 목록2<ul>
- 목록3<ol>
- 목록4<ol>
- 목록5<ol>
마이피플스티커
<img>
이모티콘
<img>
URL(링크)<a href>
특수문자☎
테이블<table>, 폭 지정 되어 있어 반응형으로 하기 곤란
|
|
|
|
|
|
|
|
|
레이아웃<table>
| |||
|
|
||
색있는 박스<div style>
인용구<blockquote>
구분선(위 세개 <hr>, 아래 4개 <div>
각주테스트입니다. 각주테스트 1231
테스트
테스트
테스트
테스트
테스트
테스트
- 이것은 각주다. [본문으로]
'반응형 티스토리 > Tistory' 카테고리의 다른 글
| RSS Feed 이용, 최근글 목록에 이미지 넣기 (7) | 2014.03.26 |
|---|---|
| 갤러리형 스킨 구현, 그 구현 후에 이어지는 고민 (16) | 2014.03.24 |
| 상대방 댓글 때문에 악성코드 감지되었을 때 해결법 (11) | 2014.03.22 |
| 반응형 스킨에서 티에디션도 반응형으로 만들기 - 4 (23) | 2014.03.20 |
| 블로그 폰트 설정에 관하여 (9) | 2014.03.19 |
| 티스토리 에디터에서 넣을 수 있는 요소들 (9) | 2014.03.16 |
| 반응형 스킨에서 티에디션도 반응형으로 만들기 - 3 (17) | 2014.03.13 |
| 티스토리 사이드바 화면출력 글자 수 40개보다 크게 하기 (0) | 2014.03.07 |
| 반응형 스킨에서 티에디션도 반응형으로 만들기 - 2 (26) | 2014.03.05 |
| 반응형 스킨 네비게이션 바 색상 변경하는 방법 (22) | 2014.03.04 |
| 반응형 스킨 티에디션에서 이미지가 들쭉날쭉할 때 해결법 (11) | 2014.03.03 |
max-width 속성 넣어보세요
요즘은 파운데이션 기능인 블록그리드를 쓰고 있지만 이전에 적었던 글들이 테이블로 레이아웃이 짜진게 간혹있는데 다 수정하기 귀찮아서 CSS로 다 반응형 만들어 버렸습니다.
근데 어찌되었든 간에 max-width를 넣어버리면 3단 같은 경우 모바일에서 아주 읽을 수가 없는 레이아웃이 되어버릴 것 같습니다.
블로깅 할때 유용할만한 기능도 많이 포함되어 있는것 같고요
솔직히 부트스트랩은 대형 웹사이트 용에 가깝지 블로그 용도로는 글쎄? 싶을 기능들이 꽤 많이 있습니다.
저는 만약 반응형 블로그를 만든다면 파운데이션이나 퓨어, 그럼비를 추천하고 싶습니다.
극단적으로 그리드만 쓰실분들은 HTML5 보일러 플레이트도 좋고요
Bootstrap에서 덜어내야할 부분이 굉장히 많더군요. 저도 최근에서야 알았네요. 결국 범용 라이브러리란 대형화 -> 작은 버전으로 쪼개짐을 반복하는게 아닌가 싶네요.
html 추출해서 티스토리 에디터에 붙혀넣기 했을 때... html 도 깔끔하게 정돈되고 ㅎㅎㅎ
웹 쪽은........... 배워야 할게 끝도 없는거 같아요
html,css,javascript,서버쪽, 포토샵쪽, 기타등등... 넘 많네요 ㅜㅜ;;
특히 요즘은 웹 앱이라는게 유행해서 그런지......... 배워야 할게 더 많아진거 같아요 ㅎㅎ
본문 마지막에 보면
테스트라고 해서 좌측에 | 모양과 아래쪽에 밑줄이 들어 가 있는 형태를 어떻게 나타낸 것인지요?
소스로 보면 <h1> ... ,<h6> 로만 보이는데,,,
알려 주시면 알될까요?