From Design pattern
Jump to: navigation, search
(→‎Sample Main)
(→‎Sample Main)
Line 1: Line 1:
 
==Sample Main==
 
==Sample Main==
−
 
+
<!-- 1첫번째 이미지 그룹 시작-->
−
<table width="100%" border="0" cellspacing="0" cellpadding="0">
+
<ul class="gallery mw-gallery-traditional" style="max-width: 3060px;_width: 3060px;">
−
  <tr>
+
<!--1번 -->
−
    <td rowspan="2" class="mw-icon-main-deal"></td>
+
<li class="gallerybox" style="width: 247px">
−
    <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Dealing_With_Data Dealing With Data]</td>
+
<div  align="center" style="width: 247px">
−
    <td rowspan="2" class="mw-icon-main-input"></td>
+
<div class="thumb" style="width: 181px;">
−
    <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Getting_Input Getting Input]</td>
+
<div style="margin:10px auto;">
−
    <td rowspan="2"  class="mw-icon-main-nav"></td>
+
[[File:Eample_01.png|160px]]
−
    <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Navigation Navigation]</td>
+
</div>
−
  </tr>
+
</div>
−
  <tr>
+
<div class="gallerytext">
−
    <td class="mw-icon-detail">다양한 행동을 통해 데이터를 검색, 수정, 저장, 변환하는 IX Patterns</td>
+
<p>
−
    <td class="mw-icon-detail">다양한 행동을 통해 명령을 실행하거나 내용을 입력하는 IX Patterns</td>
+
[[Guide_what_to_do|Guide what to do]]
−
    <td class="mw-icon-detail">한 화면에서 다른 화면으로 이동하거나 정보를 빨리 찾아가도록 도와주는 IX Patterns</td>
+
<br />원하는 것에 대한 가이드 입니다.<br /></p>
−
  </tr>
+
</div>
−
  <tr>
+
</div>
−
    <td rowspan="2" class="mw-icon-main-manip"></td>
+
</li>
−
    <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Manipulation Manipulation]</td>
+
<!--2번 -->
−
    <td rowspan="2" class="mw-icon-main-noft"></td>
+
<li class="gallerybox" style="width: 247px">
−
    <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Notification Notification]</td>
+
<div  align="center" style="width: 247px">
−
    <td rowspan="2" class="mw-icon-main-screen"></td>
+
<div class="thumb" style="width: 181px;">
−
    <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Screen_Interaction Screen Interaction]</td>
+
<div style="margin:10px auto;">
−
  </tr>
+
[[File:Eample_02.png|160px]]
−
  <tr>
+
</div>
−
    <td class="mw-icon-detail">기기를 조작하거나 무엇인가를 통하여 다른 것을 조작하는 IX Patterns</td>
+
</div>
−
    <td class="mw-icon-detail">Task를 잘 수행할 수 있도록 알려주고 안내해주는 IX Patterns</td>
+
<div class="gallerytext">
−
    <td class="mw-icon-detail">행동에 따라 Screen안의 형체가 움직이거나 변화하는 IX Patterns</td>
+
<p>
−
  </tr>
+
[[Guide_what_to_do|Guide what to do]]
−
  <tr>
+
<br />원하는 것에 대한 가이드 입니다.<br /></p>
−
    <td rowspan="2" class="mw-icon-main-voice"></td>
+
</div>
−
    <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Voice_&_Bio_Interaction Voice & Bio Interaction]</td>
+
</div>
−
    <td rowspan="2" class="mw-icon-main-mix"></td>
+
</li>
−
    <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Mixed_Reality Mixed Reality]</td>
+
<!--3번 -->
−
    <td rowspan="2" class="mw-icon-main-reco"></td>
+
<li class="gallerybox" style="width: 247px">
−
    <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Context_Recognition Context Recognition]</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_03.png|160px]]
−
    <td class="mw-icon-detail">다양한 기술이 결합되어 가상의 이미지 또는 특정 상황을 현실감 있게 나타내는 IX Patterns</td>
+
</div>
−
    <td class="mw-icon-detail">다른 기기의 정보 또는 주변 환경 정보를  인식하여 이루어지는 IX Patterns
+
</div>
−
</td>
+
<div class="gallerytext">
−
  </tr>
+
<p>
−
</table>  
+
[[Guide_what_to_do|Guide what to do]]
−
<br><br>
+
<br />원하는 것에 대한 가이드 입니다.<br /></p>
−
<span class="mw-recent-addition">Recent addition</span>
+
</div>
−
<!--
+
</div>
−
<p class="mw-form-select-category">{{#input:type=select|class=mw-select-category|value|
+
</li>
−
*All Category
+
<!--4번 -->
−
*Deal with Data
+
<li class="gallerybox" style="width: 247px">
−
*Getting Input
+
<div  align="center" style="width: 247px">
−
*Navigation
+
<div class="thumb" style="width: 181px;">
−
*Manipulation
+
<div style="margin:10px auto;">
−
*Notifications
+
[[File:Eample_04.png|160px]]
−
*Screen Interaction
+
</div>
−
*Voice & Bio Interaction
+
</div>
−
*Mixed Reality
+
<div class="gallerytext">
−
*Recognition
+
<p>
−
}}</p>
+
[[Guide_what_to_do|Guide what to do]]
−
-->
+
<br />원하는 것에 대한 가이드 입니다.<br /></p>
−
<DynamicPageList>
+
</div>
−
count=6
+
</div>
−
namespace=content
+
</li>
−
imagewidth=212
+
<!--5번 -->
−
imageheight=151
+
<li class="gallerybox" style="width: 247px">
−
imagesperrow=12
+
<div  align="center" style="width: 247px">
−
mode=gallery
+
<div class="thumb" style="width: 181px;">
−
</DynamicPageList>
+
<div style="margin:10px auto;">
−
<center><div class="btn-more">MORE</div></center>
+
[[File:Eample_05.png|160px]]
−
<div class="more-article-page">
+
</div>
−
<DynamicPageList>
+
</div>
−
count=12
+
<div class="gallerytext">
−
namespace=content
+
<p>
−
imagewidth=212
+
[[Guide_what_to_do|Guide what to do]]
−
imageheight=151
+
<br />원하는 것에 대한 가이드 입니다.<br /></p>
−
imagesperrow=12
+
</div>
−
mode=gallery
+
</div>
−
</DynamicPageList>
+
</li>
−
</div>
+
<!--6번 -->
−
 
+
<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_06.png|160px]]
 +
</div>
 +
</div>
 +
<div class="gallerytext">
 +
<p>
 +
[[Guide_what_to_do|Guide what to do]]
 +
<br />원하는 것에 대한 가이드 입니다.<br /></p>
 +
</div>
 +
</div>
 +
</li>
 +
</ul>
 
<!-- 1첫번째 이미지 그룹 끝-->
 
<!-- 1첫번째 이미지 그룹 끝-->
 
<!-- 2첫번째 이미지 그룹 시작-->
 
<!-- 2첫번째 이미지 그룹 시작-->

Revision as of 11:53, 15 May 2014

Sample Main

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