SIMPLE LS NOEUL v9.5
___
::: 변경사항
날씨 아이콘 이미지를 폰트로 대체
날씨 자동갱신 기능 제거 (최신 정보를 알고싶으시다면 화면을 터치하세요)
사용하지 않는 Awesome Fonts 및 이미지 삭제
기본 설정값 변경
필수트윅:
- iOS 9.x 이상 = LockHTML4(유료), InfoStats(무료 - 버전 1.1.5)
- iOS 8.x 이하 = GroovyLock(무료), InfoStats(무료 - 버전 1.1.5)
- ##__InfoStats 가 설치되어야 배터리 정보가 출력됩니다__##
지원기기:
- 모든 아이폰 및 아이팟 기기
적용경로:
- LockHTML4 = raw(원시) 파일 시스템 :: var / Library / Widgets
- GroovyLock = raw(원시) 파일 시스템 :: var / mobile / Library / GroovyLock
테마특징:
- 날짜 출력
- 시간 출력
- 배터리 상태 출력
- 화면 터치 = 새로고침(날씨정보와 배터리 상태를 다시 불러옵니다.)
선행작업:
- Config.js 문서에서 날씨코드(WOEID)를 수정해주셔야 합니다. (WOEID 찾기 , Yahoo Weather에서 찾기)
- 날씨코드는 LocationCode 이라는 변수가 적용되어 있으며, 문서의 13번째 줄에 있습니다.
주의사항:
- 날씨코드를 적으실때 따옴표 또는 큰 따옴표는 사용하지 않습니다.
- 날씨 새로고침 시간삭제되었으며. 최근 정보를 보시려면 잠금화면을 터치해주십시오.
- 배터리바 새로고침 시간은 기본 10초를 적용하였습니다.
- LockHTML4를 쓰시는 경우 하단의 설치방법을 꼭 참고해주십시오.
편집프로그램:
- 'Windows' 또는 'MacOS X'에서 테마 수정 시 코딩 전용 프로그램을 사용해주세요.
- 다운로드 : http://brackets.io
설치방법:
자신이 사용하는 iOS버전과 트윅에 따라 설치방법 및 적용방법이 틀립니다. 아래의 설치방법을 잘 읽어보세요.
## iOS 7.x , iOS 8.x
GroovyLock(무료)과 LockHTML4(유료) 모두 사용 가능함.
## iOS 9.x
LockHTML4(유료)만 사용가능.
- GroovyLock의 업데이트 중단으로 iOS 9.x에서 지원안됨.
## GroovyLock을 이용한 테마 설치 및 적용 방법
만약 GroovyLock트윅이 설치되어 있지 않다면 먼저 Cydia에 접속 후 'GroovyLock' 트윅 설치해야함.
본문에 첨부된 테마파일 다운로드 및 압축해제
기기를 컴퓨터에 연결 후 iFunbox와 같은 프로그램을 이용하여 아래 경로로 이동.
경로 : raw(원시) 파일 시스템 > var / mobile / Library / GroovyLock
위 경로에 압축해제된 테마폴더 넣기
자신의 기기의 기본 어플 중 '설정'어플 실행 후 'GroovyLock > Theme'에서 방금 넣으신 테마를 선택
## LockHTML4를 이용한 테마 설치 및 적용 방법
만약 LockHTML4트윅이 설치되어 있지 않다면 먼저 Cydia에 접속 후 'LockHTML4' 트윅을 설치해야함.
본문에 첨부된 테마파일 다운로드 및 압축해제
기기를 컴퓨터에 연결 후 iFunbox와 같은 프로그램을 이용하여 아래 경로로 이동.
경로 : raw(원시) 파일 시스템 > Library / Widgets
위 경로에 압축해제된 테마폴더 넣기
자신의 기기의 기본 어플 중 '설정'어플 실행 후 'LockHTML4 > Select Widget'에서 방금 넣으신 테마를 선택
* 테마선택 후 Optimize for LockHTML 팝업창은 No를 터치하셔야 하며, 만약 Yes를 누르셨다면 Config.js파일을 테마폴더에 다시 넣으시거나 테마를 다시 설치하셔야 합니다.
Config.js 설정 기본값 확인
var Clock = "12h"; // 시간유형 - '12h' or '24h'
var color = "rgba(255,255,255,.8)"; // 글자색상
var bgColor = "rgba(10,10,10,0)"; // 배경색상
var weaPosition = 65; // 테마 위치 설정 (숫자가 클수록 아래로 내려오며 픽셀 단위)
var sWeekDay = "hide"; // 요일 표시 - 'show' or 'hide'
var sDay = "show"; // 일[Day] 표시 - 'show' or 'hide'
var sMonth = "show"; // 월[Month] 표시 - 'show' or 'hide'
var sYear = "show"; // 연도[Year] 표시 - 'show' or 'hide'
var LocationCode = 1132599; // WOEID값 (야후웨더 참고)
var Position = 115; // 위치 방향(Direction)에서부터 멀어질 거리 입력
var BatteryWidth = 230; // 배터리바 넓이값 (짝수 입력)
var BatteryHeight = 2; // 배터리바 높이값
var BatteryOpacity = 0.75; // 배터리바 투명도 (0.10 ~ 1.00)
var Direction = "top"; // 방향입력 'top' or 'bottom'
var ChargingColor = "rgba(243,17,60,.6)"; // 충전시 배터리바 색상
var UnpluggedColor = "rgba(255,255,255,1)"; // 비충전시 배터리바 색상
var BatteryBarInterval = 10; // 배터리바 새로고침 시간 설정 (초 단위)
설정하기:
- 본 테마는 아래와 같은 내용을 수정할 수 있습니다.
- ## 테마 글자 색상
- ## 날짜 출력 선택(기본값을 사용하시는 것이 좋습니다.)
- ## 테마 위치 설정(날씨 위치 설정 값을 변경하시면 위, 아래로 위치 조정이 가능합니다.)
- ## 날씨 아이콘 선택(검정색과 흰색 중 하나를 선택하세요.) 폰트로 대체되어 설정의 글자색상에 따라 자동변경됩니다.
- ## 날씨 새로고침 시간 조절(기본값을 사용하시는 것이 좋습니다.) 화면을 터치하는 것으로 대체되었습니다.
- ## 배터리바 넓이 조절(자신이 원하는 수치 만큼 배터리바 넓이를 조절할 수 있습니다.)
- ## 배터리바 높이 조절(자신이 원하는 수치 만큼 배터리바 높이를 조절할 수 있습니다.)
- ## 배터리바 투명도 조절(0.1부터 1.0까지 입력 가능하며, 숫자가 작을수록 더 투명해 집니다.)
- ## 배터리바 위치 조절(방향과 수치를 이용하여 배터리바의 위치를 상하로 조절할 수 있습니다.)
- ## 충전시 색상 설정(기본값 = 핑크)
- ## 비충전시 색상 설정(기본값 = 화이트)
- ## 배터리바 새로고침 시간 조절(기본 10초이며, 기본값을 사용하시는 것이 좋습니다.)
색상설정도움말:
제가 사용하는 색상의 코드는 rgba 라는 것으로 Red, Green, Blue, Alpha를 조합한 값입니다. 이 수치들이 어려우시면 실제 색상이름을 입력하셔도 좋습니다. (예시: white)
색상을 변경하실때 좌우의 큰따옴표는 남겨두셔야 합니다. (예시: "white")
헥스코드를 알고계신다면 헥스코드를 사용하셔도 좋습니다. (예시: "#ffffff")
16.05.27 업데이트
- 날씨 아이콘 기울기 수정
- 수정코드 : public/css/weatherIcons.css 문서의 12번째 줄의 스타일에 font-style: normal; 추가
원본코드
i[class^='icon-'] {font-family: 'weather'; line-height: 1.0; text-transform: none;}
수정코드
i[class^='icon-'] {font-family: 'weather'; line-height: 1.0; text-transform: none; font-style: normal;}
자문자답
자주하시는 질문 사항에 대해 미리 답변토록 하겠습니다.
iOS 9.x에서는 왜 유료 트윅인 LockHTML4를 설치해야 하나요?
GroovyLock의 개발자인 GroovyCarrot이 iOS 9.x에 대한 지원을 중단하였기 때문입니다.
기기를 연결 후 iFunbox를 실행했는데 위에서 설명한 경로가 안나와요.
Cyia에서 특정 트윅을 설치하셔야 기기의 내부폴더를 관리할 수 있습니다.
이 트윅은 iOS 버전에 따라 이름이 다르오니 아래의 내용을 참고하시어 설치하시기 바랍니다.
## iOS 7.x = afc2add
## iOS 8.x 이상(iOS 9.x 포함) = Apple File Conduit "2"
'Mobile + 모바일 > iPhone + iOS' 카테고리의 다른 글
iPhone HTML 테마 제작 코드출력기. (1) | 2016.05.25 |
---|---|
iWidgets 테마 [New AnchorUI] 날씨수정 재배포 (40) | 2016.05.04 |
Noeul LS AnchorUi [잠금화면] - 업데이트 [16.05.27] (29) | 2016.05.04 |
SIMPLE LS NOEUL v9.0 (4) | 2016.04.08 |
iWidgets 테마 [AnchorUI] (0) | 2016.04.07 |
NOEUL LS THEME v8 (3) | 2016.03.12 |
제가 1빠로 받은듯하네요. ^_^ 영광입니다.
행복한 하루보내세요^^
예전부터 노을님 테마 잘쓰고있습니다!!!
그런데 이번에 적용하니깐 위젯이 약간 오른쪽으로 쏠려 있는데, 이건 어떻게 해결해야할까요??!
언제나 완벽하고 섬세한 작업에 감탄하고갑니다.^^ 좋은 테마 잘쓰겠습니다.
감사합니다.
행복한 주말 보내세요^^
문의드릴게 있습니다. 테마 적용완료 하고 확인하다보니 베터리상태출력에 차이가 있네요. config 수정전,후 모두 흰색으로만 출력이 되구요. 베터리가 100%인데도 약70% 정도로 화면표시되네요. 원인을 좀 알수있을까요? 사진을 첨부하고싶은데 이곳에선 첨부가 불가하네요 ;
먼저 Cydia에서 'InfoStats' 트윅을 설치하셨나요? 본 테마는 'InfoStats' 트윅이 필수로 설치되어있어야 합니다.
둘째로 설정(Config.js) 부분에 세미콜론(;)과 큰 따옴표("")등의 문제로 설정파일에 오류가 발생하여 테마가 망가지는 경우도 있습니다.
Config.js는 각 항목의 값 이후 세미콜론(;)으로 끝을 내셔야 합니다.
값이 숫자만 있다면 큰 따옴표를 사용하지 않습니다. 큰 따옴표는 문자가 포함되어있는 경우에만 사용하세요. (단, true와 false는 제외)
var color = "rgba(255,255,255,.8)";
var LocationCode = 1132599;
위에서 color는 rgba와 괄호()가 포함되어 있기에 문자로 인식하여 큰 따옴표를 사용합니다. LocationCode는 문자가 없기에 큰 따옴표가 필요없습니다. 그리고 두 변수(설정값) 뒤에 세미콜론(;)이 있는 것을 확인할 수 있습니다.
항상 좋은 테마와 공유 감사드립니다.
그런데 혹시, 가운데 날씨만 기울기 적용되는건 어떤 문제인지 알 수 있을까요?
아......... 그 부분 설정을 안해드렸네요.
만약 설정값을 수정하지 않으셨다면 본문의 첨부파일을 새로 다운받으신 뒤 적용하세요.
코드 수정이 편하시다면 아래의 방법을 사용하시면 됩니다.
1. public/css/weatherIcons.css 문서를 에디터로 여세요.
2. 12번째 줄에 있는 아래 내용을 수정해주시면 됩니다.
_
원본코드
i[class^='icon-'] {font-family: 'weather'; line-height: 1.0; text-transform: none;}
_
수정코드
i[class^='icon-'] {font-family: 'weather'; line-height: 1.0; text-transform: none; font-style: normal;}
3. 수정된 코드에는 font-style: normal; 이 추가 되었습니다.
잘 적용되었네요^^
그리고 혹시... 등대 배경화면 공유도 가능하신가요?
해당 배경이미지는 새로운 포스트로 등록해 놓았습니다.
__
다운로드 URL
http://onfriday.design-hi.com/entry/Desktop-Wallpaper-160530
아이폰에서 다운받기
_
1. 다운받을 이미지 터치 후 대기
2. 이미지 저장과 복사하기 항목이 뜨면 이미지 저장 터치
3. 사진 어플에서 확인 (원본 사이지의 이미지가 아이폰에 저장됩니다.)
***
등대 이미지의 경우 해상도가 2880 X 1800이고, 사진 어플을 이용하여 '배경화면 지정'을 선택하시면 원하시는 위치를 선택하여 배경으로 만들 수 있습니다 :)
고맙습니다, 잘 사용하겠습니다!
고맙습니다, 잘 사용하겠습니다!
고맙습니다, 잘 사용하겠습니다!
비밀댓글입니다
리스프링하시거나 날씨아이콘을 터치하여 새로고침 해보세요^^
노을님 고맙습니다. 잘받아갑니다^^
노을님 죄송한데.. 혹시 여기에 디데이랑 요일 추가할 수 있을까요..?
이 테마는 더 이상 수정계획이 없습니다. ^^
덕분에 예쁜 락스크린 적용했어요! 감사합니다~
비밀댓글입니다
날씨아이콘은 이미지가 아닌 폰트임으로 default font change 트윅을 사용하시면 아이콘이 숫자로 보여집니다.
댓글주신거보고 트윅검색했는데 설치되있는상태여서 다시설치했는데 동일한증상입니다 ㅜㅜ...
1 A z 이런식으로 나오고있습니다.
다른쪽은 정상적으로 작동되구용..
csk87님 default font change 트윅을 지우셔야 한다는 뜻입니다.
지우려고 생각해보니 기본폰트전체다바꾸는거였네용 ㅜㅜ 점알쓰고싶은 잠금화면인데 아쉽네용
도움주셔서 감사합니당!
노을님 죄송하지만 혹시 날씨아이콘이폰트로교체되기전 날씨이미지 사용했던버전은 현재 배포중지인가용..?
날씨 스크립트 자체가 변경되어 이전 테마와 현재 테마는 호환되지 않습니다.
정말 고맙습니다. 트윅 사용법과 적용법을 몰라 발만동동 구르고 있었는데 이렇게 세심하게 포스팅 해주신 덕분에 저같은 초보도 쉽게 따라할 수 있고 큰 도움 되었습니다. InfoStats는 사용된 테마에 맞는 버전을 사용하여야 하는가 봅니다. 이 글에 사용된 버전은 1.1.5인데 제가 처음에 최신버전인 InfoStats2를 설치해서 적용했었는데 바로 안전모드로 들어가지더군요. 그래서 다시 다운그레이드 하여 1.1.5 적용하니 정상적으로 적용이 되었습니다. 이밖에도 제가 영어를 잘 몰라 LockHtml설정도 어려움 겪고 있었는데 정말 많은 도움 얻었습니다. 감사합니다!