페이지 1 의 41234

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

3335

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

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

3336

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

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

3337

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

티스토리 스킨 만들기 – 방명록, 태그 제목 리본 수정, 사이드바 제목 리본추가 버전

방명록, 태그, 공지사항, 사이드바 제목 부분에 리본을 추가한 버전입니다.  cfile8.uf.1840A5444F4F585A084528.zip 글자의 색상과 배경색상을 변경하려면 #sidebar h3를 검색하여 색상코드를 바꿔주면 됩니다. 1은 글자색상이고 2는 배경색상입니다. 위와 같이 변경했을때 아래처럼 나오게 됩니다.   글자의 색상이 짙으면 배경 색상은 옅은 색으로 해야하고 서로 대비되는 정도가 높아야합니다. 사이드바가 양쪽에 배치된 버전입니다.  cfile2.uf.144BFC444F4F5CC90D3B07.zip 글자와 배경색상을 변경하려면 #sidebar-one #category로 검색하여 1에서 글자색상, 2에서 배경색상을 변경하면 됩니다.

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

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

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

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

페이지 1 의 41234