티스토리 썸네일형 리스트형 테터데스크 2 정리하려고 적어 놓은 테터데스크 css 부분 이렇게 해 놓으면 보는 사람이 편할텐데 원본은 왜 그렇게 복잡하게 해 놓았는지.. #TD_content {color:#2d2d2d;} 배경색과 분류전체보기 배경색 같게 하는 부분 .TD_headline {font-weight:normal;padding:0; } .TD_subtitle{ font-weight:normal;color:#2d2d2d;} .TD_date { color:#999;font:0.9em verdana;} .TD_category { margin-left:2px;} .TD_category a{color:#999;} .TD_name { font-weight:normal;} .TD_tagbox{padding:2px 0;} .TD_tagbox .TD_.. 더보기 테터데스크 티스토리 겨울버전 간단 작업중 테터데스크라는 플러그인을 적용시켜 본다. 평소에 분류전체보기가 초기화면으로 나왔으면 좋겠다는 생각과 초기 화면을 이미지갤러리 타입으로 보여줘도 좋을 것 같다는 생각을 해 왔었는데 나같은 생각을 하고 있었던 사람들이 많이 있었던 것 같다. 그래서 시작을 해 보는데 주석이라도 달아 놓았다면 몇개 찾아서 설정값만 바꾸면 될일을 주석은 전혀 없다. 한마디로 모르면 쓰지 말고 알면 고쳐서 쓰라는 의미. 썸네일목록형으로 적용을 시켜 보니 1. 이미지가 첨부되지 않는 게시글은 모양 좋지 않은 티스토리 전용 이미지를 사용해서 공백을 채워준다 2. 보여지는 썸네일 이미지 크기가 원본 이미지 크기에 따라 다르게 보여진다 (보기 싫다는 의미다) 텍스트 목록형은 기본 모양은 좀 산만해서 평소처럼.. 더보기 티스토리 카테고리에 다른 메뉴를 붙여보자 계정 설치형이 아닌 티스토리 카테고리는 사용자가 수정할 수 있는 방법이 없다. 기존 카테고리를 이용해서 필요한 메뉴를 은근슬쩍 붙여서 사용해 보자. 스킨 사이드바 부분에 테이블을 하나 만들고 TD 2개를 포함한 TR을 필요한 갯수만큼 만들어서 기존 카테고리에 자동으로 적용되는 부분이다 분류전체보기 앞에 그림파일이다 "T" 자 모양의 것이다. 처음으로 원하는 메뉴를 연결한다 점선으로 위 아래가 이어지고 책 모양의 아이콘이 보이는 부분이다. 시작하는 부분과 다른 것을 알 수 있다. 적용해 보면 쉽게 알 수 있는 부분 위치로그보기 이런 모습이 되게 만들면 그리 흉하지 않게 볼 수가 있다. 마지막 부분에는 TD 안의 background-image 부분은 삭제해야 있지도 않은 다음 메뉴와 이어지지 않는다 * 설명.. 더보기 티스토리 스킨 2월 14일 버전입니다 간단한 3단으로 위치만 바꾸어 본 것입니다. 오늘 날짜로 보시는 화면입니다. ^^ 더보기 티스토리 2단 전체설치용 1월 30일자 스킨파일 달력과 키로그만 빠져 있습니다. 자세하게 주석처리 하지 않아서 스킨을 처음 접하시는 분들은 조금 헷갈릴 수 있을 겁니다. 티스토리 스킨은 여기 포함된 내용으로 디자인만 바꾸면 1단 2단 3단 스킨으로 변형이 가능합니다. 이것도 작업이라고 힘이드는군요. ㅎㅎ 사용중에 궁금하신 것은 방명록이나 댓글로 문의 바랍니다. 더보기 티스토리 풀버전 테스트 티스토리 풀버전을 테스트 하고 있다. 이전 것은 중간 중간 빼 먹은 항목들이 있었는데 -공지사항, 위치로그, 글보관함, 카운터, 검색 이 정도 되는가 보다.- 이번 것은 달력만 빼 놓고는 모두 포함 시켰다. 이번 버전은 여기까지만..으~~ 더보기 1월 30일자 수정된 스킨 1월 30일자로 부분 수정된 스킨입니다. 더보기 티스토리에서 이미지 올릴 때 내가 디카로 촬영한 사진들은 보통 800*532 크기로 리사이즈를 한다. 하지만 티스토리에서 글을 올릴 때 이 크기 그대로 이미지를 올려 버리면 화면에서 볼 때 조금 크게 보인다는 느낌이 들었고 작은 크기로 올려진 것을 클릭해서 크게 볼 수 있었으면 했었지. 그림을 올리면서 가로 사이즈만 적당한 크기로 정해 주면 가로 세로 비율 맞춰 정해 주는 크기로 올라가는 것을 발견. 해 보니 제대로 맞았다. ^^ 더보기 티스토리 태그 분석하기 4 사이드바 시작하는 부분입니다 가로 넓이는 여기서 수정하시면 되겠군요. 사이드바 테두리선과 안쪽 내용의 간격을 조정해 놓은 부분입니다. 처음으로 / 방문글 / # / * 이쪽에 필요하신 메뉴 추가하시면 됩니다. 분류전체 보기 부분입니다. 마우스 포인터 올렸을때 손 모양이 보이게 해 놓았습니다. 태그보기 / 태그 보기 하는 링크입니다. 새글 / 최근에 올려진 새글 부분이구요 댓글 / 최근에 올려진 댓글입니다. 엮인글 / 엮인글입니다. 사이트연결 / 링크 걸기로 표시되는 부분입니다. 티스토리 가입하기 블로그 이미지 등록하면 나타나는 부분이고 rss feed 표시나타나는 부분입니다. 전체를 감싸고 있는 테이블이 여기서 끝이 나는군요. 더보기 잠시 쉬는 시간에..ㅎㅎ 어제 테터툴스에 올린 파일에는 "댓글의 댓글" 오류가 있었습니다. 모양이 이상해 지는 현상입니다. 익스플로러에서 웹폰트가 자동 적용되지 않았습니다. 제가 그 부분을 일부러 빼 놓았기 때문입니다. 수정된 파일을 어제 다시 올려 놓았고 제 홈페이지에 역시 같은 것으로 다시 올려 놓았습니다. 태그 분석하기 내용은 제가 올린 파일 그대로 이용하고 있습니다. 글을 올려 놓고 보니 책임감(?)이 생겨 좀 더 자세한 분석이 추가되어야 할 듯 싶습니다.ㅎㅎ 적용해 보시고 마음에 들지 않으시면 언제든지 다른 분들이 제작해 놓은 스킨 선택하셔서 다시 적용하시면 블로그에 올려진 내용에는 아무런 이상이 없습니다. 안심하시고 공부(?) 해 보셔도 되겠습니다. ^^ 더보기 티스토리 태그 분석하기 3 티스토리 처음 화면 입니다 // 제목과 작성날짜 입니다. 고쳐쓰기 : 고쳐쓰기 (새창열기) : ()→ : 엮인글 : 지우기 관리자로 로그인 했을 때 보이는 화면입니다 이 부분이 실제로 보이는 내용이 되겠습니다. 태그 : 엮인글 : 댓글쓰기 글 내용 아래 태그와 엮인글 댓글쓰기 적혀 있는 부분입니다. 다음 글과 구분하기 위해서 선을 하나 그었습니다. 엮인글 주소 :: Tracked from 지우기 Subject: 고쳐쓰기 / 지우기 / 댓글달기 고쳐쓰기 / 지우기 글 남기기 : 이름 : 비밀번호 : 홈페이지 감추기 글 남기는 부분입니다 ← 이전보기 : () : 다음보기 → 페이지 앞으로 뒤로 부분이네요. Smallgift’s Blog is powered by Daum & Tistory / Designed .. 더보기 티스토리 태그 분석하기 2 방명록이 시작됩니다. 방문글 방명록 누르면 보이는 글자입니다. 을 두번 사용해서 두 칸을 아래와 띄웠습니다. 와 같은 효과입니다. / 이름 / 비밀번호 / 홈페이지 방명록 작성하시는 박스입니다 특별히 손댈 부분은 없겠습니다. 텍스트박스와 방명록 시작 부분을 나누어 주는 선을 그었습니다. 고쳐쓰기 / 지우기 / 댓글쓰기 방명록이 적히는 부분입니다. 방명록 댓글에 댓글이 달리는 부분입니다 >>> 고쳐쓰기 / 지우기 여기에 내용이 적히겠군요. 방명록이 끝났습니다. 날짜 : 더보기 티스토리 태그 분석하기 1 한 라인씩 살펴 보겠습니다 페이지 배경색과 배경이미지를 정해 주는 부분입니다. 제가 사용한 색은 #3d4d5d 배경이미지는 http://askme.cafe24.com/misc/bg.gif 이 녀석입니다. 티스토리를 시작합니다. 외곽선입니다. 색은 #C4ECFF 이 녀석입니다. 외곽선의 넓이가 되겠네요. 넓게 사용하시려면 680px를 큰 숫자로 바꾸세요. 왼쪽 화면이 시작되는 부분입니다. 왼쪽여백 10px...이런 식으로 좌우 상하로 여백을 주었습니다. Tags : 태그보기를 누르면 나타나는 부분입니다. 표시는 한칸 띄어쓰기 표시입니다. 2개가 되면 두칸 띄어쓰기가 되겠지요? 글이 개 있습니다 분류전체보기를 클릭하면 왼쪽에 나타나는 화면입니다. 댓글이 개 있습니다 더보기 티스토리 스킨 작업하기 (1월 26일 부분 수정된 소스 별첨) 제가 사용하는 스킨을 적용시키는 방법입니다. 1. 우선 아무 스킨이나 적용시킵니다. 2. 스킨 편집하기 화면으로 가서 기존의 내용들은 아래 위 모두 삭제해 버립니다. 3. 다운받은 skin.html 파일을 열어서 소스보기로 전체 내용을 복사합니다 4. 스킨 편집하기 화면으로 다시 와서 복사한 내용을 skin.html에 붙여 넣습니다 5. 저장합니다. 익스플로러에서 웹폰트는 자동으로 적용이 됩니다. (이미 적용시켜 놓은 것을 사용하시기 때문입니다) 파이어폭스에서는 verdana 9pt 로 전체 글꼴이 적용됩니다. 배경이 어두운 계통이면 글자색은 그냥 사용하셔도 좋을 겁니다. 왼쪽화면 사이드바 이런 구조로 되어 있습니다. 녹색부분은 익스플로러에서 스크롤바에 색을 입히는 부분입니다. 붉은색부분이 웹폰트를 적용.. 더보기 이전 1 다음