From Design pattern
Jump to: navigation, search
(Created page with " <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td rowspan="2" class="mw-icon-main-deal"></td> <td class="mw-icon-title">[http://www.ixpattern...")
 
(→‎Sample Main)
 
(12 intermediate revisions by one user not shown)
Line 1: Line 1:
−
<table width="100%" border="0" cellspacing="0" cellpadding="0">
+
==Sample Main==
−
  <tr>
+
<!-- 1첫번째 이미지 그룹 시작-->
−
    <td rowspan="2" class="mw-icon-main-deal"></td>
+
<ul class="gallery mw-gallery-traditional" style="max-width: 3060px;_width: 3060px;">
−
    <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Dealing_With_Data Dealing With Data]</td>
+
<!--1번 -->
−
    <td rowspan="2" class="mw-icon-main-input"></td>
+
<li class="gallerybox" style="width: 247px">
−
    <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Getting_Input Getting Input]</td>
+
<div  align="center" style="width: 247px">
−
    <td rowspan="2"  class="mw-icon-main-nav"></td>
+
<div class="thumb" style="width: 181px;">
−
    <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Navigation Navigation]</td>
+
<div style="margin:10px auto;">
−
  </tr>
+
[[File:Eample_01.png|160px]]
−
  <tr>
+
</div>
−
    <td class="mw-icon-detail">다양한 행동을 통해 데이터를 검색, 수정, 저장, 변환하는 IX Patterns</td>
+
</div>
−
    <td class="mw-icon-detail">다양한 행동을 통해 명령을 실행하거나 내용을 입력하는 IX Patterns</td>
+
<div class="gallerytext">
−
    <td class="mw-icon-detail">한 화면에서 다른 화면으로 이동하거나 정보를 빨리 찾아가도록 도와주는 IX Patterns</td>
+
<p>
−
  </tr>
+
[[Activate_function|Activate function]]
−
  <tr>
+
<br />엑티브 펑션입니다.<br /></p>
−
    <td rowspan="2" class="mw-icon-main-manip"></td>
+
</div>
−
    <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Manipulation Manipulation]</td>
+
</div>
−
    <td rowspan="2" class="mw-icon-main-noft"></td>
+
</li>
−
    <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Notification Notification]</td>
+
<!--2번 -->
−
    <td rowspan="2" class="mw-icon-main-screen"></td>
+
<li class="gallerybox" style="width: 247px">
−
    <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Screen_Interaction Screen Interaction]</td>
+
<div  align="center" style="width: 247px">
−
  </tr>
+
<div class="thumb" style="width: 181px;">
−
  <tr>
+
<div style="margin:10px auto;">
−
    <td class="mw-icon-detail">기기를 조작하거나 무엇인가를 통하여 다른 것을 조작하는 IX Patterns</td>
+
[[File:Eample_02.png|160px]]
−
    <td class="mw-icon-detail">Task를 잘 수행할 수 있도록 알려주고 안내해주는 IX Patterns</td>
+
</div>
−
    <td class="mw-icon-detail">행동에 따라 Screen안의 형체가 움직이거나 변화하는 IX Patterns</td>
+
</div>
−
  </tr>
+
<div class="gallerytext">
−
  <tr>
+
<p>
−
    <td rowspan="2" class="mw-icon-main-voice"></td>
+
[[Enter_by_gesture|Enter by gesture]]
−
    <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Voice_&_Bio_Interaction Voice & Bio Interaction]</td>
+
<br />엔터 바이 제스추어입니다.<br /></p>
−
    <td rowspan="2" class="mw-icon-main-mix"></td>
+
</div>
−
    <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Mixed_Reality Mixed Reality]</td>
+
</div>
−
    <td rowspan="2" class="mw-icon-main-reco"></td>
+
</li>
−
    <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Context_Recognition Context Recognition]</td>
+
<!--3번 -->
−
  </tr>
+
<li class="gallerybox" style="width: 247px">
−
  <tr>
+
<div  align="center" style="width: 247px">
−
    <td class="mw-icon-detail">목소리나 생체 정보를 인식하여 기기를 작동시키거나 피드백을 받는 IX Patterns</td>
+
<div class="thumb" style="width: 181px;">
−
    <td class="mw-icon-detail">다양한 기술이 결합되어 가상의 이미지 또는 특정 상황을 현실감 있게 나타내는 IX Patterns</td>
+
<div style="margin:10px auto;">
−
    <td class="mw-icon-detail">다른 기기의 정보 또는 주변 환경 정보를  인식하여 이루어지는 IX Patterns
+
[[File:Eample_03.png|160px]]
−
</td>
+
</div>
−
  </tr>
+
</div>
−
</table>  
+
<div class="gallerytext">
−
<br><br>
+
<p>
−
<span class="mw-recent-addition">Recent addition</span>
+
[[Horizontal_carousel|Horizontal carousel]]
−
 
+
<br />호리젠탈 카솔입니다.<br /></p>
−
 
+
</div>
−
<gallery>
+
</div>
−
 
+
</li>
−
File:Eample_01.png
+
<!--4번 -->
−
File:Eample_02.png
+
<li class="gallerybox" style="width: 247px">
−
File:Eample_03.png
+
<div  align="center" style="width: 247px">
−
File:Eample_04.png
+
<div class="thumb" style="width: 181px;">
−
File:Eample_05.png
+
<div style="margin:10px auto;">
−
File:Eample_06.png
+
[[File:Eample_04.png|160px]]
−
File:Eample_07.png
+
</div>
−
File:Eample_08.png
+
</div>
−
File:Eample_09.png
+
<div class="gallerytext">
−
File:Eample_10.png
+
<p>
−
File:Eample_11.png
+
[[Manipulate_by_mirroring_user|Manipulate by mirroring user]]
−
File:Eample_12.png
+
<br />미러링 유저입니다.<br /></p>
−
 
+
</div>
−
</gallery>
+
</div>
−
 
+
</li>
−
 
+
<!--5번 -->
−
 
+
<li class="gallerybox" style="width: 247px">
−
<!--
+
<div  align="center" style="width: 247px">
−
<p class="mw-form-select-category">{{#input:type=select|class=mw-select-category|value|
+
<div class="thumb" style="width: 181px;">
−
*All Category
+
<div style="margin:10px auto;">
−
*Deal with Data
+
[[File:Eample_05.png|160px]]
−
*Getting Input
+
</div>
−
*Navigation
+
</div>
−
*Manipulation
+
<div class="gallerytext">
−
*Notifications
+
<p>
−
*Screen Interaction
+
[[Guide_what_to_do|Guide what to do]]
−
*Voice & Bio Interaction
+
<br />원하는 것에 대한 가이드 입니다.<br /></p>
−
*Mixed Reality
+
</div>
−
*Recognition
+
</div>
−
}}</p>
+
</li>
−
-->
+
<!--6번 -->
−
<DynamicPageList>
+
<li class="gallerybox" style="width: 247px">
−
count=6
+
<div  align="center" style="width: 247px">
−
namespace=content
+
<div class="thumb" style="width: 181px;">
−
imagewidth=212
+
<div style="margin:10px auto;">
−
imageheight=151
+
[[File:Eample_06.png|160px]]
−
imagesperrow=12
+
</div>
−
mode=gallery
+
</div>
−
</DynamicPageList>
+
<div class="gallerytext">
 +
<p>
 +
[[Mirroring|Mirroring]]
 +
<br />미러링입니다.<br /></p>
 +
</div>
 +
</div>
 +
</li>
 +
</ul>
 +
<!-- 1첫번째 이미지 그룹 끝-->
 +
<!-- 2첫번째 이미지 그룹 시작-->
 
<center><div class="btn-more">MORE</div></center>
 
<center><div class="btn-more">MORE</div></center>
 
<div class="more-article-page">
 
<div class="more-article-page">
−
<DynamicPageList>
+
<ul class="gallery mw-gallery-traditional" style="max-width: 3060px;_width: 3060px;">
−
count=12
+
<!--7번 -->
−
namespace=content
+
<li class="gallerybox" style="width: 247px">
−
imagewidth=212
+
<div  align="center" style="width: 247px">
−
imageheight=151
+
<div class="thumb" style="width: 181px;">
−
imagesperrow=12
+
<div style="margin:10px auto;">
−
mode=gallery
+
[[File:Eample_07.png|160px]]
−
</DynamicPageList>
+
</div>
 +
</div>
 +
<div class="gallerytext">
 +
<p>
 +
[[Face_recognition|Face recognition]]
 +
<br />얼굴입니다.<br /></p>
 +
</div>
 +
</div>
 +
</li>
 +
<!--8번 -->
 +
<li class="gallerybox" style="width: 247px">
 +
<div  align="center" style="width: 247px">
 +
<div class="thumb" style="width: 181px;">
 +
<div style="margin:10px auto;">
 +
[[File:Eample_08.png|160px]]
 +
</div>
 +
</div>
 +
<div class="gallerytext">
 +
<p>
 +
[[Synesthetic_feedback|Synesthetic_feedback]]
 +
<br />피드백에 관한 것 입니다.<br /></p>
 +
</div>
 +
</div>
 +
</li>
 +
<!--9번 -->
 +
<li class="gallerybox" style="width: 247px">
 +
<div  align="center" style="width: 247px">
 +
<div class="thumb" style="width: 181px;">
 +
<div style="margin:10px auto;">
 +
[[File:Eample_09.png|160px]]
 +
</div>
 +
</div>
 +
<div class="gallerytext">
 +
<p>
 +
[[Computer_vision|Computer vision]]
 +
<br />컴퓨터 비젼 입니다.<br /></p>
 +
</div>
 +
</div>
 +
</li>
 +
<!--10번 -->
 +
<li class="gallerybox" style="width: 247px">
 +
<div  align="center" style="width: 247px">
 +
<div class="thumb" style="width: 181px;">
 +
<div style="margin:10px auto;">
 +
[[File:Eample_10.png|160px]]
 +
</div>
 +
</div>
 +
<div class="gallerytext">
 +
<p>
 +
[[Realization|Realization]]
 +
<br />반응을 실현 합니다.<br /></p>
 +
</div>
 +
</div>
 +
</li>
 +
<!--11번 -->
 +
<li class="gallerybox" style="width: 247px">
 +
<div  align="center" style="width: 247px">
 +
<div class="thumb" style="width: 181px;">
 +
<div style="margin:10px auto;">
 +
[[File:Eample_11.png|160px]]
 +
</div>
 +
</div>
 +
<div class="gallerytext">
 +
<p>
 +
[[Recognize_passing_device|Recognize passing device]]
 +
<br />지나가는 것에 대한 반응입니다.<br /></p>
 +
</div>
 +
</div>
 +
</li>
 +
<!--12번 -->
 +
<li class="gallerybox" style="width: 247px">
 +
<div  align="center" style="width: 247px">
 +
<div class="thumb" style="width: 181px;">
 +
<div style="margin:10px auto;">
 +
[[File:Eample_12.png|160px]]
 +
</div>
 +
</div>
 +
<div class="gallerytext">
 +
<p>
 +
[[Recognize_weather|Recognize weather]]
 +
<br />날씨에 관한 것 입니다.<br /></p>
 +
</div>
 +
</div>
 +
</li>
 +
</ul>
 
</div>
 
</div>
 +
<!-- 2첫번째 이미지 그룹 끝-->

Latest revision as of 12:04, 15 May 2014

Sample Main

MORE
Retrieved from "http://www.ixpatterns.com/index.php?title=Sample_Main&oldid=98507"