Skip to content

Commit

Permalink
New style from scratch
Browse files Browse the repository at this point in the history
  • Loading branch information
@fluviusmagnus
fluviusmagnus committed Nov 20, 2023
1 parent 48820c6 commit 663fced
Show file tree
Hide file tree
Showing 2 changed files with 30 additions and 269 deletions.
113 changes: 15 additions & 98 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,98 +1,15 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>site title</title>
<link rel="stylesheet" href="style.css" type="text/css">
<link REL="SHORTCUT ICON" HREF="favicon.ico">
</head>
<body>
<div class="base">
<div class="texttitle">
<a name="top"></a><h1>人间夜行的极乐空间</h1>
<h2>这可能不是你想来的地方</h2>
</div><div class="navi"></div>

<div class="side"><!--右サイド-->

<h4>menu</h4>
<ul>
<li><a href="">about</a></li>
<li><a href="">blog</a></li>
<li><a href="">mail</a></li>
<li><a href="">link</a></li>
</ul>

<h4>info</h4>
<div class="memo">
フリースペース。<br>
管理人からのお知らせや、更新履歴等。ご自由に利用してください。<br>
テキストがはみ出た分は、自動的にスクロールバーが出ます。<br>
ボックスの高さを変えたい場合は、スタイルシートにある.memoのheight:200px;の数字を調整してください。<br>
不要でしたら、削除してください。
</div>

<h4>about link</h4>
<img src="banner.gif" alt="リンクバナー" height="40" width="200">
<h5>リンクはご自由にどうぞ。<br>
サイト名○○○<br>
管理人名◎◎◎<br>
URL http://www......</h5>

<h4>counter</h4>
<h5>-1</h5>

</div><!--右サイドここまで-->

<div class="main">
<h3>欢迎？</h3>
<p>
<img border="0" src="images/kouji.gif" width="117" height="123" align="middle"><font color="#FF0000">本站如你所见，没有完全建设好。</font></p>
<hr>
<p><!--左サイド-->

本网站的主旨在于重现某种意味深长的氛围感，功能性的考虑被认为是次要的。</p>
<p>是故，我选用了现成的模板（详见页面底部），并使用FrontPage 2003来达到所希望的效果——不受完全控制的。</p>

<h3>作品タイトル１</h3>
<h5><a href="novel.html">01</a>-02-03-04-05 作品の解説・更新日時等</h5>
<h3>作品タイトル２</h3>
<h5><a href="novel.html">01</a>-02-03-04-05 作品の解説・更新日時等</h5>
<h3>オリジナル小説</h3>
<h5><a href="novel.html">吾輩は猫である</a><br>
<a href="novel.html">続・吾輩は猫である</a></h5>

<!--ここから下はタグ見本-->
<h3>h3見出し</h3>
<h4>h4見出し</h4>
<h5>h5見出し</h5>
<em>em強調</em><br>
<strong>strongさらに強調</strong><br>
<blockquote>blockquoteテキスト引用</blockquote>
hr水平線<hr>
<ul>
<li>ul番号無しリスト</li>
<li>番号無しリスト</li>
<li>番号無しリスト</li>
</ul>
<ol>
<li>ol番号リスト</li>
<li>番号リスト</li>
<li>番号リスト</li>
</ol>
<big>big文字を大きく</big> <small>small文字を小さく</small>
<!--見本ここまで-->

<h6><a href="#top">▲top</a></h6>

</div><!--左サイドここまで-->

<div class="end"></div>
<div class="navi"></div>
<div class="texttitle">
<address>© 2018 人間夜行 all rights reserved.<!--著作権表示-->
&nbsp;template by <a href="http://fc.ashrose.net/" target="_top">flower&amp;clover</a></address>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr" lang="zh-cn"><head><meta content="text/html; charset=UTF-8" http-equiv="content-type"><title>Cyberkunst Eleutheria</title>
<meta content="人間夜行" name="author">
<link rel="stylesheet" href="style.css" type="text/css"></head><body style="color: white; background-color: rgb(0, 0, 153);" alink="#ffff99" link="yellow" vlink="#cc33cc">
<h1 style="text-align: center;">Cyberkunst Eleutheria</h1>
<br>
就是这样，一个更美好的世界！<br>
<br>
<hr style="width: 100%; height: 2px;">
<div class="footer" style="text-align: center;">推荐使用 800 * 600 分辨率浏览本站.<br>
© 2023 <a href="https://eleutheria.tech" rel="me" target="_blank">人間夜行</a>&nbsp;All rights reserved.<br>


</div>
</body></html>
186 changes: 15 additions & 171 deletions style.css
View file
Original file line number Diff line number Diff line change
@@ -1,173 +1,17 @@
body {
color:#555555;
background-attachment:fixed;
background-color:#ffffff;
background-image:url(背景画像url.gif);
margin:0px;
padding:0px;
font-size: 10pt;
}

a:link {color:#f22a5c;}
a:visited {color:#9c092e;}
a:hover{
color:#999999;
text-decoration:underline;
}
a {text-decoration:none;}

.base{
margin-left:10%;
margin-right:10%;
}

.side{
background-color:#fff2f6;
padding:3px;
border-color:#f99ab2;
border-style:dotted;
border-width:7px;
width:210px;
float:left;
}

.main{
background-color:#ffffff;
font-size:100%;
line-height:160%;
margin-left:240px;
padding:5px;
}

.end{clear:both;}

.text{
background-color:#fff2f6;
font-size:100%;
line-height:160%;
padding:20px;
border-color:#f99ab2;
border-style:dotted;
border-width:7px;
}

.texttitle{
background-color:#f99ab2;
text-align:center;
margin:0px;
padding:5px;
}

.navi{
text-align:center;
margin:10px;
}

h1{
color:white;
font-size:120%;
margin:0px;
padding:5px;
}

h2{
color:white;
font-size:80%;
margin:0px;
padding:5px;
}

h3{
color:white;
background-color:#f99ab2;
font-size:100%;
margin:15px 0px 5px 0px;
padding:3px;
border-left-color:#f22a5c;
border-left-style:solid;
border-left-width:4px;
}

h4{
color:#9c092e;
font-size:90%;
margin:10px 0px;
padding:5px;
border-bottom-color:#f99ab2;
border-bottom-style:dotted;
border-bottom-width:3px;
h1 {
text-align: center;
}

h5{
font-size:90%;
font-weight:normal;
margin:0px 10px;
}

h6{
font-weight:normal;
text-align:right;
margin:0px;
}

blockquote{
background-color:#ffffff;
font-size:80%;
padding:5px;
border-color:#f99ab2;
border-style:dotted;
border-width:3px;
}

em{
color:#ffffff;
background-color:#f99ab2;
font-style:normal;
}

strong{
color:#9c092e;
}

hr{
border-color:#f99ab2;
border-style:dotted;
border-width:3px;
}

ul{
margin-top:5px;
margin-left:25px;
margin-bottom:10px;
padding:0px;
list-style-type:circle;
}

ol{
font-size:100%;
margin-top:5px;
margin-left:25px;
padding:0px;
}

.memo{
font-size:80%;
line-height:150%;
margin:auto;
padding:5px;
width:180px;
height:200px;
overflow:auto;
}

address{
color:#ffffff;
font-size:80%;
font-style:normal;
text-align:center;
}

cite{
font-size:75%;
font-style:normal;
body {
margin-right: auto;
font-family: "Times New Roman",Times,serif;
max-width: 600px;
margin-left: auto;
}
.footer {
font-size: smaller;
color: #cccccc;
text-align: center;
}
p {
text-align: justify;
}

0 comments on commit 663fced

Please sign in to comment.