default ui update (new design)

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@7633 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2010-08-20 07:35:23 +00:00
parent 8df081ba01
commit d4b67232cd
4 changed files with 153 additions and 3 deletions

View file

@ -0,0 +1,98 @@
<?xml version="1.0" encoding="UTF-8"?>
<layout version="0.2">
<title xml:lang="ko">XE 공식 사이트 모바일 레이아웃</title>
<title xml:lang="en">XE Official Mobile layout</title>
<title xml:lang="zh-CN">官方移动版布局</title>
<title xml:lang="zh-TW">XE Mobile 官方版面</title>
<description xml:lang="ko">
XE 공식 모바일 레이아웃입니다.
디자인, 퍼블리싱 : 전영선, 정찬명
레이아웃 제작 : haneul
</description>
<description xml:lang="en">
This layout is the XE Official website layout.
Design, HTML/CSS : Jeon Young-Seon, Jeong Chan-Myeong
Layout producer : haneul
</description>
<description xml:lang="zh-CN">
官方移动版布局。
Design, HTML/CSS : Jeon Young-Seon, Jeong Chan-Myeong
Layout producer : haneul
</description>
<description xml:lang="zh-TW">
XE Mobile 官方網站版面。
Design, HTML/CSS : Jeon Young-Seon, Jeong Chan-Myeong
Layout producer : haneul
</description>
<version>0.1</version>
<date>2010-08-20</date>
<link>http://xpressengine.com</link>
<author email_address="developers@xpressengine.com" link="http://xpressengine.com">
<name xml:lang="ko">XE</name>
<name xml:lang="en">XE</name>
<name xml:lang="zh-CN">XE</name>
<name xml:lang="zh-TW">XE</name>
</author>
<extra_vars>
<var name="index_title" type="text">
<title xml:lang="ko">홈페이지 Title</title>
<title xml:lang="en">Homepage Title</title>
<title xml:lang="zh-CN">网站标题</title>
<title xml:lang="zh-TW">首頁標題</title>
</var>
<var name="logo_image" type="image">
<title xml:lang="ko">로고이미지</title>
<title xml:lang="jp">ロゴイメージ</title>
<title xml:lang="zh-CN">LOGO图片</title>
<title xml:lang="zh-TW">Logo圖片</title>
<title xml:lang="en">Logo image</title>
<title xml:lang="ge">Logobildes</title>
<title xml:lang="ru">Изображения логотипа</title>
<title xml:lang="es">Imagen del logotipo</title>
<title xml:lang="vi">Hình Logo</title>
<description xml:lang="ko">레이아웃의 상단에 표시될 로고이미지를 입력하세요. (세로길이가 28px인 투명 이미지가 가장 어울립니다)</description>
<description xml:lang="jp">レイアウトの上段に表示されるロゴイメージを入力して下さい。 (縦幅が28pxである透明イメージをお勧めします。。)</description>
<description xml:lang="zh-CN">请输入显示在布局顶部的LOGO图片(高度为28px的透明图片为适)。</description>
<description xml:lang="zh-TW">請輸入要顯示在版面上端的 Logo 圖片。(適當高度為28px的透明圖片。)</description>
<description xml:lang="en">Please input a logo image which will be displayed on the top of layout. (Transparent image with height of 28px is recommended.)</description>
<description xml:lang="ge">Bitte geben Sie ein Logo das Bild wird auf dem oberen Layout. (Transparent Bild mit einer Höhe von 28px wird empfohlen).</description>
<description xml:lang="ru">Введите логотип изображение, которое будет отображаться в верхней части формы. (Прозрачный изображение с высотой 28px рекомендуется.)</description>
<description xml:lang="es">Ingresar una imagen para logotipo. ( Se recomienda una imagen de fondo transparente con una altura de 28px.</description>
<description xml:lang="vi">Hãy chọn Logo hiển thị phía trên cùng của giao diện. (Đề nghị: Hình ảnh có nền trong suốt và kích thước 28px.)</description>
</var>
<var name="index_url" type="text">
<title xml:lang="ko">홈 페이지 URL</title>
<title xml:lang="jp">ホームページURL</title>
<title xml:lang="zh-CN">主页地址</title>
<title xml:lang="zh-TW">主頁網址</title>
<title xml:lang="en">Homepage URL</title>
<title xml:lang="ge">Homepage URL</title>
<title xml:lang="ru">Домашняя страница URL</title>
<title xml:lang="es">URL de la página web</title>
<title xml:lang="vi">URL Trang chủ</title>
<description xml:lang="ko">로고를 클릭시에 이동할 홈 페이지 URL을 입력해 주세요.</description>
<description xml:lang="jp">ロゴをクリックした時に移動するホームページのURLを入力して下さい。</description>
<description xml:lang="zh-CN">点击网站LOGO时要移动的页面URL。</description>
<description xml:lang="zh-TW">請輸入當用戶按了網站 Logo 後,要前往的頁面網址。</description>
<description xml:lang="en">Please input the URL to redirect when user clicks the logo</description>
<description xml:lang="ge">Bitte geben Sie die URL umzuleiten, wenn Benutzer klickt das Logo</description>
<description xml:lang="ru">Пожалуйста, введите URL для перенаправления, когда пользователь нажимает логотип</description>
<description xml:lang="es">Ingresar el URL de la página web para redireccionar al pulsar el logotipo</description>
<description xml:lang="vi">Hãy nhập địa chỉ bạn muốn chuyển đến khi bấm vào Logo</description>
</var>
</extra_vars>
<menus>
<menu name="main_menu" maxdepth="3" default="true">
<title xml:lang="ko">상단 메뉴</title>
<title xml:lang="jp">上段用メニュー</title>
<title xml:lang="zh-CN">主菜单</title>
<title xml:lang="zh-TW">主選單</title>
<title xml:lang="en">Top menu</title>
<title xml:lang="ge">Top Menü</title>
<title xml:lang="ru">Верхнее меню</title>
<title xml:lang="es">Menú Principal</title>
<title xml:lang="vi">Menu trên</title>
</menu>
</menus>
</layout>

View file

@ -0,0 +1,28 @@
<!--%import("mx.css")-->
<div class="hd">
<!--@if($layout_info->logo_image)-->
<h1 class="h1"><a href="{$layout_info->index_url}"><img src="{$layout_info->logo_image}" alt="{$layout_info->logo_text}" /></a></h1>
<!--@elseif($layout_info->logo_text)-->
<h1 class="h1"><a href="{$layout_info->index_url}">{$layout_info->logo_text}</a></h1>
<!--@else-->
<h1 class="h1"><a href="{$layout_info->index_url}">Mobile XE</a></h1>
<!--@end-->
<!--@if($layout_info->menu->main_menu->menu_srl)-->
<!--@if($act=='dispMenuMenu')-->
<div class="fr"><button type="button" class="muon" onclick="history.back()">{$lang->cmd_back}</button></div>
<!--@else-->
<div class="fr"><a href="{getUrl('act','dispMenuMenu','menu_srl',$layout_info->menu->main_menu->menu_srl)}" class="mu">Menu</a></div>
<!--@end-->
<!--@end-->
</div>
{$content}
<ul class="ft">
<!--@if($is_logged)-->
<li class="fl"><a href="{getUrl('act','dispMemberLogout')}">{$lang->cmd_logout}</a></li>
<!--@elseif($act!='dispMemberLoginForm')-->
<li class="fl"><a href="{getUrl('act','dispMemberLoginForm')}">{$lang->cmd_login}</a></li>
<!--@end-->
<li class="fr"><a href="{getUrl('m',0)}">PC</a></li>
<li class="fr"><a href="{getUrl('act','dispModuleChangeLang','oldact',$act)}">LANG</a></li>
</ul>
<p class="cr">{$layout_info->index_title}</p>

24
m.layouts/default/mx.css Normal file
View file

@ -0,0 +1,24 @@
@charset "utf-8";
/* Mobile XE (/m.layouts/default/) */
body{margin:0;background:#fff;color:#000;word-wrap:break-word}
body,input,textarea,select,button,table{font-family:Tahoma,Geneva,sans-serif}
/* Common */
.fl{float:left}
.fr{float:right}
/* Header */
.hd{min-height:28px;line-height:28px;padding:6px;margin:0 0 1px 0;border-bottom:2px solid #f46e07;background:#444 -webkit-gradient(linear,0% 0%,0% 100%,from(#636363),to(#2d2d2d));background:#444 -moz-linear-gradient(top,#636363,#2d2d2d);zoom:1}
.hd:after{content:"";margin:0 -6px;position:relative;top:9px;display:block;clear:both;height:1px;background:#d04715}
.hd .h1{float:left;display:inline;color:#fff;font-size:24px;margin:0;font-weight:bold}
.hd .h1 a{color:#fff}
.hd .h1 img{border:0}
.hd .mu{display:inline-block;height:26px;line-height:26px;padding:0 10px;font-size:12px;font-weight:bold;color:#fff;border:1px solid #232323;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#1b1b1b -webkit-gradient(linear,0% 0%,0% 100%,from(#777),to(#373737),color-stop(0.5,#323232),color-stop(0.5,#1b1b1b));background:#1b1b1b -moz-linear-gradient(top,#777,#373737)}
.hd .mu:after{content:"";margin:0 0 0 3px;font-size:24px;vertical-align:middle;position:relative;top:-2px}
.hd .muon{cursor:pointer;display:inline-block;height:26px;line-height:26px;padding:0 10px;font-size:12px;font-weight:bold;color:#fff;border:1px solid #232323;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#1b1b1b -webkit-gradient(linear,0% 0%,0% 100%,from(#777),to(#373737),color-stop(0.5,#323232),color-stop(0.5,#1b1b1b));background:#1b1b1b -moz-linear-gradient(top,#777,#373737)}
.hd .muon:before{content:"";font-weight:bold;font-size:16px;line-height:16px;margin:0 2px 0 0;font-family:Verdana, Geneva, sans-serif}
/* Footer */
.ft{padding:0;margin:0;list-style:none;background:#868686;overflow:hidden;zoom:1}
.ft:after{content:"";display:block;clear:both}
.ft li{margin:0;padding:0;border:1px solid #9c9a99;border-top:0;border-bottom:0;margin:0 -1px;background:#868686}
.ft a{display:inline-block;padding:0 15px;color:#fff;text-shadow:0 0 2px #000;font-size:12px;font-weight:bold;line-height:32px;text-decoration:none}
/* Copyright */
.cr{margin:0;text-align:center;background:#f2f0ec;color:#494949;font-size:11px;line-height:26px}

View file

@ -1,11 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<layout version="0.2">
<title xml:lang="ko">XE 공식 사이트 모바일 레이아웃</title>
<title xml:lang="en">XE Official Mobile layout</title>
<title xml:lang="ko">XE 심플 그레이 레이아웃</title>
<title xml:lang="en">XE simple gray layout</title>
<title xml:lang="zh-CN">官方移动版布局</title>
<title xml:lang="zh-TW">XE Mobile 官方版面</title>
<description xml:lang="ko">
XE 공식 모바일 레이아웃입니다.
XE 심플 그레이 레이아웃입니다.
디자인, 퍼블리싱 : 정찬명
레이아웃 제작 : haneul
</description>