본문 바로가기

Mobile + 모바일/iPhone + iOS

Simple LS Noeul v10 MODERN

_

첨부파일

Simple LS Noeul v10 Modern.zip






제작환경

iOS 9.0.2, iPhone 5



필수트윅

iOS 9 이상 = LockHTML 4 (유료입니다.)

iOS 8 이하 = GroovyLock

GroovyLock의 개발 중단으로 인해 iOS 9이상을 사용하시는 분들께서는 LockHTML 4를 설치하셔야 하고 해당 트윅은 유료입니다. 그리고 굳이 제 테마를 쓰기위해 구매를 하실 필요는 없습니다. ^^ 기존에 LockHTML을 결제하신 분들만 쓰시기 바라옵니다. (__)



설치경로 :: 사용하는 트윅에 따라 설치경로가 틀림.

  • LockHTML = Raw(원시) 파일 시스템 > Library > Widget

  • GroovyLock = Raw(원시) 파일 시스템 > mobile > Library > GroovyLock



테마특징 :: 베타때의 기능과 차이가 있음.

  • 테마 전체 한글 및 영문 지원

  • 지역설정(weoid) 대신 한글지원

  • 일기예보 추가

  • 베타 테마의 런처기능 제거(=iOS 9.3.3 미지원으로 제거)

  • 메뉴를 새로고침 버튼으로 교체 (위와 동일한 이유)



설치 및 적용방법

  • 첨부된 파일을 다운로드 후 압축해제.

  • 압축해제 후 Simple LS Noeul v10 Modern 폴더를 iFunbox 프로그램을 이용하여 설치경로에 드래그.

  • 설정 > 사용중인 트윅 > 테마선택(Theme Select)화면에서 Simple LS Noeul v10 Modern 테마 체크.



LockHTML4 테마 선택 후 주의사항

LockHTML은 Select Widget에서 Config.js문서가 있는 테마를 선택하면 Optimize for LockHTML이라는 팝업이 뜹니다. 해당 팝업은 반드시 'No'를 선택해주세요. 만약 Yes를 눌렀다면 Config.js문서가 백업파일로 교체되어 테마 작동불능상태로 변하게 됩니다. 이러한 경우 iFunbox를 이용하여 테마를 덮어 씌우셔야 하니 팝업에서 필히 'No'를 선택하시기 바랍니다.



LockHTML의 흔한 질문.

1. 터치가 안되요.

    • 설정 - LockHTML4 > Widget Pisition > 'Above Notifications' 선택


2. 시계가 겹쳐요.

    • 설정 - LockHTML4 > Hide LockScreen Elements > 'Hide Date Only' 체크 

    • 설정 - LockHTML4 > Hide LockScreen Elements > 'Hide Clock View' 체크


3. 잠금화면을 터치하고 있으면 테마가 흔들흔들거리고 옮겨져요.

    • 설정 - LockHTML4 > Advanced > 'Disable Edit Mode' 체크

    • 설정 - LockHTML4 > Advanced > Set Widget Coordinates > Y = '0' , X = '0'


4. 알림이 오면 테마와 겹쳐서 둘 다 잘 안보여요.

    • 설정 - LockHTML4 > Widget Actions > 'Fade With Notifications' 체크

    • 설정 - LockHTML4 > Notification Settings >  'Bring Notification to Top' 체크

    • 설정 - LockHTML4 > Notification Settings >  'FullScreen Notifications' 체크

    • 설정 - LockHTML4 > Notification Settings >  'Hide LS Separators' 체크


5. 잠금화면의 상태바를 없애고 싶어요.

    • 설정 - LockHTML4 > Misc Settings > 'Hide StatusBar' 체크



테마 수정

1. 원문자 ® 수정 및 제거 (새로고침 기능 제거)

LockBackground.html 문서를 여시고 25번째 줄 부터 32번째 줄 까지 수정하신 후 저장.

<div id="btn-nav-toggle" class="reflash">
    <a href="#navigation" id="btn-toggle">
        ®
        <span></span>
        <span></span>
        <span></span>
    </a>
</div>

위의 내용을 아래와 같이 수정 (® 대신 원하는 문자나 이모티콘으로 변경 또는 삭제할 것)

<div id="btn-nav-toggle" class="reflash">
    <a href="#navigation" id="btn-toggle">
        <!-- 원하는 문자나 이모티콘으로 변경 또는 삭제 -->
        <span></span>
        <span></span>
        <span></span>
    </a>
</div>



2. 현재시간 터치시 새로고침하기 (= 1. 원문자 ® 수정 및 제거팁에서 제거를 선택한 경우)

LockBackground.html 문서를 여시고 36번째 줄(만약 '®'을 지우셨다면 35번째 줄)의 a 태그를 수정합니다.

<a href="javascript:void(0)" target="_blank"><span id="hour"></span><span id="colon">:</span><span id="minute"></span><span id="ampm" class="hidden"></span></a>

위의 내용을 아래와 같이 수정

<a href="javascript:void(0)" class="reflash"><span id="hour"></span><span id="colon">:</span><span id="minute"></span><span id="ampm" class="hidden"></span></a>



3. 일기예보 먼저 보이기

테마폴더/css/layout.css 문서를 여신 뒤 76번째 줄 일기예보 항목에 보시면 아래와 같은 구문이 있습니다.

.forecast {
    position: absolute;
    display: none;
    left: 0;
    right: 0;
    font-size: 11px;
    color: rgba(255,255,255,.9);
    text-align: center;
}

위의 코드를 아래와 같이 수정

.forecast {
    position: absolute;
    left: 0;
    right: 0;
    font-size: 11px;
    color: rgba(255,255,255,.9);
    text-align: center;
}



만약 코드를 수정 시 사용하시는 전문에디터가 없으시다면 아래의 링크를 이용하여 전문 에디터를 설치하신 뒤, 테마를 편집해주십시오.

___

http://brackets.io 다운로드 받기




테마 설정::Config.js

var lang = "ko"; // 언어설정
var color= "rgba(255,255,255,0.85)"; // 글자색상

/* CLOCK SETTING */
var infoPosition = 30; // 시계 위치
var Clock = "24h"; // 시간유형 - "12h" or "24h"
var sWeekDay = "show"; // 요일 표시 - "show" or "hide"
var sDay = "show"; // 일[Day] 표시 - "show" or "hide"
var sMonth = "show"; // 월[Month] 표시 - "show" or "hide"
var sYear = "show"; // 연도[Year] 표시 - "show" or "hide"

/* WEATHER SETTING */
var local = "강원동해"; // WOEID값 (야후웨더 참고)
var temptype = "c"; // 온도유형 : "c" or "f"
var useImageIcons = true; // true or false(true : 날씨아이콘이미지 false : 날씨아이콘폰트)
var iconSet ="white"; // "black" or "white" or "other" (useImageIcons 값이 true 일 때 사용할 아이콘 이름)
var updateInterval = 30; // 날씨 업데이트 간격(분 단위)

/* CALENDAR SETTING */
var calPosition = 130; // 캘린더 위치 (위에서 부터의 거리)
var calNum = 14; // 캘린더 갯수 (최소 7 - 최대 20)
var todayColor = "orange"; // 캘린더 오늘 색상
var calOpacity = 35; // 배경투명도 (01 ~ 99)
var calInterval = 60; // 캘린더 업데이트 간격(초 단위)

* 설정에 큰 따옴표가 있는지 없는지 잘 확인해보세요. *

큰 따옴표가 있던 설정값에 큰 따옴표를 삭제하시면 안되고, 그 반대로 큰 따옴표가 없던 설정값에 큰 따옴표를 넣으셔도 안됩니다.


최초 설정 이후 설정값변경 시(iFile이나 컴퓨터로 Config.js를 수정하여 설정값이 변경된 경우)는 우측 상단의'®'을 터치하여 새로고침하시면 바로 적용됩니다.



Config.js 문서에서 지역설정하기.

WEATHER SETTING의 첫번째 항목인 local 항목에 자신의 지역을 설정합니다. 본래 이 값은 이전의 경우 7~8자릿수의 숫자로 이루어져 있었으나 지역의 한글화를 진해하면서 지역설정역시 한글로 가능하게끔 변경하였습니다. 고로 이전처럼 자신의 지역의 숫자코드를 기억하지 않으셔도 됩니다. 각 지역들은 서울과 광역시, 제주도를 제외하고 모두 지역명+도시명으로 이루어져 있습니다. 아래를 항목들을 참고하세요.


특별/광역/제주

광주, 대구, 대전, 부산, 서울, 울산, 인천, 제주, 서귀포


강원도

강원강릉, 강원고성, 강원동해, 강원삼척, 강원속초, 강원양구, 강원양양, 강원영월, 강원원주, 강원인제, 강원정선, 강원철원, 강원춘천, 강원태백, 강원평창, 강원홍천, 강원화천, 강원횡성


경기도

경기가평, 경기고양, 경기과천, 경기광명, 경기광주, 경기구리, 경기군포, 경기김포, 경기남양주, 경기동두천, 경기부천, 경기성남, 경기수원, 경기시흥, 경기안산, 경기안성, 경기안양, 경기양주, 경기양평, 경기여주, 경기연천, 경기오산, 경기용인, 경기의왕, 경기의정부, 경기이천, 경기파주, 경기평택, 경기포천, 경기하남, 경기화성


경상남도

경남거제, 경남거창, 경남고성, 경남김해, 경남남해, 경남밀양, 경남사천, 경남산청, 경남양산, 경남의령, 경남진주, 경남창녕, 경남창원, 경남통영, 경남하동, 경남함안, 경남함양, 경남합천


경상북도

경북경산, 경북경주, 경북고령, 경북구미, 경북군위, 경북김천, 경북문경, 경북봉화, 경북상주, 경북성주, 경북안동, 경북영덕, 경북영양, 경북영주, 경북영천, 경북예천, 경북울릉, 경북울진, 경북의성, 경북청도, 경북청송, 경북칠곡, 경북포항


전라남도

전남강진, 전남고흥, 전남곡성, 전남광양, 전남구례, 전남나주, 전남담양, 전남목포, 전남무안, 전남보성, 전남순천, 전남신안, 전남여수, 전남영광, 전남영암, 전남완도, 전남장성, 전남장흥, 전남진도, 전남함평, 전남해남, 전남화순


전라북도

전북고창, 전북군산, 전북김제, 전북남원, 전북무주, 전북부안, 전북순창, 전북완주, 전북익산, 전북임실, 전북장수, 전북전주, 전북정읍, 전북진안


충청남도

충남계룡, 충남공주, 충남금산, 충남논산, 충남당진, 충남보령, 충남부여, 충남서산, 충남서천, 충남아산, 충남예산, 충남천안, 충남청양, 충남태안, 충남홍성


충청북도

충북괴산, 충북단양, 충북보은, 충북영동, 충북옥천, 충북음성, 충북제천, 충북증평, 충북진천, 충북청주, 충북충주



만약 해외에 거주중이시라면 이전과 같이 weoid를 사용하셔도 무방합니다. 단, 숫자코드로 변경하신다 해도 큰 따옴표는 지우면 안됩니다.

예시) var local = "56204173"; // (O)

예시) var local = 56204173; // (X)





[ 미리 답해놓은 질문에 대해서는 답변드리지 않습니다. ]



Simple LS Noeul v10 Modern.zip




추신.

김돈규의 '무아' 앨범 커버가 너무 작아서 새로 제작해보았습니다.

필요하신 분 다운 받으세요.





  • 카카수 2016.08.04 23:21

    감사합니다~^^
    수고 많으셧어요!
    예쁘게 잘 사용 하겠습니다.

  • 호힛 2016.08.05 09:02

    노을님 블로그 잘 보고 있습니다~ 혹시 아이패드(9.3.3)에서도 노을님 테마들이 적용이 될까요??

    • Favicon of https://blog.delfiini.co.kr NOEUL's 2016.08.05 12:36 신고

      적용자체는 되겠지만 패드까지는 지원안합니다.
      제 테마는 해상도가 낮은 기기 위주로 제작되고 있습니다 :)

  • 맬릭 2016.08.05 15:57

    앗. 베타때와 달라졌네요... 그루비락이 9.X 버전 이상에서도 적용이 되는건가요?

  • 끼리코 2016.08.05 19:16

    지역을 서울로 바꿔서 적용시키니깐 적용이 아예 안되는데 왜그럴까요 ㅎㅎㅎ
    그리고 터치는 아예 안됩니다 ㅠㅠ

  • 코홀트 2016.08.06 15:41

    노을님 항상 좋은자료 정말 감사합니다. 제가 잘 몰라서 그러는대요 혹시 이 테마를 락스크린이 아닌 홈화면에서도 사용할 수가 있을까요?ㅠㅠ

  • 알바재시켜 2016.08.06 16:19

    잘 받아서 적용중입니다! 제가 priority hub를 사용중입니다. 1번처럼 터치 가능하게 해놓으면priority가 안먹히고 ㅠㅠ 터치를 안해놓으면 테마 날씨가 안보이고 ㅠㅠ 어떻게 방법이 없을까요?

  • 연리지 2016.08.09 04:01

    테마 공유 감사드립니다. ^^
    현재 ios8 버전으로 그루비락 이용해서 사용하고 있습니다.
    사용중 궁금한거 두가지만 문의드릴게요~
    첫째, 저는 왜 날씨 예보정보와 아이콘들이 보여지지 않을까요? 혹시 HTML4 사용자만 보여지는 기능인건가요? ㅠㅠ
    둘째, 저는 날짜 표시에 년도를 숨기고 사용하려고 합니다. 이렇게 설정시 월.일, <<< 이렇게 일 뒤에는 쉼표가 붙어있는데 이 쉼표를 지우고 싶거나 몇월 몇일 이렇게 표시하고 싶으면 어디서 수정을 해야할까요... ㅠㅠ

    너무 심플해서 한동안 사용할 듯 합니다. 항상 심플한 테마 제작 및 공유 해주시어 다시 한번 감사합니다 ^^

    • Favicon of https://blog.delfiini.co.kr NOEUL's 2016.08.09 12:38 신고

      일기예보는 좌측의 지역이나 날씨(글자로 나오는 부분)를 터치하시면 나오고, 년도는 LockBackground.html 문서를 수정해야합니다.
      해당 문서의 코드중
      <span id="date"></span>.<span id="month"></span>,<span id="year"></span>
      위 코드를 아래와 같이 수정하세요.
      <span id="date"></span>.<span id="month"></span><span id="year"></span>

    • 연리지 2016.08.09 14:24

      우와 예보 보기는 정말 간단한거였네요 ㅎㅎ
      설명해주신대로 수정하여 적용하였습니다~
      궁금한게 또 있네요...
      첫째 예보 보이기를 한후 홈화면 진입 다시 잠금화면으로 돌아갈경우 예보가 자동적으로 숨김으로 되는 설정이네요. 이설정을 반대로 적용하고 싶으면 어디를 수정해야할까요? 기본이 예보 보이기 이고 터치시 숨김으로 하고 싶네요.
      둘째 날짜와 요일 위 아래 간격을 조금 띄우고싶네요. 현재도 겹쳐있지는 않지만 아주 조금 띄어놓고싶어서요 ㅠㅠ
      무더운 오후입니다 조금이라도 더 시원한 하루 되시길 ^^

    • Favicon of https://blog.delfiini.co.kr NOEUL's 2016.08.09 16:44 신고

      테마폴더/css/layout.css 문서를 여신 뒤 76번째 줄 일기예보 항목에 보시면 아래와 같은 구문이 있습니다.

      .forecast {
      position: absolute;
      display: none;
      left: 0;
      right: 0;
      font-size: 11px;
      color: rgba(255,255,255,.9);
      text-align: center;
      }

      저기서 디스플레이 부분을 제거하시면 되지요.
      아래는 수정된 코드입니다.

      .forecast {
      position: absolute;
      left: 0;
      right: 0;
      font-size: 11px;
      color: rgba(255,255,255,.9);
      text-align: center;
      }

  • 깨가루 2016.08.10 13:14

    노을님 소중한자료 감사드립니다.. 잘 사용하겠습니다^^
    무더운 하루지만 즐겁게 보내시길 바랍니다!

  • 김형석 2016.08.11 11:09

    소중한자료 감사합니다
    혹시 캘린더밑에 날씨그림 계속 표시되게 설정할수는없나요? 아 그리고 원문자 R
    지울려고 하는데도 도저히 못찾겟네요 ㅜㅜ
    사용법보고 건들여도 나와있지않은거같아서요 ^^;;혹 제가 못찾는건가요

    • Favicon of https://blog.delfiini.co.kr NOEUL's 2016.08.11 12:12 신고

      본문에 '테마 수정'이 업데이트 되었습니다.
      1. 원문자 R 제거
      2. 시간을 터치하여 새로고침하기
      3. 일기예보 보이기
      이상입니다.

  • 김천자두 2016.08.12 15:58

    항상 이쁜 테마 감사드립니다. 현재 6S, 9.1버전인데 본 테마 사용하면 잠금화면 알림(배너)이 화면 상단 시계부분에 집중해 있습니다. 이 부분은 제가 설정을 잘 못한 것이 맞는 것이겠죠?
    ------

    배너알림이 있을 경우 테마 안보이게 설정하였더니 괜찮아졌어요...감사합니다.

  • 궁금 2016.08.29 10:48

    잘 사용하다가 궁금한점이 있어서 문의 드립니다. 갑자기 잠금화면에서 Simple LS Noeul v10 MODERN 테마가 없어졌습니다.
    제가 해본 방법은.
    1. lockhtml4 시디아 소스 재설치 후 Simple LS Noeul v10 MODERN 초기화 ( 혹시 위치값이 변동되서 안보일수 있다고 생각되어)
    2. lockhtml4의 Calendar 나 Analogclock 는 정상적으로 보임.
    3. 새로 다운받아서 테마 지정했음에도 보이지 않음. Config.js 일체 수정하지 않음 .동일함
    4. lockhtml4 지우면 시계는 표시됨.
    혹시 다른 방법이 있을까요 ?

    • Favicon of https://blog.delfiini.co.kr NOEUL's 2016.08.29 13:53 신고

      어떤 설정값을 건드셨는지 모르니 트윅 초기화 방법을 알려드리겠습니다.
      LockHTML 4를 지우셔도 설정값들은 지워지지 않습니다. 다시 LockHTML 4를 설치하시면 이전의 설정값들을 불러와서 사용하는 것이지요.
      만약 LockHTML 4를 완전하게 초기화하고 싶으시다면 아래의 경로에 들어가셔서 파일하나를 삭제하신 후 리스프링을 하시면 됩니다.
      /var/mobile/Library/Preferences/com.bushe.lockhtml.plist

      LockHTML 4 설정에 대한 설명은 http://onfriday.design-hi.com/notice/35 의 글을 참고하세요.

  • 태기 2016.09.02 18:56

    정말 멋집니다~~잘쓰겠습니다!! 감사합니다!!

  • 디스팬더 2017.03.28 09:00

    안녕하세요~ 너무이쁘게 잘쓰고있어요!
    한가지 질문이 있는데 일기예보 오늘 날짜부터 볼수 있게 바꿀수있나요??