Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Show themes

  • Loading branch information...
commit ab79dec42a59371b630093575eaadc2979e1bd43 1 parent 70f01af
@zzdhidden zzdhidden authored
View
BIN  clippy.swf
Binary file not shown
View
79 themes.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>WebIM UI</title>
+ <!-- base start -->
+ <script type="text/javascript" src="im/src/core.js" ></script>
+ <script type="text/javascript" src="im/src/objectExtend.js" ></script>
+ <script type="text/javascript" src="im/src/ajax.js" ></script>
+ <script type="text/javascript" src="im/src/json.js" ></script>
+ <script type="text/javascript" src="im/src/comet.js" ></script>
+ <script type="text/javascript" src="im/src/cookie.js" ></script>
+ <script type="text/javascript" src="im/src/log.js" ></script>
+ <!-- base end -->
+ <!-- webim start -->
+ <script type="text/javascript" src="im/src/webim.js" ></script>
+ <script type="text/javascript" src="im/src/setting.js" ></script>
+ <script type="text/javascript" src="im/src/status.js" ></script>
+ <script type="text/javascript" src="im/src/buddy.js" ></script>
+ <script type="text/javascript" src="im/src/room.js" ></script>
+ <script type="text/javascript" src="im/src/history.js" ></script>
+ <script type="text/javascript" src="im/src/hotpost.js" ></script>
+ <!-- webim end -->
+ <!-- webim ui start -->
+ <link href="css/core.css" media="all" type="text/css" rel="stylesheet"/>
+ <link href="css/ui.core.css" media="all" type="text/css" rel="stylesheet"/>
+ <link href="css/icons.css" media="all" type="text/css" rel="stylesheet"/>
+ <link href="css/layout.css" media="all" type="text/css" rel="stylesheet"/>
+ <link href="css/setting.css" media="all" type="text/css" rel="stylesheet"/>
+ <link href="css/user.css" media="all" type="text/css" rel="stylesheet"/>
+ <link href="css/buddy.css" media="all" type="text/css" rel="stylesheet"/>
+ <link href="css/room.css" media="all" type="text/css" rel="stylesheet"/>
+ <link href="css/emot.css" media="all" type="text/css" rel="stylesheet"/>
+ <link href="css/chat.css" media="all" type="text/css" rel="stylesheet"/>
+ <link href="css/menu.css" media="all" type="text/css" rel="stylesheet"/>
+ <link href="css/history.css" media="all" type="text/css" rel="stylesheet"/>
+ <link href="css/hotpost.css" media="all" type="text/css" rel="stylesheet"/>
+ <link id="webim-theme-style" href="themes/base/jquery.ui.theme.css" media="all" type="text/css" rel="stylesheet"/>
+ <script type="text/javascript" src="swfobject-2.1.js" ></script>
+ <script type="text/javascript" src="js/core.js" ></script>
+ <script type="text/javascript" src="js/date.js" ></script>
+ <script type="text/javascript" src="js/notice.js" ></script>
+ <script type="text/javascript" src="js/i18n.js" ></script>
+ <script type="text/javascript" src="js/ui.js" ></script>
+ <script type="text/javascript" src="js/ui.window.js" ></script>
+ <script type="text/javascript" src="js/ui.layout.js" ></script>
+ <script type="text/javascript" src="js/ui.menu.js" ></script>
+ <script type="text/javascript" src="js/ui.hotpost.js" ></script>
+ <script type="text/javascript" src="js/ui.user.js" ></script>
+ <script type="text/javascript" src="js/ui.buddy.js" ></script>
+ <script type="text/javascript" src="js/ui.room.js" ></script>
+ <script type="text/javascript" src="js/ui.chat.js" ></script>
+ <script type="text/javascript" src="js/ui.emot.js" ></script>
+ <script type="text/javascript" src="js/ui.history.js" ></script>
+ <script type="text/javascript" src="js/ui.setting.js" ></script>
+ <script type="text/javascript" src="js/i18n/webim-zh-CN.js" ></script>
+ <!-- webim ui end -->
+ <!-- webim apps start -->
+ <link href="apps/chatlink.css" media="all" type="text/css" rel="stylesheet"/>
+ <link href="apps/notification.css" media="all" type="text/css" rel="stylesheet"/>
+
+ <script type="text/javascript" src="apps/ui.chatlink.js" ></script>
+ <script type="text/javascript" src="apps/notification.js" ></script>
+ <script type="text/javascript" src="apps/ui.notification.js" ></script>
+ <!-- webim apps end -->
+ <script type="text/javascript">var _path = "im/test/";</script>
+ <script type="text/javascript" src="im/test/config.js"></script>
+ <script type="text/javascript" src="themes.php"></script>
+ </head>
+ <body>
+ <div>
+ <h1>WebIM UI Themes(from jquery.ui.themes)</h1>
+ <div id="themes">
+ </div>
+ </div>
+ <script type="text/javascript" src="themes.js"></script>
+ <script type="text/javascript" src="index.js"></script>
+ </body>
+</html>
View
34 themes.js
@@ -0,0 +1,34 @@
+function render_themes(){
+ var themes = window.themes || "base,black-tie,blitzer,cupertino,dark-hive,dot-luv,eggplant,excite-bike,flick,hot-sneaks,humanity,le-frog,mint-choc,overcast,pepper-grinder,redmond,smoothness,south-street,start,sunny,swanky-purse,trontastic,ui-darkness,ui-lightness,vader", theme, href;
+ themes = themes.split(",");
+ var content = '<ul style="width: 100%; overflow: hidden;padding:0;margin:0;">', wrapper = document.getElementById("themes");
+ for(var i in themes){
+ theme = themes[i];
+ href = 'href="javascript:void(select_theme(\'' + theme + '\'));"';
+ content += '<li style="float: left;"><h4 style="margin: 0;"><a ' + href + '>' + theme + '</a>' + clippy(theme) + '</h4><p style="margin: 5px;"><a ' + href + '><img border="0" alt="' + theme + '" title="' + theme + '" src="themes/images/' + theme + '.png" /></a></p></li>';
+ }
+ content += "</ul>";
+ if(wrapper)wrapper.innerHTML = content;
+
+}
+function select_theme(theme){
+ var style = document.getElementById("webim-theme-style"), href = "themes/" + theme + "/jquery.ui.theme.css";
+ if(style){
+ style.setAttribute("href", href);
+ }else{
+ style = document.createElement("link");
+ style.setAttribute("id", "webim-theme-style");
+ style.setAttribute("href", href);
+ style.setAttribute("media", "all");
+ style.setAttribute("type", "text/css");
+ style.setAttribute("rel", "stylesheet");
+ document.body.appendChild(style);
+ }
+}
+
+render_themes();
+
+function clippy(text){
+ return '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="110" height="14" id="clippy"><param name="movie" value="clippy.swf"/><param name="allowScriptAccess" value="always" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param NAME="FlashVars" value="text=' + text + '"><param name="bgcolor" value="#ffffff"><embed src="clippy.swf" width="110" height="14" name="clippy" quality="high" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" FlashVars="text=' + text + '" bgcolor="#ffffff" /> </object>'
+}
+
View
12 themes.php
@@ -0,0 +1,12 @@
+<?php
+$path = dirname(__FILE__).DIRECTORY_SEPARATOR."themes";
+$files = scandir($path);
+$themes = array();
+foreach ($files as $k => $v){
+ $t_path = $path.DIRECTORY_SEPARATOR.$v;
+ if(is_dir($t_path) && is_file($t_path.DIRECTORY_SEPARATOR."jquery.ui.theme.css")){
+ array_push($themes, $v);
+ }
+}
+echo "var themes = \"".implode(",", $themes)."\"";
+?>
View
BIN  themes/images/base.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/black-tie.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/blitzer.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/cupertino.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/dark-hive.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/dot-luv.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/eggplant.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/excite-bike.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/flick.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/hot-sneaks.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/humanity.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/le-frog.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/mint-choc.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/overcast.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/pepper-grinder.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/redmond.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/smoothness.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/south-street.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/start.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/sunny.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/swanky-purse.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/trontastic.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/ui-darkness.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/ui-lightness.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  themes/images/vader.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Please sign in to comment.
Something went wrong with that request. Please try again.