U E D R , A S I H C RSS

2010JavaScript/역전재판 (rev. 1.10)

2010 Java Script/역전재판

html 파일

<html>
<head>
<title>역전재판</title>
<link rel='stylesheet' type='text/css' href='style.css' media='all'>
</head>
<body>
<div id='basewindow'>
그냥 배경화면임

	
	<div id='name'>
	이름임
	</div>
	<div id='text'>
	글자가 나오는 화면임. 혼잣말은
	<span class='think'>(span 을 사용했음)</span><br>
	키워드는 <span class='keyword'>키워드!!</span>요렇게 ㅎㅎ
	
	</div>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
에뮬레이터 화면크기의 x2 임.
</body>
</html>

css 파일

#basewindow {		/*기본 화면*/
width : 480px;
height : 320px;
background-color : black;
color : white;
position : absolute;
top : 0px;
left : 0px;
}
#text {		/*대화창*/
width : 460px;
height : 75px;
background-color : blue;
padding : 10px;
position : absolute;
top : 225px;
left : 0px;
}
#human {		/*사람 그림이 나올 화면*/
}
#name {		/*사람이름(텍스트 위에)*/
width : 90px;
height : 25px; 
background-color : gray;
position : absolute;
top : 200px;
left : 0px;
}
#chugoong {		/*좌상단의 추궁하기*/
}
#jesi{		/*우상단의 제시하기*/
}
#itembox {		/*제시하기를 눌렀을때 나오는 아이템 목록*/
}
#itempic {		/*아이템 목록 안의 아이템 그림*/
}
span.text {		/*대화창의 글자 속성을 지정*/
color : white;
}
span.think {		/*대화 중 주인공이 혼자 말할때의 속성을 지정*/
color : #FB84E9;
}
span.keyword {		/*키워드의 속성을 지정*/
color : red;
}
span.date { /*날짜와 장소 출력할 때의 속성*/
}

Valid XHTML 1.0! Valid CSS! powered by MoniWiki
last modified 2010-08-22 07:49:07
Processing time 1.2845 sec