-
나는 수정및 재배포에 관대하다//특집:티스토리 재배포 가능한 스킨들 / 다운로드 (기왕에 프리니까 포스팅내용도 파일과 바로 적용할 수 있게 첨부했으니 개발자님들 양해바람)카테고리 없음 2022. 2. 4. 10:42300x250
개발러님들은
재배포 금지인지
아닌지
확실히 명기를 해주세요~
그래야 저 같은 사람이 퍼나를 수 있어요
(재배포 허할거 같은데...페이지에 써놓지않아서 안가져온 것도 몇 개 됩니다 ㅎ)
아래 스킨들은~
여러분 마음대로
튜닝해서 공유하세요!
다만 하단에 누가 만든거인지만 삭제하지
말아주셈 ㅠㅠ
글구 재배포만 따로 볼 수 있게
스킨공유 파트분류 좀!!!
대인배 스키너~ 로그바이
log by 1.0
이번에 티스토리로 블로그를 시작하면서 맘에꼭드는 스킨이 없어 직접 만들게 됐습니다.
티스토리 #1 스킨을 기본으로 필요 없는 것은 제거하고 필요한 것은 추가해서 (내 입맛에)알맞게 고쳤습니다.
가장 중요한 것은 읽기 편해야 한다는 것, 독자분들께서 메뉴판에서 길을 잃는 일이 없어야 한다는 것.
이틀간 열심히 달려서 만들었는데 아직 모든 환경에서의 테스트는 안됐습니다. 혹시나 원하는 화면처럼 안보이시는 분들은 제보 부탁드릴게요.
티스토리 블로그 스킨 - 로그 바이 - 는 아무나 맘대로 고쳐서 재배포를 해도 상관 없습니다~
▲스킨 다운로드
# 2019년 1월 23일 변경 내용 (메뉴 버튼 클릭 영역을 키워서 메뉴가 쉽게 눌리게 변경하였으며, https 관련 스크립트 로드 차단 내용 수정하였습니다.)
# 2019년 4월 9일 변경 내용 (티스토리 에디터 바뀐 후로 모바일에서 사진이 작게 출력되는 현상 수정)
스킨 고쳐쓰기
1.설치
블로그 관리에서 [스킨]을 들어가면 우측 상단에 스킨 등록 버튼이 있습니다. 위에서 받은 압축파일을 풀고 모든 파일을 등록하면 됩니다.(하위 폴더에 있는것도 다 올리시면 자동으로 폴더 지정이 되더군요-저도 티스토리 시작한지 이틀돼서..)
등록 후 스킨 - PC보관함 탭에서 업로드 된 스킨의 [적용] 버튼을 누르면 적용!
2.헤더 배경 바꾸기
블로그 관리에서 [HTML/CSS 편집]을 들어가면 우측 코딩창에서 파일 업로드가 가능한데, 여러분께서 원하시는 배경을 bg.jpg라는 이름으로 업로드 해서 저장해주시면 적용됩니다.
배경 사진은 위에 검은 필름지가 적용돼서 자동으로 어둡게 적용되며, 좌우폭이 크고 중앙에 어필할 요소가 있는 사진이면 예쁘게 들어갈 것입니다.
(적용후 다른 창에서 컨트롤F5로 완전새로고침해서 확인하세요!)
3.헤더 로고 바꾸기
[기존 블로그 이름을 로고자리에 출력하기]
[HTML/CSS 편집]에서 우측 CSS탭을 누르시면 CSS수정이 가능한데,
여기 보시는 50번 라인에서 display:block; 을 display:none;으로 고치면 그림로고가 안보이게되고
51번 라인의 display:none; 을 display:table-cell; 로 고치면 블로그 이름이 출력됩니다.
나중에 그림로고를 쓰실경우엔 다시 돌려놓으시면 됩니다.
(적용후 다른 창에서 컨트롤F5로 완전새로고침해서 확인하세요!)
[바탕이 투명한 그림로고 적용하기]
[HTML/CSS 편집]에서 우측 파일업로드에서 logo.png를 본인의 로고로 바꾸시면 적용되는데
이렇게 동일사이즈로 바탕은 투명하게 제거해서 logo.png로 저장하셔야 기존 로고를 정확히 대체할 수 있습니다.
다른 사이즈의 로고를 사용하실 땐 CSS코드를 수정하셔야 합니다.
[바탕이 투명한 PNG로고 만들기] - 누르면 이동
(적용후 다른 창에서 컨트롤F5로 완전새로고침해서 확인하세요!)
#.기타 문의
제가 엄청나게 게으르긴 하지만 한번씩 꼭 필요한 의견들을 선정해서 수정방법을 밑에 계속 추가하겠습니다.
앞서 무성의한 부분 + 비정식 버전 배포를 넘어
Honeycomb 1.3.1 버전을 만들었습니다.
이번 패치는 다음과 같이 요약할수 있겠습니다.
카테고리 사용방법은 이곳을 참고해주세요. [링크]
- 14/07/26 : 1.3.1ver Hotfix -
부자연 스럽게 작동하던 레이어 조절 스크립트를 수정했습니다.
이모티콘 레이어의 가독성을 위해 레이어 디자인 추가 하였습니다.
카테고리 검색 목록의 레이어 정렬부분을 수정했습니다.
BBCode에서 사용하지 않는 코드를 삭제했습니다.
이모티콘중 곤란의 title 오타를 수정했습니다.
- 다해상도 대응 -
좀더 폭넓은 해상도에 대응 할수 있도록 편집하였습니다.
다만 가장 최소 해상도로 480이하는 추천드리지 않습니다.
가장 추천드리는 플랫폼으로는
가로 550이상의 해상도를 가진 PC, 테플릿 에서
쾨적하게 이용 하실 수 있습니다.
- 기존의 산만했던 디자인을 정돈 -
잘못 지정된 폰트색상을 바로 잡았습니다.
블로그 타이틀에 그림자를 추가 했습니다.
레이어의 디자인, 위치를 편집 했습니다.
본문 타이틀의 배경을 편집 했습니다.
블로그 색상톤을 좀더 밝은 청색으로 편집 했습니다.
하단 페이징의 디자인을 좀더 심플하게 편집 했습니다.
일부 Icon의 표식을 조금더 알맞는 표식으로 교체했습니다.
댓글 인장의 기본 사이즈를 40px -> 48px로 늘렸습니다.
댓글 작성부분의 디자인을 수정했습니다.
플래시 채팅창을 제거 하고 Spot IM을 도입 했습니다.
Spot IM
- 스크립트 정돈 -
최신 JQuery인 1.11.1버전을 적용 했습니다.
최신 BBCode인 3.5버전을 적용 했습니다.
lena가 작성한 스크립트를 조금더 편의하게 이용할수 있도록
_sc_lena_globalSetting.js를 만들었습니다.
불필요 스크립트를 정리 및 삭제하여
스크립트의 가독성과 성능을 미미하게 개선 하였습니다.
(부수 효과로 용량이 줄어들었습니다.)
소소한 태그 오타 및 버그를 수정하였습니다.
- 기능 추가 -
배경 이미지를 손쉽게 편집 할수 있도록 편집했습니다.
_sc_lena_globalSetting.js 파일을 열어 수정 하시면 됩니다.
(스크립트 내부에 약소하게 나마 도움말을 첨부해두었습니다.)
배경 변환 모드는 다음과같은 3가지 항목을 지원합니다.ChangeMode.Order 순차 배경전환 입니다.ChangeMode.Random 랜덤 배경전환 입니다.ChangeMode.TimeOrder 시간 배경전환 입니다.
기존의 7종의 이모티콘을 총 57개로 증대 되었습니다.
Icon 버튼에 효과음을 추가하였습니다.
오른쪽에 퀵메뉴를 추가 했습니다.
WebApp 레이어에 '블로그 소개', '이웃링크' 항목을 추가 하였습니다.
블로그 소개 항목에서 Html코드를 사용할수 있도록 편집 하였습니다.
(기본 정보 > 블로그 정보 > 블로그 화면 > 설명 항목을 말함)
이상 간략한 패치항목 설명을 마치겠습니다.
출처: https://natelier.tistory.com/category/스킨/스킨 다운로드 [레나의 또다른 아틀리에]Honeycomb 1.0 Alpha 버전 입니다.
출처: https://natelier.tistory.com/entry/Honeycomb-10-Alpha-ver-배포합니다?category=517790 [레나의 또다른 아틀리에]
여러분은 지금 R. Arbeeo의
7.0ver 스킨을 보고 있으십니다.
본스킨의 규격은 가로 1366px
본분 650px 사이드바 200ox에
CSS3를 지원하는 브러우저에
최적화 되어있습니다.
그럼으로 이스킨은 CSS3를 지원하지않는
특히 IE9이하의 브러우저에게 매우
불친절한 스킨임을 알려드립니다.
(단 IE8은 일부 호환 패치를 했습니다.)
출처: https://natelier.tistory.com/entry/test?category=517790 [레나의 또다른 아틀리에]이것 말고도 또 찾게되면 또 계속 올려드리니~ 원하실 때 오세요 ㅋ 컴컴
ㄴ 기존에 공식스킨은 개조해서 재배포해도 상관없는것으로 보입니다
쉽게 명시를 찾을 수 없었는데...다른분들이 하는것으로 봐서(스타큐브)
가능한 것으로 생각됩니다 ~ 티스토리 사이트를 떠나지만 않으면 어떻해 사용하든
상관없는 것이쥬 (다른 웹사이트에 적용하는 것은 티스토리가 잉잉!!버럭버럭~하겠쥬?ㅋㅋ)
근데 은근히 티스토리에서 봤던 디자인이랄가나
외부 서버 사용하는분들도 많이 사용하는거 같은데
도메인만 바꾼건지는 모르겠지만 말이쥬
(내 맘대로 안되는게 세상입니다 ㅋ)
300x250반응형
