[아이폰 테마] 아이폰 테마, 아이폰 ios 4.3.3 테마 적용하기 2-2 탄 
                 " 랜덤 락스크린 테마 "


랜덤락스크린




지난 포스팅
2011/06/11 - [하레's IPhone Story/IPhone 테마] - [아이폰테마] 아이폰 테마, 아이폰 ios 4.3.3 테마 적용하기 2탄 - 락스크린

에서는 위에 그림과 같이 락화면에 들어갈때마다 랜덤으로 그림을 표시하는
랜덤 락스크린에 대해서 알아봤었는데요,

이를 적용하신 분들 중, 몇 분들이


시계의 위치 조정 및 크기를 조절 할수 없나요 ?


댓글로 남겨주셨는데,
그에 대한 해답을 찾아서, 포스팅을 합니다.


자 그럼, 추천 눌러주시고 ㄱㄱㅆ ~


                                                           







1. 첨부 파일을 다운후, LockBackground.html 을 열기


 



이 파일은 기존 랜덤락스크린테마 에서 다운받으셨던 파일안에 있던 html 파일입니다.
(..) 요기 아래 보이시죠 ?


요 LockBackground.html 파일을 갖고 만지작 거리면 테마 수정이 가능한겁니다.
물론 때에 따라 css파일도 쓰긴 할테지만요.


아무튼, 위에 첨부된 랜덤 락스크린 테마의
LockBackground.html 파일 다운 후 - 마우스 우클릭 - 연결 프로그램 - Wordpad 
(없으신분은 notepad 로 선택합니다)






2. 랜덤 락스크린 테마 LockBackscreen.html 수정

파일을 열면 알수 없는 영어들과 숫자가 이리저리 길게 써져있습니다만,
저희가 볼것은 딱 네 곳입니다.

SPAN#clock  -  시계 : 락스크린에서 11: 45: 10   나오는 부분
SPAN#ampm -  오전, 오후 - AM, PM
TD#date - 요일, 날짜 - Friday, JULY 22
위치 조정 - 전체적으로 어디에 위치시킬것이냐 하는 것

각각 빨강 글씨 있는 부분에서 원하는 크기, 폰트, 색상으로 변경하시면 됩니다.


ㄱ. 시계

* LockBackscreen.html 소스 화면

SPAN#clock

{

font-family: Helvetica;             -> 시계 폰트
font-weight: bold;

 
color: white;                -> 시계 숫자 색상

 

 /*text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7); */

 

text-shadow: #333333 1px 1px 1px;

 

 font-size: 36px;       -> 시계 숫자 크기

}





ㄴ. 오전, 오후 (AM, PM)

* LockBackscreen.html 소스 화면


SPAN#ampm

 

{

 
font-family: Helvetica;     ->  AM, PM 글자 font

font-weight: bold; 


color: white;       -> AM, PM 글자 색상

 

/*text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7); */

text-shadow: #333333 1px 1px 1px;

 

font-size: 14px;   -> AM, PM 글자 크기

 

}



 

ㄷ. 요일, 날짜

* LockBackscreen.html 소스 화면


TD#date


{

font-family: Helvetica;     ->  요일, 날짜 글자 font

font-weight: bold;


color: white;          ->  요일, 날짜 글자 색상

 /*text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7); */

text-shadow: #333333 1px 1px 1px;

 

font-size: 14px;    ->  요일, 날짜 글자크기

 

text-transform: uppercase;

 

}





ㄹ. 시계 및 날짜 요일 위치 조정


소스화면에서 ctrl + f 를 눌러 아래와 같이 찾기 창이 뜨면,
" absolute "  라고 타이핑하여 찾기를 합니다.


* LockBackscreen.html 소스 화면

<table width="320" style="position: absolute; top:372px; left: 0px; " cellspacing="0" cellpadding="0" align="center">

찾기를 하면 소스에서 위에서 보이시는 코드를 찾아주게 되는데,
top:372px 부분을 고쳐주시면 됩니다.
시계 위치는 숫자를 줄일수록 위로 올라가게 됩니다.







대략, 대충 고쳐봤는데 사이즈 비교에 참고하시기 바랍니다.
오른쪽이 수정 후 입니다.




              수정 전                  수정 후
ㄱ. 시계 폰트 크기             36px                 45px
ㄴ .AM,PM 크기             14px                 25px
ㄷ. 날짜, 요일 크기             14px                 25px
ㄹ. 위치              372px                280px

% 제가 첨부한 소스에는 위 그림에서 보시는 것과 같이 
   수정전에 있는 회색 슬라이드 바는 미관상 보기 좋지 않아
   없애버렸습니다.




 

3. ifunbox 로 아이폰에 복사(덮어쓰기) 후 Respring

이제 수정한 LockBackgroud.html 파일을 갖고 아이폰에
기존 락스크린테마가 있는 폴더로 갑니다.


파일시스템 - var - stash - Themes.XXX - randomlockscreen.theme 
(제 랜덤락스크린 테마가 들어있는 경로입니다. 바꾸지 않으셨다면 동일합니다)



그럼 수정한 LockBackground.html 을 복사하셔서 ramdomlockscreen.theme 하위에,
LockBackground.html 있는 곳에 붙여넣기 하시면 됩니다.
(Windows 와 달리 덮어쓰겠냐는 멘트는 나오지 않습니다)


그리고 Respring . 쨔잔 ~^^




% 테마를 수정하며

솔직히 막상 위의 내용을 보면, 숫자 몇개 고치는 것이고 대단한 것이 아닙니다.
하지만, 나름 열심히 고생했다는 점. 기억해주시고,
언제일지는 모르겠지만서도,
날씨 위젯도 함께 이쁘게 넣어서 한번,
저만의 Custom 랜덤 락스크린 테마를 만들어 보도록 하겠습니다.

그럼 즐거운 주말 보내세요 ^^



아래, 구독버튼 or
오른쪽, Follow Me 클릭 하시면
아이폰 강좌 업데이트 소식을 실시간으로 쉽게 받아보실 수 있습니다. ^ _ ^

% 하레의 아이폰 테마 강좌 씨리즈 %

1탄 - 아이폰 폰트 변경하기
        [아이폰 테마] ios 4.3.3 테마 적용하기 1탄 - 아이폰 폰트 편

2탄 - 락스크린 편 
       
[아이폰 테마] ios 4.3.3 테마 적용하기 2탄 - 락스크린

3탄 - 아이폰 상단바 무지개 안테나 & Wifi
       
[아이폰 테마] ios 4.3.3 테마 적용하기 3탄 - 아이폰 상단바 무지개  안테나

4탄 - 아이폰 상단 캐리어 이미지 변경
        [아이폰 테마] ios 4.3.3 테마 적용하기 4탄 - 아이폰 상단 캐리어 변경하기


5탄 - 아이폰 홈화면 폴더 배경, 폴더 테두리 변경
         [아이폰 테마] ios 4.3.3 테마 적용하기 5탄 
         아이폰 홈화면 폴더 배경 및 폴더 테두리 변경하기

6탄 - 아이폰 문자창 문자배경 변경
        [아이폰 테마] ios4.3.3 테마 적용하기 6탄 
         아이폰 문자창 문자배경 변경하기