Ignore:
Timestamp:
02/14/12 17:50:22 (13 years ago)
Author:
tjcschipper
Message:

Metro interface, selector werkt bijna! (Alleen move to dashboard nog niet, rest is prima (en de icons zijn lelijk).

File:
1 edited

Legend:

Unmodified
Added
Removed

  • Dev/branches/Cartis/Tiles preview/tiles1.html

    r258 r259  
    1212        <script type="text/javascript" src="js/jquery.js"></script>
    1313        <script type="text/javascript" src="js/jquery-ui.min.js"></script>
    14         <!--<script type="text/javascript" src="tileAnims.js"></script>-->
     14        <script src="js./nav.js"></script>
    1515    </head>
    1616    <body>
    … …  
    2424                </div>
    2525                <div class="breadcrumbs">     
    26               <!--      <img src="fakeBreadcrumbs.png"></div> -->
     26                </div>
     27            </div>
     28
     29            <div id="wrapper">
     30                <div id="content">
     31                    <div class="basePanel">
     32                        <div id="tiles" class="left3">
     33                            <div class="leftContainer">
     34                                <div id="tile1" class="tile" onclick="mockup.api.clickTile(this, 'dataSelection')"><div class="tileText">Create Dashboard</div></div>
     35                                <div id="tile2" class="tile"><div class="tileText">Templates</div></div>
     36                                <div id="tile3" class="tile"><div class="tileText">Edit content</div></div>
     37                                <div id="tile4" class="tile"><div class="tileText">Results</div></div>
     38                                <div id="tile5" class="tile"><div class="tileText">Log out</div></div>
     39                                <div id="tile6" class="tile"><div class="tileText">Help</div></div>
     40                                <div style="clear:both;"></div>
     41                            </div>
     42                        </div>
     43                        <div id="pageInfo" class="right1">
     44                            <div class="rightContainer">
     45                                <div id="descriptionTitle" class="descriptionText" >
     46                                    <div id="description" class="descriptionTitle">Description</div>   
     47                                    A description, welcome text or simple guide to operation goes here. This 1/4 screen block is consistently present in all interface screens, to show relevant information to the user or guide them through the process.
     48
     49
     50                                </div>
     51                            </div>
     52
     53                        </div>
     54                    </div>
     55                </div>
    2756
    2857            </div>
    29         </div>
    3058
    31         <div id="wrapper">
    32             <div id="content">
    33                 <div id="basePanel">
    34                     <div id="tiles" class="left3">
    35                         <div class="leftContainer">
    36                             <div id="tile1" class="tile"><div class="tileText">Browse sessions</div></div>
    37                             <div id="tile2" class="tile"><div class="tileText">Templates</div></div>
    38                             <div id="tile3" class="tile"><div class="tileText">Edit content</div></div>
    39                             <div id="tile4" class="tile"><div class="tileText">Results</div></div>
    40                             <div id="tile5" class="tile"><div class="tileText">Log out</div></div>
    41                             <div id="tile6" class="tile"><div class="tileText">Help</div></div>
    42                             <div style="clear:both;"></div>
     59            <!--          <div id="footerInfo">
     60                            asdasd
    4361                        </div>
    44                     </div>
    45                     <div id="pageInfo" class="right1">
    46                         <div class="rightContainer">
    47                             <div id="descriptionTitle" class="descriptionText" >
    48                                 <div id="description" class="descriptionTitle">Description</div>   
    49                                 A description, welcome text or simple guide to operation goes here. This 1/4 screen block is consistently present in all interface screens, to show relevant information to the user or guide them through the process.
    50 
    51 
    52                             </div>
    53                         </div>
    54 
    55                     </div>
    56                 </div>
    57             </div>
    58  
    59         </div>
    60 
    61 <!--          <div id="footerInfo">
    62                 asdasd
    63             </div>
    64 -->
    65 </body>
     62            -->
     63    </body>
    6664
    6765</html>
Note: See TracChangeset for help on using the changeset viewer.