페이지 1 의 512345

부트스트랩을 이용한 티스토리 모바일 겸용 블로그 스킨 공개합니다.(최종 버전)

3335

    현재 티스토리 블로그가 커스텀 모바일 스킨을 지원하지 않고 모든 포털 사이트의 블로그가 그렇지만 모바일로 접속하면 일방적인 디자인으로 나타나고 있습니다. 저는 워드프레스 책을 쓰고 있는데 9월에 워드프레스 책이 쏟아져 나온다고 합니다. 제 책도 그 즈음에 나올 것이고 자유로운 디자인이 가능한 워드프레스 블로그가 많이 출현할 듯 합니다. 티스토리도 하루 빨리 커스텀 모바일 스킨이 가능한 제도 변경을 바라면서 워드프레스에 적용할 ...

모바일용 티스토리 블로그 스킨 두번째 버전 공개합니다.

3336

      어제(http://martian36.tistory.com/950)에 이어 오늘은 각종 아이콘 삽입과 댓글 부분 레이아웃 변경, 그리고 사이드바의 검정색 바를 제이쿼리 애니메이션 처리해서 클릭하면 안보이게 하는 작업을 완료했습니다. 블로그의 사이드바는 카테고리나 링크 등 내용이 많아서 불필요한 것은 스마트폰에서 탭(데스크탑의 클릭과 같음)해서 보이지 않게하는 기능이 필요합니다. 처음에는 펼쳐져 있지만 탭하거나 데스크탑 화면에서 클릭하면 내용이 줄어듭니다. 스마트폰에서는 아주 중요한 기능입니다.         사이드바 메뉴를 탭해서 하단 ...

티스토리 스킨 – 모바일 겸용 반응형 티스토리 스킨 공개합니다.

3337

    HTML5와 CSS3의 웹표준에 근거한 반응형(Responsive) 디자인입니다. 반응형 디자인이란 모니터 스크린 사이즈에 따라서 웹페이지의 레이아웃이 바뀌도록 CSS의 Media Query를 이용한 디자인입니다. 4가지 형태의 모니터에 따라서 화면 레이아웃이 바뀝니다. 데스크탑, 태블릿 가로, 태블릿 세로, 스마트폰입니다. 워드프레스 테마를 반응형으로 개발하던 중 티스토리에도 적용하고 싶어서 만들어봤습니다. 사용해 보시려면 아래 압축파일을 다운받아 이곳(http://martian36.tistory.com/841)의 글을 참조해서 설치하면 됩니다. 모빌리스 웹폰트를 사용하여 ...

티스토리 블로그 가이드 – 소셜네트워크 아이콘 재배치, 헤더 타이틀 배경이미지에 링크걸기

소셜네트워크 아이콘 재배치 오늘 보니 티스토리 소셜네트워크 아이콘들이 작아지면서 글자도 생기고 다음뷰온 버튼과 간격이 많이 떨어져서 보기가 좋지 않네요. 이것은 티스토리 센터에서 보내진 것이라서 수정하기가 힘들죠. 하지만 CSS에서 !important를 사용하면 간단히 해결됩니다.  1부분을 요소검사하면 tt-sns-wrap이라는 클래스 선택자로 CSS에서 관리되는데 높이가 72픽셀입니다. 이것을 수정해줘야죠. 관리센터의 CSS편집창에서 적당한 곳에 위처럼 .tt-sns-wrap { height:20px !important; }를 입력해주고 저장하면 됩니다. !important가 들어가면 티스토리에서 ...

모바일 웹디자인 – Jquery Mobile을 이용한 웹디자인(티스토리 블로그도 가능할까요?)

어도비에서 작년에 크리에이티브 스위트(Creative Suite; CS)를 5.5로 업그레이드했는데 웹디자인 부분에서 바뀐 것이 드림위버입니다. CS5.5로 업그레이드 됐죠. 그동안 어도비는 점이 들어간 업그레이드가 없었는데 0.5 버전이 나온 것은 아주 이례적인 일입니다. 이것은 그동안 애플의 스마트폰을 시작으로한 모바일 디바이스 시장의 변화에 적극 대처하기 위한 것인데 주로 바뀐 것이 제이쿼리 모바일을 이용한 웹디자인 기능 추가입니다. 이에 더하여 웹 플랫폼의 ...

티스토리 블로그 스킨 메뉴 변경하기(메뉴 하나만 가능)

티스토리 블로그 스킨을 설치하고나면 잘 안쓰이는 메뉴가 있는데 이를 제거하고 카테고리의 다른 항목을 메뉴에 추가하고 싶을 때가 있습니다. 그런데 어떤 스킨은 메뉴수정이 쉽지가 않습니다. 티스토리 블로그 스킨 메뉴의 일부는 이미지를 사용하여 현재 보여지는 페이지를 표시하고 있습니다. 즉 현재 선택된 메뉴는 다른 색의 이미지로 표시되고 해당 페이지가 열려있죠. 그래서 예를들어 아래처럼 방명록메뉴를 클릭했다면 그에 해당하는 배경이미지가 메뉴에 ...

페이지 1 의 512345