ios_theme_guide_KR

Similar documents
iOS_theme_guide_KR.key

iOS_theme_guide_KR.key

SBR-100S User Manual

mobile_guide_SA

체크포인트 카카오톡 4.0 이상부터지원 480PX * 800PX (HDPI) 기준으로제작 ( 아이콘일부는고해상도권장 ) 폰트컬러변경가능 레이아웃변경불가

android_theme_guide_KR.key

Install stm32cubemx and st-link utility

android_theme_guide_KR.key

View Licenses and Services (customer)

1

게임 기획서 표준양식 연구보고서

PathEye 공식 블로그 다운로드 받으세요!! 지속적으로 업그래이드 됩니다. 여러분의 의견을 주시면 개발에 반영하겠 습니다.

Studuino소프트웨어 설치

Office 365 사용자 가이드

Microsoft Word - ntasFrameBuilderInstallGuide2.5.doc

Microsoft Word - windows server 2003 수동설치_non pro support_.doc

대량문자API연동 (with directsend)

사용설명서를 읽기 전에 ios용 아이디스 모바일은 네트워크 연결을 통해 ios 플랫폼 기반의 모바일 기기(iOS 버전 6.0 이상의 ipod Touch, iphone 또는 ipad)에서 장치(DVR, 네트워크 비디오 서버 및 네트워크 카메라)에 접속하여 원격으로 영상을

메뉴얼41페이지-2

Microsoft Outlook G Suite 가이드

tiawPlot ac 사용방법

아이콘의 정의 본 사용자 설명서에서는 다음 아이콘을 사용합니다. 참고 참고는 발생할 수 있는 상황에 대처하는 방법을 알려 주거나 다른 기능과 함께 작동하는 방법에 대한 요령을 제공합니다. 상표 Brother 로고는 Brother Industries, Ltd.의 등록 상

SBR-100S User Manual

NX1000_Ver1.1

SIGIL 완벽입문

C스토어 사용자 매뉴얼

iOS5_1±³

(Microsoft PowerPoint - \276\306\300\314\306\371_B2B_\270\305\264\272\276\363_v3.pptx)

사용설명서를 읽기 전에 안드로이드(Android)용 아이디스 모바일은 네트워크 연결을 통해 안드로이드 플랫폼 기반의 모바일 기기에서 장치 (DVR, NVR, 네트워크 비디오 서버, 네트워크 카메라) 에 접속하여 원격으로 영상을 감시할 수 있는 프로그램입니다. 장치의 사

Windows 8에서 BioStar 1 설치하기

android_theme_guide_수정_121112

[ 네이버마일리지 ] 디자인셋팅매뉴얼 1. 장바구니페이지에네이버마일리지안내추가 - 위치 : HTML 디자인설정 > 장바구니 > 장바구니주문목록 {{$c_3}} [ 편집 ] 버튼클릭 > HTML 편집탭으로이동 > 여러개의장바구니모두결제버튼 {u9} [ 편집 ] 버튼클릭하

아래 항목은 최신( ) 이미지를 모두 제대로 설치하였을 때를 가정한다

ISP and CodeVisionAVR C Compiler.hwp

HLS(HTTP Live Streaming) 이용가이드 1. HLS 소개 Apple iphone, ipad, ipod의운영체제인 ios에서사용하는표준 HTTP 기반스트리밍프로토콜입니다. 2. HLS 지원대상 - 디바이스 : iphone/ipad/ipod - 운영체제 :

슬라이드 1

SQL Developer Connect to TimesTen 유니원아이앤씨 DB 기술지원팀 2010 년 07 월 28 일 문서정보 프로젝트명 SQL Developer Connect to TimesTen 서브시스템명 버전 1.0 문서명 작성일 작성자

추가 및 변경사항 ver 2.1 여러장의 이미지를 한번에 올리는 ZIP 불러오기 기능이 추가되었습니다. (p. 3) 테두리 설정 기능이 추가되었습니다. (p. 5) 크게보기 버튼의 위치를 선택하는 기능이 추가되었습니다. (p. 7) 세로가 긴 동영상의 권장크기가 800

SmartUpdaterPlus 설치 설치파일 다운로드 설치파일 다운로드하여 실행하여 순서에 따라 스마트 업데이트 플러스를 설치합니다. [스마트 업데이트 플러스 다운로드] 버튼을 클릭하여 설치파일 다운로드합니다. 소프트웨어 사용권에 동의하기를 누릅니다. 압축을 해제합니다

리눅스설치가이드 3. 3Rabbitz Book 을리눅스에서설치하기위한절차는다음과같습니다. 설치에대한예시는우분투서버 기준으로진행됩니다. 1. Java Development Kit (JDK) 또는 Java Runtime Environment (JRE) 를설치합니다. 2.

*Revision History 날짜 내용 최초작성 Tel Fax [2] page

JDK이클립스

GBF-1257B 카스블루투스체지방계앱사용매뉴얼

1

System Recovery 사용자 매뉴얼

UI VoC Process 안

PowerPoint 프레젠테이션

Mango-IMX6Q mfgtool을 이용한 이미지 Write하기

Microsoft PowerPoint Android-SDK설치.HelloAndroid(1.0h).pptx

B2B 매뉴얼

이장에서다룰내용 테두리를제어하는스타일시트 외부여백 (Margin) 과내부여백 (Padding) 관련속성 위치관련속성 2

KakaoStoryAd_Banner_Creative_guide_ver0.1_

PowerPoint Presentation

PowerPoint 프레젠테이션

< 목차 > Ⅰ. 개요 3 Ⅱ. 실시간스팸차단리스트 (RBL) ( 간편설정 ) 4 1. 메일서버 (Exchange Server 2007) 설정변경 4 2. 스팸차단테스트 10

1809_2018-BESPINGLOBAL_Design Guidelines_out

Microsoft Word - src.doc

Cubase AI installation guide

목차 윈도우드라이버 1. 매뉴얼안내 운영체제 (OS) 환경 윈도우드라이버준비 윈도우드라이버설치 Windows XP/Server 2003 에서설치 Serial 또는 Parallel 포트의경우.

Microsoft Word - Armjtag_문서1.doc

Ver 1.0 마감하루전 Category Partitioning Testing Tool Project Team T1 Date Team Information 김강욱 김진욱 김동권

Javascript

고도몰5 manual

목차 1. 시스템요구사항 암호및힌트설정 ( 윈도우 ) JetFlash Vault 시작하기 ( 윈도우 ) JetFlash Vault 옵션 ( 윈도우 )... 9 JetFlash Vault 설정... 9 JetFlash Vault

Microsoft PowerPoint SDK설치.HelloAndroid(1.5h).pptx

PowerPoint 프레젠테이션

비즈엠_사용설명서_

SBR-100S User Manual

CL5 CL3 CL1 QL5 QL1 V4.5 Supplementary Manual

201112_SNUwifi_upgrade.hwp

2

<C0CCC8ADBBE7C0CCB9F6C4B7C6DBBDBA20B8C5B4BABEF328C3D6C1BE295FBCF6C1A42E696E6464>

카택스 비즈 관리자용 사용설명서 목차 사용 전에 시작하기 사용하기 설정하기 알아두기 훑어보기 차량 관리 운행내역 조회 부관리자 설정 자주묻는 질문 회원가입 사용자 관리 운행구간 조회 앱 권한 설정 GPS 오류 요인 부서 관리 운행일지 다운로드

슬라이드 1

Microsoft PowerPoint _사용자매뉴얼.ppt

4S 1차년도 평가 발표자료

슬라이드 1

EndNote X2 초급 분당차병원도서실사서최근영 ( )

PowerPoint Template

소개 Mac OS X (10.9, 10.10, 10.11, 10.12) 와 OKI 프린터호환성 Mac OS X 를사용하는 PC 에 OKI 프린터및복합기 (MFP) 제품을연결하여사용할때, 최고의성능을발휘할수있도록하는것이 OKI 의목 표입니다. 아래의문서는 OKI 프린터및

CODESYS 런타임 설치과정

1. 서식다운로드 - 서울대학교입학홈페이지 ( 에서자기소개서, 추천서파일을다운로드합니다. - 해당서식에마우스를올리고오른쪽마우스를 click하면아래와같은창이뜨게되며이때다른이름으로대상저장을누르면해당서식이다운로드됩니다. ( 자

소규모 비즈니스를 위한 플레이북 여기서 다룰 내용은 다음과 같습니다. 1. YouTube 소개 2. YouTube에서 비즈니스를 위한 채널 만들기 3. 눈길을 끄는 동영상 만들기 4. 고객의 액션 유도하기 5. 비즈니스에 중요한 잠재고객에게 더 많이 도달하기

gcloud storage 사용자가이드 1 / 17

<3036B0AD D4C5F584D4C5FC0CEC5CDB3DDBAB8C3E6C7D0BDC0C0DAB7E12E687770>

vRealize Automation용 VMware Remote Console - VMware

OnTuneV3_Manager_Install

왜곡보정버전업그레이드순서 - Windows 판 - 니콘제품을애용해주셔서대단히감사합니다. 여기에서는왜곡보정의버전업그레이드에대해설명하고있습니다. 그리고니콘서비스센터에서의업데이트도받고있으므로사용하시는환경등으로펌웨어를업데이트할수없는사용자는이용하여주십시오. 사용하시는카메라사용법

Splentec V-WORM Quick Installation Guide Version: 1.0 Contact Information 올리브텍 주소 : 경기도성남시분당구구미로 11 ( 포인트타운 701호 ) URL: E-M

목 차

Amazon Stores

볼륨 조절 아이콘 표시하기 만일 알림 영역에 볼륨 조절 아이콘이 표시되지 않았다면 아래의 방법을 따라합니다. 1> [시작] - [제어판] - [사운드 및 오디오 장치] 아이콘을 더블 클릭합니다. 2) [사운드 및 오디오 장치 등록 정보] 대화상자에서 [볼륨] 탭을 클릭

Microsoft Word - 스마트비즈 사용매뉴얼_Web_ver1.0.docx

WebRTC소개와 커뮤니케이션 서비스 개발

슬라이드 1

NTD36HD Manual

Chapter 1

TSP_Manual_10_ESM+계정관리0622.pptx

e-비즈니스 전략 수립

Transcription:

나만의테마만들기실제테마파일을만드시려면아래의절차를따라하시면됩니다. 1. 샘플테마또는프로젝트파일다운로드아이폰카카오톡테마는 CSS 포맷을확장해서설계되었으며, ios 기본속성에따라해당스타일을기술하여적용되도록구현되어있습니다. [ 카카오톡홈페이지 > 카카오톡사용자테마 ] 에 zip 파일의카카오톡샘플테마를제공해드리고있습니다. 원하시는샘플테마를다운로드받으세요. *CSS : 웹문서의전반적인스타일을미리저장해둔스타일시트 2. 카카오톡테마구성내용및주의사항 (1) KakaoTalk.css : 각스타일별로정의된타입에이미지와레이아웃및텍스트컬러등을포함하는내용을기술합니다. 해당파일이름은고정이며, 변경시테마가적용되지않습니다. (2).png 파일 (Images 디렉토리에포함되는이미지 ) : CSS 에기술된이미지파일 iphone 3gs 해상도의이미지와 iphone 4 이후를위한고해상도이미지둘다필요합니다. Retina 용이미지의경우같은파일이름에 @2x 를덧붙여사용합니다. 예 ) 일반 (3gs 용 ) 이미지파일명이 bg.png 라면? iphone 3gs 용이미지명 : bg.png iphone 4, 4s(Retina) 용이미지명 : bg@2x.png (3) KakaoTalk.css 와 Images 디렉토리를압축한 zip 파일형태의파일을사용하며, 반드시확장자는.ktheme 로변경해주셔야합니다. 파일확장자를.ktheme 으로사용하지않을시앱에서인식하지못합니다. 3. 변경가능한리소스종류 ( 샘플기준 ) 테마기능을이용하여변경할수있는카카오톡리소스 ( 이미지및색상 ) 는아래와같습니다. * 아래의표는카카오톡샘플테마를기준으로작성되었으며변경할수있는모든리소스는 7. 참조를확인해주세요. 종류스타일명요소설명 네비게이션바 ( 상단타이틀 ) NavigationBarStyle1 ( 상단타이틀배경 ) ( 세로 45px 고정 ) NavigationItemTitleStyle1 ( 상단타이틀색상 ) ButtonStyle7-1 ( 상단타이틀우측버튼 ) 버튼 ( 세로 29px 고정 )

종류스타일명요소설명 ButtonStyle7-2 ( 상단타이틀우측버튼비활성화상태 ) 버튼 ( 세로 29px 고정 ) 투명도 ButtonStyle6-1 ( 상단타이틀좌측 (Back) 버튼 ) 버튼 ( 세로 29px 고정 ) ButtonStyle7-3 ( 상단타이틀우측버튼활성화상태 ) 버튼 ( 세로 29px 고정 ) 탭바 TabBarTitleStyle1 ( 하단탭영역 ) ( ) 투명도

종류스타일명요소설명 -ios-selected-textcolor 탭선택시 -ios-selected-textalpha 탭선택시텍스트투명도 -ios-selected-textshadow-color 탭선택시 -ios-selected-textshadow-alpha 탭선택시 -ios-selected-textshadow-offset 탭선택시 TabBarItemStyle1 ( 탭바이미지 ) 탭바버튼 (320x49 로사이즈고정 ) -ios-selectionindicator-image 탭바선택탭이미지 (78x44 로사이즈고정 ) -ios-friends-normalicon-image 친구탭아이콘이미지 (30x30 로고정 ) -ios-chats-normalicon-image 채팅탭아이콘이미지 (30x30 로고정 ) -ios-recommendeesnormal-icon-image 친구추천탭아이콘이미지 (30x30 로고정 ) -ios-more-normalicon-image 더보기탭아이콘이미지 (30x30 로고정 ) -ios-friends-selectedicon-image 친구탭선택아이콘이미지 (30x30 로고정 ) -ios-chats-selectedicon-image 채팅탭선택아이콘이미지 (30x30 로고정 ) -ios-recommendeesselected-icon-image 친구추천탭선택아이콘이미지 (30x30 로고정 ) -ios-more-selectedicon-image 더보기탭선택아이콘이미지 (30x30 로고정 ) 친구목록 BackgroundStyel3 ( 친구목록배경 ) 또는 background-color or 배경색상 (960x960 사이즈권장 ) SearchBarStyle1 ( 검색바 ) ( 세로 44px 고정 ) -ios-searchbartextfield-backgroundimage 검색입력박스 ( 세로 31px 고정 )

종류스타일명요소설명 -ios-searchbartextfield-leftviewimage 검색아이콘 (15x15 사이즈고정 ) TableViewSectionHeaderS tyle1 ( 친구목록섹션타이틀영역 ) -ios-text-margin 글자위치여백 TableViewCellStyle1-1 ( 친구목록셀영역 ) border-color -ios-normalbackground-color 셀영역하단 Border 색상 셀영역배경색상 -ios-normalbackground-alpha 셀영역배경색상투명도 -ios-selectedbackground-color 셀선택시영역배경색상 -ios-selectedbackground-alpha 셀선택시영역배경색상투명도 -ios-newcomerbackground-color 새친구셀영역배경색상 -ios-newcomerbackground- 새친구셀영역배경색상투명도 alpha -ios-highlight-textcolor 셀선택시 -ios-status-messagebackground-image 상태메시지 -ios-status-messagetext-color 상태메시지 -ios-status-messagetext- edgeinsets 상태메시지텍스트영역상 / 하, 좌 / 우여백조정값 채팅목록 BackgroundStyle4 ( 채팅목록배경 ) 또는 background-color or 배경색상 (960x960 사이즈권장 ) TableViewCellStyle2-1 ( 채팅목록셀영역 ) border-color 셀영역하단 Border 색상

종류 스타일명 요소 설명 ( 채팅목록셀영역 ) -ios-normalbackground-color 셀영역배경색상 -ios-normalbackground-alpha 셀영역배경색상투명도 -ios-selectedbackground-color 셀선택시영역배경색상 -ios-selectedbackground-alpha 셀선택시영역배경색상투명도 -ios-highlight-textcolor 셀선택시 -ios-time-text-color 시간 -ios-detail-text-color 마지막메세지 DefaultProfileStyle1 ( 대화방썸네일이미지 ) -ios-profile-smallimage 1:1 대화방썸네일이미지 (32x32 로사이즈고정 ) -ios-groupchat-smallimage 그룹대화방썸네일이미지 (32x32 로사이즈고정 ) -ios-profile-largeimage 큰썸네일이미지 (110x110 로사이즈고정 ) 친구추천목록 BackgroundStyel6 ( 친구목록배경 ) 또는 background-color or 배경색상 TableViewSectionHeaderS tyle2 -ios-text-margin 글자위치여백 더보기 MoreBackgroundStyle1 ( 친구목록배경 ) 또는 background-color or 배경색상 (960x960 사이즈권장 ) MoreCellStyle1 ( 더보기셀영역 ) border-color -ios-normalbackground-color 셀영역하단 Border 색상 셀영역배경색상 -ios-normalbackground-alpha 셀영역배경색상투명도

종류스타일명요소설명 -ios-selectedbackground-color 셀선택시영역배경색상 -ios-selectedbackground-alpha 셀선택시영역배경색상투명도 -ios-highlight-textcolor 셀선택시 MoreIconSetStyle1 ( 더보기아이콘 ) -ios-account-iconimage 카카오계정 (36x35 로고정 ) -ios-notice-iconimage 공지사항아이콘 (36x35 로고정 ) -ios-settings-iconimage 설정아이콘 (36x35 로고정 ) -ios-giftshop-iconimage 선물하기아이콘 (36x35 로고정 ) -ios-itemstore-iconimage 아이템스토어아이콘 (36x35 로고정 ) -ios-plusfriend-iconimage 플러스친구아이콘 (36x35 로고정 ) -ios-gamecenter-iconimage 게임하기아이콘 (36x35 로고정 ) 채팅방 BackgroundStyle5 ( 채팅방배경 ) 또는 background-color or 배경색상 (960x960 사이즈권장 ) ChatMessageCellStyle1 ( 내말풍선 ) -ios-title-edgeinsets 텍스트영역여백조정 -ios-image-edgeinsets 이미지영역여백조정 ChatMessageCellStyle2 ( 상대방말풍선 ) -ios-title-edgeinsets 텍스트영역여백조정 -ios-image-edgeinsets 이미지영역여백조정 ChatMessageCellUserNa melabelstyle1 ( 상대방말풍선의유저이름 )

종류스타일명요소설명 ChatInputBarStyle1 ( 메시지입력창 ) -ios-plus-icon-image (320x38 로사이즈고정 ) + 버튼이미지 (26x28 로사이즈고정 ) 이모티콘이미지 (26x28 로사이즈고정 ) 키보드이미지 (26x28 로사이즈고정 ) ios-title-edgeinsets 타이틀영역여백조정값 -ios-emoticon-iconimage -ios-keyboard-iconimage ChatInputBarSendButton NormalStyle1 ( 세로 28px 고정 ) ( 전송버튼 Normal / 활성화상태 ) ChatInputBarSendButton DisableStyle1 ( 세로 28px 고정 ) ( 전송버튼 Disable / 비활성화상태 ) ios-title-edgeinsets 타이틀영역여백조정값 미니프로필 MiniProfileBackgroundSty le1 ( 미니프로필배경 ) ( 세로 224px 고정 ) MiniProfileMenuBarBackg roundstyle1 ( 미니프로필메뉴바배경 ) ( 세로 54px ~100px 사이로고정 ) MiniProfileUserNameLabe lstyle1 ( 미니프로필사용자이름 )

종류스타일명요소설명 MiniProfileStatusMessage LabelStyle1 ( 미니프로필상태메시지 ) MiniProfilePhoneNumber ButtonStyle1 ( 미니프로필전화번호버튼 ) MiniProfileButtonStyle1 ( 미니프로필하단버튼 ) MiniProfilePlusFriendHom ebuttonstyle1 ( 미니프로필플러스친구홈바로가기버튼 ) MiniProfilePlusFriendCou ntstyle1 ( 플러스친구미니프로필친구숫자 ) MiniProfileMenuBarAcces sorystyle1 ( 미니프로필메뉴바오르쪽메뉴버튼 ) -ios-arrow-icon-image -ios-gift-icon-image -ios-favorite-on-iconimage -ios-favorite-off-iconimage -ios-edit-icon-image -ios-close-icon-image ( 세로 25px 고정 ) ( 세로 44px 고정 ) (128x38 사이즈고정 ) 화살표이미지 (7x11 사이즈고정 ) ( 세로 21px 고정 ) 선물하기아이콘이미지 (36x54 로사이즈고정 ) 즐겨찾기 On 아이콘이미지 (36x54 로사이즈고정 ) 즐겨찾기 Off 아이콘이미지 (36x54 로사이즈고정 ) 편집아이콘이미지 (36x54 로사이즈고정 ) 닫기아이콘이미지 (36x54 로사이즈고정 )

종류스타일명요소설명 암호입력 PasscodeBackgroundStyle 1 ( 암호입력화면배경 ) 또는 background-color or 배경색상 (960x960 사이즈권장 ) PasscodeTitleLabelStyle1 ( 암호입력 텍스트 ) PasscodeDescLabelStyle1 ( 안내문구텍스트 ) PasscodeBulletAndKeypa dstyle1 ( 암호입력박스 ) -ios-bullet-image -ios-bulletbackground-image 입력시 Dot 이미지 (55x54 로사이즈고정 ) Input 박스이미지 (55x54 로사이즈고정 ) PasscodeBulletAndKeypa dstyle1 ( 키패드이미지, Normal 상태 ) -ios-keypad-number0- normal-image ~ -ios-keypad-number9- normal-image Normal 상태시숫자 0~9 키패드 (110x54 로사이즈고정 ) -ios-keypad-backnormal-image Normal 상태시지우기키패드 (110x54 로사이즈고정 ) -ios-keypad-cancelnormal-image -ios-keypad-blanknormal-image -ios-keypad-number0- highlight-image ~ -ios-keypad-number9- normal-image Normal 상태시취소키패드 (110x54로사이즈고정 ) Normal 상태시공백키패드 (110x54로사이즈고정 ) Pressed 상태시숫자 0~9 키패드 (110x54로사이즈고정 ) -ios-keypad-backhighlight-image Pressed 상태시지우기키패드 (110x54 로사이즈고정 ) -ios-keypad-cancelhighlight-image Pressed 상태시취소키패드 (110x54 로사이즈고정 )

종류스타일명요소설명 Pressed 상태시공백키패드 (110x54 로사이즈고정 ) 4. CSS 키값정의 카카오톡에서사용되는각스타일별로정의된 CSS 키값입니다. 구분적용부분예 -ios-(prefix)-image ( 이미지를늘려서사용할경우기준점을명시 ) tip : 0px, 0px 로명시할경우이미지를 기준점에서늘리지않고확대처리 : url('default.png'); : url('btn_2_yellow_u.png') 40px 0px; background-color 배경색상 background-color: #65464b; border-color 테이블셀의하단 border 색상 border-color: #bbe4d5; -ios-(prefix)-text-color 글자색상 : #ffffff; -ios-(prefix)-text-alpha 글자투명도 (0.0~1.0) : 0.2; -ios-keypad-blankhighlight-image -ios-(prefix)-text-shadowoffset -ios-(prefix)-edgeinsets -ios-(prefix)-margin 글자그림자좌표 (x,y) 버튼타이틀영역의여백크기 (top, left, bottom, right) 테이블셀섹션헤더영역에여백크기 -ios-text-shadow-offset: 1px 1px; -ios-title-edgeinsets: 1px 1px 1px 1px; -ios-image-edgeinsets: 5px 6px 6px 10px; -ios-text-margin: 15px 0px; 5. 테마수정하기 샘플테마를다운로드하신후확장자를 *.ktheme 에서 zip 으로변경하시면압축을푸실수있습니다. 해당패키지의압축을푸신후에는 CSS 파일과 Images 디렉토리로구성이되어진것을확인하실수있습니다. 후에테마를제작하거나배포시에도수정후 zip 파일로압축을하신후확장자를.ktheme 로변경하셔야테마를정상적으로적용하실수있습니다. (1) 테마이름바꾸기 KakaoTalk.css 파일의최상단에있는 ManifestStyle 의요소에테마이름, 테마버전, 테마 URL, 제작자이름등붉은색으로표시된부분을자신이제작한테마에맞게수정하시면됩니다. 해당요소는카카오톡앱의 더보기 > 설정 > 테마설정 화면에그대로표시됩니다.

ManifestStyle { -kakaotalk-theme-name: url('softwork 테마 '); -kakaotalk-theme-version: url('1.0.0'); -kakaotalk-theme-url: url('http://www.kakao.com'); -kakaotalk-author-name: url('kakao Corp.'); } (2) 이미지수정하기상단의리소스표를참조하셔서, 변경하고자하는이미지를동일한파일명으로교체하실수있습니다. 아이폰확대가능한이미지사용하는방법 (a) stretchable image - css 에좌표를기술할때는 3gs 크기기준으로기술합니다. 늘릴수있는이미지로, 대표적인예가말풍선입니다. 이미지사이즈를최소로줄여주고, 앱의용량도줄여주며안드로이드의 9-patch 와비슷한개념입니다. 최소크기의한개이미지로다양한크기표현이가능하며, 좌표를지정해주면그점이외의공간은고정되며, 지정한좌표에해당하는이미지영역만늘어납니다. 좌표를가로, 세로모두지정한경우 : 해당경우는말풍선에만해당하며, 말풍선안에들어가는컨텐츠의양에따라서상하좌우로늘어납니다. 좌표를한쪽만지정한경우 : 보통가로사이즈만수치를입력하며세로사이즈를 0 으로입력하면고정되므로, 이미지가가로로만늘어납니다.

좌표를지정하지않는경우 ( 세로사이즈를강제하는경우 ) : 좌표를입력하지않아도, 해당이미지의가장가운데 1px 을늘어나는영역으로인식하고늘립니다. 가로로만늘어나며, 세로사이즈는반드시제시한사이즈로이미지를만들어야합니다. (b) 말풍선의텍스트영역 늘어나는좌표와는별개로말풍선안에텍스트가균형있게들어갈수있도록텍스트영역을지정해주어야합니다. 텍스트와말풍선의마진이상하좌우균형을이룰수있도록지정하는것이좋습니다. 6. 테마적용하기 (1) 사파리에서적용하기 (a) 테마수정이완료된후 KakaoTalk.css 파일과이미지파일들을 zip 파일로압축합니다. (b) zip 파일의확장자를.ktheme 로변경합니다. (c) ktheme 로압축된패키징파일을외부에서다운로드할수있는곳에올려주세요. ( 예 : 네이버 or 다음카페, 개인블로그등 ) (d) 업로드한 URL 을사파리에주소창에입력또는업로드된파일을클릭하시면카카오톡으로열기버튼이활성화됩니다.

(f) 카카오톡으로열기버튼을누르시면카카오톡이실행이되며테마가설치됩니다. (2) 아이튠즈동기화로적용하기 (a) 아이폰을컴퓨터와연결하신후파일공유목록에서카카오톡을선택합니다.

(b) 추가버튼을누르신후아이폰에업로드할테마파일을선택해주세요. (c) 해당테마업로드완료후동기화후에카카오톡을실행해주세요. 더보기 > 설정 > 테마설정 의좌측상단의 [ 불러오기 ] 버튼을클릭하시면테마가설치됩니다.

7. 참조 테마스타일전체 Spec 구분요소설명 ManifestStyle BackgroundStyle LabelStyle -kakaotalk-theme-name -kakaotalk-theme-version -kakaotalk-theme-url -kakaotalk-author-name (960x960 사이즈권장 ) -ios-text-shadow-offset -ios-text-shadow-color -ios-text-shadow-alpha 테마에대한기본정보. ( 테마목록에표시됨 ) ( 테마이름, 버젼, URL, 제작자이름 ) 화면 문자열의스타일지정 ( 글자색상, 투명도, 쉐도우스타일 ) ButtonStyle -ios-text-shadow-offset -ios-text-shadow-color -ios-text-shadow-alpha -ios-title-edgeinsets 버튼스타일지정 (, 글자색상, 글자투명도, 쉐도우스타일, 글자여백 )

TextFieldStyle (TextFieldStyle1 : 세로 54px 고정 ) (TextFieldStyle2 : 세로 45px 고정 ) 입력필드스타일지정 - 예 ) 이름, 상태메시지등한줄에해당되는문자열입력부분 (, 글자색상 ) SearchBarStyle ( 세로 44px 고정 ) -ios-searchbar-textfield-background-image ( 세로 31px 고정 ) -ios-searchbar-textfield-leftview-image (15x15 사이즈고정 ) 검색바스타일지정 - 예 ) 친구목록검색입력부분 ( 글자색상,, 입력필드, 아이콘이미지 ) TableViewStyle -ios-table-separator-color 그룹스타일테이블뷰 Border 색상지정 - 예 ) 친구목록, 채팅목록, 설정등 TableViewCellStyle TableViewSectionHeade rstyle border-color -ios-highlight-text-color -ios-highlight-text-alpha -ios-detail-text-color -ios-detail-text-alpha -ios-detail-highlight-text-color -ios-detail-highlight-text-alpha -ios-normal-background-color -ios-normal-background-alpha -ios-selected-background-color -ios-selected-background-alpha ( 친구목록에서만사용 ) -ios-newcomer-background-color -ios-newcomer-background-alpha -ios-status-message-background-image -ios-status-message-text-color -ios-status-message-text-alpha -ios-status-message-text-edgeinsets ( 채팅목록에서만사용 ) -ios-time-text-color -ios-time-text-alpha -ios-text-shadow-color -ios-text-shadow-alpha -ios-text-margin (border 색상, border 스타일 ) 테이블셀 ( 리스트각요소 ) 스타일지정 - 예 ) 친구목록, 채팅목록등각리스트형목록들의 Row 에해당되는스타일 (Border 색상, 글자색상,, 액세서리이미지 (">")) 테이블섹션헤더 ( 셀상단에표시되는섹션영역 ) 스타일지정 - 예 ) 설정화면섹션타이틀영역 ( 글자색상, 쉐도우스타일, 여백크기, )

NavigationBarStyle NavigationItemTitleStyle MiniProfileBackgroundSt yle MiniProfileMenuBarBack groundstyle MiniProfileUserNameLa belstyle MiniProfileStatusMessag elabelstyle MiniProfileButtonStyle MiniProfilePlusFriendHo mebuttonstyle MiniProfilePhoneNumbe rbuttonstyle MiniProfilePlusFriendCo untstyle background-color ( 세로 45px 고정 ) -ios-text-shadow-offset -ios-text-shadow-color -ios-text-shadow-alpha ( 세로 224px 고정 ) ( 세로 54px~100px 사이로고정 ) -ios-text-shadow-offset -ios-text-shadow-color -ios-text-shadow-alpha -ios-text-shadow-color -ios-text-shadow-offset ( 세로 44px 고정 ) (128x38 사이즈고정 ) -ios-arrow-icon-image (7x11 사이즈고정 ) ( 세로 25px 고정 ) ( 세로 21px 고정 ) 상단네비게이션영역스타일지정 ( 배경색상, ) 상단네비게이션타이틀텍스트스타일지정 ( 글자색상, 투명도, 쉐도우스타일 ) 미니프로필전체지정 미니프로필상단메뉴바지정 미니프로필좌측사용자이름텍스트스타일지정 ( 글자색상, 쉐도우스타일 ) 미니프로필좌측상태메시지텍스트스타일지정 ( 글자색상 ) 미니프로필하단버튼스타일지정 ( 텍스트스타일및 ) 플러스친구미니프로필홈바로가기버튼스타일지정 ( 텍스트스타일및 ) 미니프로필 ( 보이스톡사용자 ) 전화번호버튼스타일지정 ( 텍스트스타일및 ) 플러스친구미니프로필친구숫자부분스타일지정 ( 텍스트스타일및 )

MiniProfileMenuBarAcce ssorystyle -ios-gift-icon-image -ios-favorite-on-icon-image -ios-favorite-off-icon-image -ios-edit-icon-image -ios-close-icon-image ( 전체 36x54 로사이즈고정 ) 미니프로필상단메뉴바영역버튼 4 개스타일지정 ( 선물하기, 즐겨찾기, 편집, 닫기버튼 ) MoreBackgroundStyle background-color 더보기배경색상스타일지정 MoreCellStyle border-color 더보기상단버튼스타일지정 MoreIconSetStyle PasscodeBackgroundSty le PasscodeTitleLabelStyle PasscodeDescLabelStyle PasscodeBulletAndKeyp adstyle -ios-highlight-text-color -ios-normal-background-color -ios-selected-background-color -ios-account-icon-image -ios-notice-icon-image -ios-settings-icon-image -ios-giftshop-icon-image -ios-itemstore-icon-image -ios-plusfriend-icon-image -ios-gamecenter-icon-image ( 전체 36x35 로고정 ) background-color (960x960 사이즈권장 ) -ios-text-shadow-offse -ios-text-shadow-color -ios-text-shadow-alpha -ios-text-shadow-offset -ios-text-shadow-color -ios-text-shadow-alpha -ios-bullet-image (55x54 로사이즈고정 ) -ios-bullet-background-image (55x54 로사이즈고정 ) -ios-keypad-(0~9, back, undo)-image (110x54 로사이즈고정 ) (border 색상, 텍스트및배경색상 더보기상단버튼아이콘지정 ( 카카오계정, 내프로필, 공지사항, 설정, 선물하기, 아이템스토어, 플러스친구아이콘 ) 암호잠금배경스타일지정 ( 색상, 이미지중택 1) 암호잠금상단메인타이틀텍스트스타일지정 ( 글자색상, 투명도, 쉐도우스타일 ) 암호잠금상단서브타이틀텍스트스타일지정 ( 글자색상, 투명도, 쉐도우스타일 ) 암호잠금 Input 영역스타일지정 ( 입력시 Dot 이미지, Input 영역 )

ChatInputBarSendButto nnormalstyle ChatInputBarStyle (26x28 로사이즈고정 ) -ios-text-shadow-alpha -ios-text-shadow-color -ios-text-shadow-offset -ios-title-edgeinsets (320x38 로사이즈고정 ) -ios-plus-icon-image ( 세로 28px 고정 ) -ios-emoticon-icon-image ( 세로 28px 고정 ) -ios-keyboard-icon-image ( 세로 28px 고정 ) 채팅방메시지전송버튼스타일 (, 텍스트스타일 ) 채팅방메시지입력부분아이콘및지정 (, + 버튼, 이모티콘버튼, 키보드버튼이미지 ) ChatMessageCellStyle ChatMessageCellUserNa melabelstyle TabBarTitleStyle TabBarItemStyle -ios-selected-background-image -ios-selected-text-color -ios-title-edgeinsets -ios-image-edgeinsets -ios-text-shadow-color -ios-text-shadow-alpha -ios-text-shadow-offset -ios-text-shadow-offset -ios-selected-text-color -ios-selected-text-alpha -ios-selected-text-shadow-offset (320x49 로사이즈고정 ) -ios-selection-indicator-image (78x44 로사이즈고정 ) -ios-friends-normal-icon-image -ios-chats-normal-icon-image -ios-recommendees-normal-icon-image -ios-more-normal-icon-image -ios-friends-selected-icon-image -ios-chats-selected-icon-image -ios-recommendees-selected-icon-image -ios-more-selected-icon-image ( 아이콘이미지 30x30 로고정 ) 채팅방수신 / 발신메시지스타일지정 ( 말풍선배경일반 / 선택시, 일반 / 선택시, 텍스트영역 EdgeInset, 이미지영역 EdgeInset) 채팅방수신메시지의발신자이름부분스타일지정 ( 글자색상, 투명도, 쉐도우스타일 ) 탭바텍스트스타일지정 ( 글자색상, 투명도, 쉐도우스타일 ) 탭바및아이콘스타일지정 (, 선택시 Indicator 이미지, 아이콘일반 / 선택시이미지 )

DefaultProfileStyle -ios-profile-small-image (32x32 로사이즈고정 ) -ios-profile-large-image (110x110 로사이즈고정 ) -ios-groupchat-small-image (32x32 로사이즈고정 ) 프로필썸네일이미지스타일 ( 친구목록, 챗방등에서보이는사용자프로핌썸네일이미지들 )