(스킨 공개)썸네일이 있는 티스토리용 갤러리(1단) 스킨
스킨 이야기 :: 2007/10/09 16:58
겔로그.zipzip파일을 다운 받아 파일로 직접 올리세요~
제공스킨인 tisDiaryBlack을 변형하여 만들었음.
갤러리형(사진전용)으로 덧글 쓰기까지 과감히 없앰.
특징 : 오른쪽 썸네일.
썸네일의 정체 : 테터데스크를 오른쪽으로 띄운 것.
(단점) 테터데스크의 특성상 카테고리별 썸네일이 아니라 최근 사진에 관한 썸네일임.
그러기 위해서
'스킨 이야기'에 해당되는 글 4건
- 2007/10/09 (스킨 공개)썸네일이 있는 티스토리용 갤러리(1단) 스킨
- 2007/10/09 (티스토리)'대체 텍스트'로 사진을 설명하자 (2)
- 2007/08/16 티스토리용 스킨 완성 ~.~)/ (11)
- 2007/08/09 제작하던 테터기반 스킨, 베타단계 돌입
zip파일을 다운 받아 파일로 직접 올리세요~
(티스토리)'대체 텍스트'로 사진을 설명하자
스킨 이야기 :: 2007/10/09 16:20 comlover님의 겔러리 스킨을 보면 사진위에 글이 쓰여져 겔러리(사진 전용)이지만 글을 놓치지 않는 장점을 발견하였다.
방문해보자 ->http://comlover.com/blog?page=22
틀을 깨는 스킨에 눈이 휘둥그레~
그렇지만 티스토리는 *.php를 작동시킬 수 없다는 것..
하지만 우리에겐 풍선 도움말이 있고 티스토리가 있다!!
'대체 텍스트'로 적은 말은 풍선 도움말로 나타나 이미지가 깨졌을 때도 본래의 그림을 대략적으로 설명하는 기능이 있다. 이 점에 착안
아래와 같이 대체 텍스트에 그림 설명등 하고자 하는 말을 하자.
마우스를 그림 위에 위치시키고 가만이 있으면 풍선 도움말이 나타난다.
방문해보자 ->http://comlover.com/blog?page=22
틀을 깨는 스킨에 눈이 휘둥그레~
그렇지만 티스토리는 *.php를 작동시킬 수 없다는 것..
하지만 우리에겐 풍선 도움말이 있고 티스토리가 있다!!
'대체 텍스트'로 적은 말은 풍선 도움말로 나타나 이미지가 깨졌을 때도 본래의 그림을 대략적으로 설명하는 기능이 있다. 이 점에 착안
아래와 같이 대체 텍스트에 그림 설명등 하고자 하는 말을 하자.
마우스를 그림 위에 위치시키고 가만이 있으면 풍선 도움말이 나타난다.
티스토리용 스킨 완성 ~.~)/
스킨 이야기 :: 2007/08/16 15:32 근 1주만에 스킨 완성!!
그간 삽질의 연속이었습니다. 그중 반은 mouseover기능 구현하는데 썼구요. 나머지 반은 ie와 불여우에서 같은 모습을 보이는데 썼습니다.헉헉(*html 만세~)
최근 정황을 나타내는 사이드바요소들을 상단으로 옮기고 클릭이 아니라 마우스 비비기로 알 수 있게 했습니다. 블로그 메뉴를 띠지로 정리한다고 했는데 어설픈 것은 어쩔 수 없네요.
그리고 사이드바 부분을 메모판 이미지로 두서없이 분포시켰는데 티스토리 인기 스킨 1위가 'IS BASE'라는 건 '사람들이 블로그 스킨에서 바라는 것은 이런 것이 아니다' 라고 깨닫고 무난하게 배치로 급선회.
본문 사이즈를 줄여서 긴 글을 써야한다는 부담을 줄이려 했으나 500px 최적화가 위지윅과 결과물이 같다는 것을 알고 좁은 본문 포기.
그리고 코멘트에 Seevaa2007체 적용했습니다. 전에도 웹폰트에 도전했으나 가독성에 포기했는데 글씨도 너무 이쁘게 잘 나와서 '코멘트라면'라고 생각하고 적용. 대만족^^
띠지위의 공백이 옥의 티지만 채우려다 더 어설퍼질 것 같아서 포기하고 항공편지지 느낌으로 소심하게 채워보았습니다.
스킨 자랑 요~까지
그간 삽질의 연속이었습니다. 그중 반은 mouseover기능 구현하는데 썼구요. 나머지 반은 ie와 불여우에서 같은 모습을 보이는데 썼습니다.헉헉(*html 만세~)
그리고 사이드바 부분을 메모판 이미지로 두서없이 분포시켰는데 티스토리 인기 스킨 1위가 'IS BASE'라는 건 '사람들이 블로그 스킨에서 바라는 것은 이런 것이 아니다' 라고 깨닫고 무난하게 배치로 급선회.
그리고 코멘트에 Seevaa2007체 적용했습니다. 전에도 웹폰트에 도전했으나 가독성에 포기했는데 글씨도 너무 이쁘게 잘 나와서 '코멘트라면'라고 생각하고 적용. 대만족^^
띠지위의 공백이 옥의 티지만 채우려다 더 어설퍼질 것 같아서 포기하고 항공편지지 느낌으로 소심하게 채워보았습니다.
스킨 자랑 요~까지
제작하던 테터기반 스킨, 베타단계 돌입
스킨 이야기 :: 2007/08/09 22:54 전체적인 레이아웃은 끝났고요
전체적인 배경과 본문 여백의 배경 선택만 남았습니다.
암...
컨셉은 다이어리?
상단에 mouseover먹여서 깔끔하게 정리하고
왼쪽에 띠지를 붙였습니다.(이 부분이 포인트)
그리고 오른쪽은 메모판에 메모지 붙이듯 어지럽게 배치하려 했으나 마름모는 구현 불가ㅡㅜ
드림위버8 '브라우져 검사'로는 오페라에서 몇가지 구현안되는 것 빼고 ie, 파폭, 사파리에서 이상없다고 했습니다. (확인하고 싶어요~도움 절실)
띠지가 그림이 아니고 백그라운드 컬러라는 사실!! (뿌듯뿌듯)
그리고 mouseover먹이니까 편하기는 한데 약간 다루기 힘든 감이 있네요. 요령이 생기면 괜찮다고 우기고 있지만 의견주세요~
덧) 와우 지저분하게 만들어야지 작정하고 만들었는데 깔끔한 스킨이 자꾸 눈에 들어오면 어짜자는겨
덧) 드림위버 브라우져 체크만 믿었는데 파폭에서 다른 레이아웃을 보여주네요.
자잘한 버그까지 첫 스킨은 꿈이 너무 컸기에 폐기처분될 위기ㅡㅜ
전체적인 배경과 본문 여백의 배경 선택만 남았습니다.
암...
컨셉은 다이어리?
상단에 mouseover먹여서 깔끔하게 정리하고
왼쪽에 띠지를 붙였습니다.(이 부분이 포인트)
그리고 오른쪽은 메모판에 메모지 붙이듯 어지럽게 배치하려 했으나 마름모는 구현 불가ㅡㅜ
드림위버8 '브라우져 검사'로는 오페라에서 몇가지 구현안되는 것 빼고 ie, 파폭, 사파리에서 이상없다고 했습니다. (확인하고 싶어요~도움 절실)
띠지가 그림이 아니고 백그라운드 컬러라는 사실!! (뿌듯뿌듯)
그리고 mouseover먹이니까 편하기는 한데 약간 다루기 힘든 감이 있네요. 요령이 생기면 괜찮다고 우기고 있지만 의견주세요~
덧) 와우 지저분하게 만들어야지 작정하고 만들었는데 깔끔한 스킨이 자꾸 눈에 들어오면 어짜자는겨
덧) 드림위버 브라우져 체크만 믿었는데 파폭에서 다른 레이아웃을 보여주네요.
자잘한 버그까지 첫 스킨은 꿈이 너무 컸기에 폐기처분될 위기ㅡㅜ
