Mercurial > hgrepos > hgweb.cgi > skipweb

changeset 2410:33c55c564886

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Changed the item about SKIP to balloon.
author MURAKAMI Masaki <c112124@h.koeki-u.ac.jp>
date Sat, 28 Feb 2015 16:59:00 +0900
parents 9af6ed4c97e7
children 4494a2d44018 fe70335ae3df
files index.html preIndex.css
diffstat 2 files changed, 41 insertions(+), 41 deletions(-) [+]
line wrap: on
line diff
--- a/index.html	Fri Feb 27 23:31:16 2015 +0900
+++ b/index.html	Sat Feb 28 16:59:00 2015 +0900
@@ -9,40 +9,7 @@
 <body>
 
 <div class="header">
-<script type="text/javascript">
-<!--
-$(function(){
-  $('#switch1').click(function () {
-    $('#toggle1').slideToggle();
-  });
-
-  $('#switch2').click(function () {
-    $('#toggle2').slideToggle();
-  });
-});
-// -->
-</script>
-<h2 class="head">SKIP = Syonai Koeki Infomation Project =</h2>
-<h3 id="switch1" style="clear: both">このサイトについて
-
-<!-- coming soon...
-<span id="mes-o1" class="openBox">- クリックで詳細を表示 -</span>
-<span id="mes-c1" class="closeBox"></span>
--->
-
-</h3>
-<div id="toggle1" class="sect">
-このサイトでは、私たちSKIPが取材した山形県酒田市のお店や名所などを紹介し
-ています。また、記事のなかでお店の歴史やこだわりなど様々な情報を発信して
-います。
-</div>
-<h3 id="switch2" style="clear: both">SKIPとは</h3>
-<div id="toggle2" class="sect">
-SKIPは、東北公益文科大学の情報特別選抜から設立されたサークルであり、酒田商工会議所が主催する「SWAN Project」と協力して酒田地域の情報を発信することを目的としている。
-</div>
-</div>
-
-<!-- Making Balloon -->
+<!-- Making Balloons -->
 <script src="js/jquery.balloon.min.js"></script>
 <script type="text/javascript">
 <!--
@@ -51,6 +18,19 @@
     css: {
       color: '#f89'
     },
+    classname: "bal",
+    showDuration: "slow",
+    showAnimation: function(d){this.fadeIn(d);},
+    hideDuration: "slow",
+    hideAnimation: function(d){this.fadeOut(d);}
+  });
+
+  $('.ballooned').balloon({
+    css: {
+      color: '#f89'
+    },
+    classname: "bal",
+    position: "bottom",
     showDuration: "slow",
     showAnimation: function(d){this.fadeIn(d);},
     hideDuration: "slow",
@@ -59,6 +39,12 @@
 });
 // -->
 </script>
+<h2 class="head">SKIP = Syonai Koeki Infomation Project =</h2>
+<h3>このサイトについて</h3>
+<div class="sect">
+このサイトでは、私たち<span class="ballooned" title="SKIPは、東北公益文科大学の情報特別選抜から設立されたサークルであり、酒田商工会議所が主催する「SWAN Project」と協力して酒田地域の情報を発信することを目的としている。">SKIP</span>が取材した山形県酒田市のお店や名所などを紹介しています。また、記事のなかでお店の歴史やこだわりなど様々な情報を発信しています。
+</div>
+</div>				<!-- Header end -->
 
 <!-- Global navigation -->
 <div class="menw">
@@ -74,6 +60,7 @@
 </div>
 <div class="all">
 <div class="suball">
+
 <!-- Image slider -->
 <link rel="stylesheet" type="text/css" href="css/jquery.bxslider.css">
 <link rel="stylesheet" type="text/css" href="preIndex.css">
@@ -131,6 +118,12 @@
 </ul>
 </div>				<!-- news end -->
 
+<!--
+<h3>SKIPメンバーページ</h3>
+<div class="staff">
+<div class="menber"><a href="staff/murakami">Murakami</a></div>
+</div>				<!-- staff end -->
+
 
 </div>				<!-- suball end -->
 </div>				<!-- all end -->
--- a/preIndex.css	Fri Feb 27 23:31:16 2015 +0900
+++ b/preIndex.css	Sat Feb 28 16:59:00 2015 +0900
@@ -20,18 +20,25 @@
 	//float: right;
 }
 
-/* Setting Header action */
-div#toggle2 {
-        display: none;
+/* Span for words explaining */
+.ballooned {
+         box-shadow: 1px 1px 1px 1px #000;
+	 background: #998;
+	 margin-right: 1px;
 }
 
-#switch1:hover, #switch2:hover {
-        background: #f56;
-	box-shadow: 3px 3px 3px 3px #555;
-	font-size: x-large;
+.ballooned:hover {
+         box-shadow: -1px -1px 1px 1px #000;
+	 background: #fb5;
 }
 
 
+/* Setting balloon styles */
+.bal {
+         max-width: 450px;
+	 font-size: large;
+} 
+
 /* Global navigation */
 div.menw{
 	background: #fb5;

yatex.org