관리자 0 149 0 0


 

 

아따 심플하다 ㅋㅋ

일단 기본적인 레이아웃 및 개발이 완료가 되면 디자인은 차차 보완해 나갈 계획이다.

 

프레임워크는 jquery 모바일로 선택했다.

 

메인 퍼블리싱 소스공개

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
<head>
    <title>랜덤 채팅</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="Generator" content="EditPlus">
    <meta name="keywords" content="채팅,랜덤,만남,남자,여자,미팅">
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" charset="UTF-8"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
 
    <!-- JQUERY -->
    <link href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet">
    <link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
    <script src="//code.jquery.com/jquery.min.js"></script>
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
    <script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
 
    <!-- font-awesome ICON -->
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
 
    <!-- bootstrap -->
    <!--<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>-->
</head>
<body>
 
<div class="ui-body ui-body-a ui-corner-all">
    <h3><i class="fa fa-users" aria-hidden="true"></i> 랜덤 채팅</h3>
    <p>원하시는 취향의 사람과 채팅을 하세요.</p>
</div>
<div>
    <input type="text" name="id" placeholder="아이디">
    <input type="password" name="pw" placeholder="비밀번호">
    <fieldset class="ui-grid-a">
        <div class="ui-block-a"><input type="submit" value="로그인" data-theme="a"></div>
        <div class="ui-block-b"><input type="reset" value="회원가입" data-theme="b"></div>
    </fieldset>
</div>
 
</body>
</html>
cs

 

Comments


제목 글쓴이
랜덤 이성 채팅! 플레이 스토어 오픈! 관리자
플레이 스토어에 등록완료 관리자
apk 배포 ㄱㄱ   관리자
웹뷰 작업시작 관리자
게시판 개발 관리자
사진 첨부까지 완료 관리자
대화 프로그램 개발 관리자
본격적인 채팅 프로그램 개발 GOGO 관리자
로그인 , 로그아웃, 정보수정 작업완료 관리자
회원가입 페이지 관리자
채팅 어플리케이션 개발시작 - 로그인 페이지 관리자