여러가지 방법이 있겠지만 Flexbox를 이용한 유동적으로 늘어나고 줄어드는 input박스를 구현해봤습니다.
요즘 모바일 코딩시 전화번호 입력폼, 주민등록번호 입력폼등에서 많이 사용하고있습니다.
좋은 방법이 될지 확신은 안서지만 가장 편하더군요.-_-
HTML Attribute
datetime
YYYY-MM-DDThh:mm:ssTZD 기준으로 사용
예) 2012-09-19T11:17:20+09:00
- T는 고정으로 들어가는 부분
- 시간, 날짜는 2자리수로 표시
- TZD은 협정 세계시를 따라 한국은 +09:00
사용 태그 : time, del, ins
Demo
[html]
<del datetime="2012-09-19T11:17:20+09:00">안녕</del>
<ins datetime="2012-09-19T11:17:20+09:00">안녕하세요</ins>
[/html]
잘 안쓰기에 안외워지는 코드들을 정리해서 올려두는 포스팅입니다.
Custom Fields Part1.
WordPress에서는 글 작성시 Custom Fields를 이용하여 css를 작성하면 http://ilovetypography.com/같은 블로그처럼 포스팅마다 새로운 디자인의 페이지를 만들어 낼수가 있습니다.
사용하고 계신 Themes의 header.php파일을 열고 head안쪽으로 아래와 같이 소스를 추가해 줍니다.
[html]
<?php //Custom Fields
if(is_single()) {
$style = get_post_meta($post->ID, ‘_custom_style’, true);
if($style) {
?>
<style type="text/css" media="screen, print">
<?=$style?>
</style>
<?php
}
}
?>
[/html]
Themes를 수정하셨다면 글 작성시 아래 이미지와 같이 Custom Fields부분에 내용을 작성 하시면 새로운 디자인의 페이지를 만들어 내실수 있습니다.
