Changeset 13732 for events

Timestamp:

06/12/08 22:59:01 (5 years ago)

Author:

ku-suke

Message:

ひとまずトップページは一段落

Location:

events/phpframework/html_template

Files:

• css/style.css (modified) (4 diffs)
• img/share/phwittr_logo.gif (added)
• img/share/phwittr_logo.png (deleted)
• img/share/reply_icon.gif (added)
• img/share/reply_icon.png (deleted)
• img/share/trash_icon.gif (added)
• img/share/trash_icon.png (deleted)
• img/share/up_arrow.gif (added)
• img/share/up_arrow.png (deleted)
• index.html (modified) (10 diffs)

events/phpframework/html_template/css/style.css

@@ -26 +26 @@
 
 a:link {
-        color:#A055BB;
+        color:#AA00AA;
         text-decoration:none;
 }
 
 a:visited {
-        color:#A055BB;
+        color:#AA00AA;
         text-decoration:none;
 }
@@ -110 +110 @@
 ----------------------------------------------------*/
 #contents {
-        background:url(../img/share/up_arrow.png) no-repeat 20px top;
+        background:url(../img/share/up_arrow.gif) no-repeat 20px top;
         padding-top:10px;
 }
@@ -166 +166 @@
 }
 
-ul.tabNav{ margin:0 50px; }
+ul.tabNav{ margin:0 30px; }
 
 ul.tabNav li{ float: left;margin-left:-1px;margin-bottom:1px; }
@@ -234 +234 @@
         margin:5px 0;
         padding:5px 0;
-        background-color:white;
-}
+        border:1px solid #999999;
+        font-size:86%;
+        background-color:#95F0FF;
+}
+div.subsection_title{
+        margin:10px;
+        border-bottom:1px solid #000000;
+}
+div.subsection_title a{
+        float:right;
+}
+div.subsection_body{
+        margin:10px;
+}
+div.subsection_body ul.status{ }
+div.subsection_body ul.status li{ text-align:right; }
+div.subsection_body ul.status li span.label{ float:left; }
+
+

events/phpframework/html_template/index.html

@@ -23 +23 @@
 <div id="page">
 <div id="header">
-<h1><img src="img/share/phwittr_logo.png" alt="phwittr" /></h1>
+<h1><img src="img/share/phwittr_logo.gif" alt="phwittr" /></h1>
 <ul id="guideNav">
 <li><a href="/">ホーム</a></li>
@@ -57 +57 @@
                 <tr>
                         <td class="friendicon">
-                                <img src="img/friend_icon.png" alt="User Name" class="friendicon" />
+                                <img src="img/friend_icon.gif" alt="User Name" class="friendicon" />
                         </td>
                         <td>
@@ -65 +65 @@
                         </td>
                         <td class="action">
-                                <img src="img/share/trash_icon.png" alt="Delete" class="icon16" />
-                                <img src="img/share/reply_icon.png" alt="Reply" class="icon16" />
+                                <img src="img/share/trash_icon.gif" alt="Delete" class="icon16" />
+                                <img src="img/share/reply_icon.gif" alt="Reply" class="icon16" />
                         </td>
                 </tr>
@@ -72 +72 @@
                 <tr>
                         <td class="friendicon">
-                                <img src="img/friend_icon.png" alt="User Name" class="friendicon" />
+                                <img src="img/friend_icon.gif" alt="User Name" class="friendicon" />
                         </td>
                         <td>
@@ -80 +80 @@
                         </td>
                         <td class="action">
-                                <img src="img/share/trash_icon.png" alt="Delete" class="icon16" />
-                                <img src="img/share/reply_icon.png" alt="Reply" class="icon16" />
+                                <img src="img/share/trash_icon.gif" alt="Delete" class="icon16" />
+                                <img src="img/share/reply_icon.gif" alt="Reply" class="icon16" />
                         </td>
                 </tr>
@@ -87 +87 @@
                 <tr>
                         <td class="friendicon">
-                                <img src="img/friend_icon.png" alt="User Name" class="friendicon" />
+                                <img src="img/friend_icon.gif" alt="User Name" class="friendicon" />
                         </td>
                         <td>
@@ -95 +95 @@
                         </td>
                         <td class="action">
-                                <img src="img/share/trash_icon.png" alt="Delete" class="icon16" />
-                                <img src="img/share/reply_icon.png" alt="Reply" class="icon16" />
+                                <img src="img/share/trash_icon.gif" alt="Delete" class="icon16" />
+                                <img src="img/share/reply_icon.gif" alt="Reply" class="icon16" />
                         </td>
                 </tr>
@@ -102 +102 @@
                 <tr>
                         <td class="friendicon">
-                                <img src="img/friend_icon.png" alt="User Name" class="friendicon" />
+                                <img src="img/friend_icon.gif" alt="User Name" class="friendicon" />
                         </td>
                         <td>
@@ -110 +110 @@
                         </td>
                         <td class="action">
-                                <img src="img/share/trash_icon.png" alt="Delete" class="icon16" />
-                                <img src="img/share/reply_icon.png" alt="Reply" class="icon16" />
+                                <img src="img/share/trash_icon.gif" alt="Delete" class="icon16" />
+                                <img src="img/share/reply_icon.gif" alt="Reply" class="icon16" />
                         </td>
                 </tr>
@@ -123 +123 @@
 
 <div id="sub">
-<ul>
-<li>サブ</li>
-</ul>
+
+<div class="subsection_title">
+        <a href="#">プロフィール</a>
+        <h3>ようこそ！</h3>
+</div>
+<div class="subsection_body">
+        <p>こんにちはこんにちは！</p>
+</div>
+<div class="subsection_title">
+        <h3>ステータス</h3>
+</div>
+<div class="subsection_body">
+        <ul class="status">
+                <li>
+                        <span class="label">あなたがフォロー</span>
+                        <span><a href="#">999</a></span>
+                </li>
+                <li>
+                        <span class="label">あなたがフォロー</span>
+                        <span><a href="#">999</a></span>
+                </li>
+        </ul>
+</div>
+
 <!-- / #sub --></div>
 <!-- / #contents --></div>