본문 바로가기

코드2

티스토리 블로그에 드롭다운 메뉴 만드는 방법 깃허브(GitHub)에 올라온 James Johnson의 짧은 코드를 사용해 간단하게 티스토리 블로그에 드롭다운 메뉴를 넣을 수 있다. 1. HTML 코드 수정 티스토리 블로그 관리에서 스킨 편집 > html 편집 > html로 들어가서 블로그메뉴() 부분 코드를 다음 코드로 변경한다. 블로그메뉴가 없는 스킨이라면 적당한 자리( 앞에 추가하면 된다. 끝. 수동 방식으로 드롭다운 메뉴가 완성된다. 열린노트/IT·SW·디자인
html의 기본 표(table) 코드 공유 지난번에 Table Generator를 소개한 적이 있다. 간단한 클릭 몇 번만으로 원하는 모양의 예쁜 테이블 코드를 자동으로 생성해 주는 사이트이다. http://www.tablesgenerator.com/ 그런데 막상 다양하고 예쁜 모양의 표를 만들어 쓰려니, 매번 포스팅할 때마다 코드를 가져오기가 너무 번거로웠다. 여러 가지 테이블을 미리 구비해 놓으면 좋겠지만, 너무 개수가 많아지면 나중에 너무 골치아파질 것 같다. 그래서 아주 단순한 모양의 표를 짜서 코드를 공유한다. 1px의 회색 테두리가 있고 셀 배경이 흰색인, 그냥 기본 표 코드이다. CSS에는 다음 코드를 추가해 준다. 혹시 제목줄을 쓸까 싶어서 th(첫째 줄) 속성에는 배경색과 별도의 테두리를 설정해 두었다. 개별 속성은 임의로 수정해.. 열린노트/IT·SW·디자인