diff --git a/site/demo.php b/site/demo.php index c251d40f..d598510f 100644 --- a/site/demo.php +++ b/site/demo.php @@ -20,9 +20,30 @@ require_once('inc/menu.i');

+
+
+
+ +

+ + +
+
+

Default style

+

+ +

+
+
+

Original style

+

+

+ + + diff --git a/site/features.php b/site/features.php index 6e64d204..57ab7108 100644 --- a/site/features.php +++ b/site/features.php @@ -29,16 +29,26 @@ require_once('inc/menu.i');

+ +

+ + + +

+ +

-
-
-
-
-what is coming next
+
+
+
+
+
+
+

diff --git a/site/images/style_default_tn.png b/site/images/style_default_tn.png new file mode 100644 index 00000000..b4bcfec7 Binary files /dev/null and b/site/images/style_default_tn.png differ diff --git a/site/images/style_original_tn.png b/site/images/style_original_tn.png new file mode 100644 index 00000000..78e82c57 Binary files /dev/null and b/site/images/style_original_tn.png differ diff --git a/site/inc/header.i b/site/inc/header.i index a488ce02..9301d241 100644 --- a/site/inc/header.i +++ b/site/inc/header.i @@ -10,6 +10,8 @@ window.onload=function(){ Nifty("ul#nav a","small transparent top"); Nifty("div#side",""); Nifty("div#downl",""); +Nifty("div#style1",""); +Nifty("div#style2",""); } diff --git a/site/inc/menu.i b/site/inc/menu.i index 0031eec3..80c5e54f 100644 --- a/site/inc/menu.i +++ b/site/inc/menu.i @@ -3,6 +3,7 @@

+
diff --git a/site/locales/en/properties b/site/locales/en/properties index 5f33ed4b..aa929c93 100644 --- a/site/locales/en/properties +++ b/site/locales/en/properties @@ -22,22 +22,29 @@ index.license=This program and the accompanying materials are made available und index.hosted=Project is hosted by SourceForge. features.price.title=Pricing -features.price= +features.price= features.main.title=Main features -features.main= +features.main= features.chat.title=Chat window features.chat= features.operator.title=Operator abilites -features.operator= -features.next.title=Nearest future (not ready yet) -features.next= +features.operator= +features.next.title=New in version 1.5 +features.next= + +features.requirements.title=Server requirements +features.requirements= + +features.browsers.title=Supported browsers +features.browsers= features.content.head=Content: demo.title=DEMO demo.click=Click this button: -demo.login=And/or login as administrator here (no password is required) : +demo.login=And login as administrator here (no password is required) : demo.application=Web Messenger Application +demo.styles=Click the following images to view different look and feels of the chat: downl.title=Latest downl.release=Release: diff --git a/site/locales/ru/properties b/site/locales/ru/properties index 02ba8546..ba68fd95 100644 --- a/site/locales/ru/properties +++ b/site/locales/ru/properties @@ -14,12 +14,12 @@ demo.application= tag.pagination.info=Страница {0} из {1}, показаны {2}-{3} из {4} demo.login=И войдите в систему как администратор (пароль не требуется) : menu.features=возможности -features.chat= +features.chat= features.chat.title=Окно диалога features.main.title=Основные возможности -features.main= +features.main= features.operator.title=Возможности операторов -features.operator= +features.operator= features.price= features.price.title=Стоимость index.license=В настоящее время Open Web Messenger выпускается под лицензией Eclipse Public License v1.0. @@ -34,3 +34,10 @@ downl.release= downl.nightly=Промежуточная: features.content.head=Содержание: downl.title=Последние версии +features.requirements.title=Технические требования к серверу +features.requirements= +features.browsers.title=Поддерживаемые браузеры +features.browsers= +features.next.title=Новое в версии 1.5 +features.next= +demo.styles=Нажмите на эти картинки, чтобы увидеть возможный вид окна диалога: diff --git a/site/styles.css b/site/styles.css index 4b15952f..ee4fcbaa 100644 --- a/site/styles.css +++ b/site/styles.css @@ -7,16 +7,24 @@ h3{font-size:130%} a {color:#533633;} div#header{width:95%;min-width:725px;min-height:120px;margin:0px 20px 0px;padding:10px 0 10px;text-align:left;background:#FFF;display:block;} -div#header div#title,div#menu{width:700px;margin:0 0px;text-align:left} -div#header div#title{padding: 20px 0px 30px 70px;color:#533633;background-image: url(webimlogo.gif);background-repeat: no-repeat;background-position: 0% 0%;overflow-x: hidden;overflow-y: hidden;} -div#logo {display:inline;margin:20px 0px 0px 20px;padding:0px 0px 0px 0px;} +div#header div#title,div#menu{width:900px;margin:0 0px;text-align:left;} +div#header div#title{padding: 20px 0px 30px 70px;color:#533633;background-image: url(webimlogo.gif);background-repeat: no-repeat;background-position: 0% 0%;overflow-x: hidden;overflow-y: hidden;display:block;} +div#mrow { display:block;} + +div#logo, div#logo a, div#logo a img {margin:0px;padding:0px;display:inline;vertical-align:bottom;} +div#locales, div#locales a {margin:0px;padding:0px; display:inline;vertical-align: bottom;} +div#logo,div#locales {margin-left:20px;} +div#logo {position:relative;top:5px;} +div#locales {position:relative;bottom:5px;} + +div#menu {display:inline;vertical-align:bottom; } ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0;} -ul#nav{float:bottom;} ul#nav li{float:left;margin-left: 3px;text-align: center} ul#nav a{float:left;width: 125px;padding: 5px 0;background: #999999;text-decoration:none;color: #FFC} ul#nav a:hover{background: #d4b179;color:#FFF;} ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #f3f1f3;color: #003} +ul#nav li {margin-top:9px;} div#container{width:95%;min-width:725px;clear:both;margin:0 20px 10px;padding:20px 0 10px;text-align:left;background:#FFF} div#content{float:left;display:inline;width:66%;margin:0 0 10px 10px} @@ -32,3 +40,7 @@ div#downl{float:left;display:block;background:#f3f1f3; margin:0 10px 10px 0;padd div#downl a{margin:5px 0 10px;padding: 0 10px;} div#header div#menu a.aa { vertical-align:bottom;margin:0 0 0 10px;padding:0px; } + +div#styles { display: block;width:95%;min-width:725px;clear:both;margin:0px;padding:0px;text-align:left;background:#FFF;} +div#style1, div#style2 {background:#f3f1f3;display:inline;float:left;margin:0px 20px 0px 10px;} +div#style1 p, div#style2 p {margin:5px 0 10px;padding: 0 10px;}