アルスランド『eclat支部』 at eclat cyber city

アルスランド『eclat支部』

gaiaxから移動してまいりました『アルス』といいます。
よろしくお願いします。

このページは、以下の環境で最適に動作します。

PC	日本語版Windows'98以降何でWindows'98以降なんですかって？家にそれ以前のVersionのOSが無く､動作確認が出来ないからです(^_^;) macユーザーですか？家にmacPC無いから分からないっす(^_^;) Linux系OS？携帯絵文字を登録できないのでこのページは十分には楽しめないと思いますよ？え？携帯でアクセスしようとしたら拒否されました？私のほうではそんな設定してないので、おそらくeclatの管理人様が何か設定しているんだと思います(T_T)
画面解像度	1024×768(ブラウザーは最大化) 他の解像度だと､一部のページで文字同士がかぶってしまう場合があります｡
ブラウザー	Windows版IE5.5以上IE7未満 IE7以上？一応表示できるけど重いし､意図したとおりにならないから､対応するの諦めました(T_T) え？なんですか？IE5.5未満ですか？確かIE5.5未満は､当webページの一部で使用している､半透過処理に非対応だったと思うので､ 5.5以上とさせていただいております｡ IE系以外のブラウザー？ブラウザーのバグで携帯用絵文字が文字化けするので非対応です。
言語	ジャバスクリプトとスタイルシートが動作(または表示)可能な設定環境
エンコード	Unicode(UTF-8)(eclatと一部のページのみ) 他はShift-jisで表示できると思います
文字のサイズ	中
音楽･サウンド	mid､wma､raファイルが再生可能な設定環境
フラッシュ	Macromedia Flashプレイヤー･バージョン5以上(MacOS Xでは6以上)
絵文字	i-mode絵文字(504i以上)が外字登録されている事

…一応以前gaiax(mizunomai)で作っていたページもここ(いきなりBGMが流れます)に保存してありますが、あくまでログの為、書き込み等は出来なくなってます😅

あ、それと、僕は携帯絵文字を使ってます。(こちらのサイトのものを使わせてもらっています。)
皆さんも是非、アクセスしてみてください😃

…このページはフレームを表示させないと見ることが出来ません。
このメインページだけしか表示されていなかったら(左側にメニューが表示されていなかったら)、ここをクリックしてください。

当webページのスタイルシート一覧
ただし、リンク集と友達リストは掲示板(フォーム)と同じ設定のため、省略させていただきます。
持ち帰りOKです。持ち帰り方法は2008年02月03日の日記を参照してくださいm(._.)m

共通設定(クリックで表示／非表示切り替え)

.for-owner { }
^{/*最初から入力されている*/}
.for-guest { display: none; }
^{/*最初から入力されている*/}

* {
^{/*いつの間にか追加されていた*/}
box-sizing: border-box;
^{/*いつの間にか追加されていた*/}
-moz-box-sizing: border-box;}
^{/*いつの間にか追加されていた*/}

body { background-image:url("http://全ページの背景にする画像アドレス");
^{/*背景画像の読み込み*/}
color:silver;
^{/*文字色を銀色に指定*/}
background-color:black;
^{/*背景色を黒に指定*/}
font-family:"ＭＳＰ明朝","ＭＳ明朝"; }
^{/*表示フォントにＭＳＰ明朝を指定。もし、ＭＳＰ明朝がPCに入っていなかった場合、ＭＳ明朝を指定*/}

html{scrollbar-highlight-color:gray;
^{/*スクロールバーのカラー設定1*/}
scrollbar-shadow-color:gray;
^{/*スクロールバーのカラー設定2*/}
scrollbar-base-color:#333333;
^{/*スクロールバーの全体的なカラーの設定*/}
scrollbar-arrow-color:silver;}
^{/*スクロールバーのカラー設定3*/}

hr{border-color:aqua;}
^{/*水平線のカラー設定*/}

トップページ(クリックで表示／非表示切り替え)

@import url("common.css");
^{/*最初から入力されている*/}
@import url("http://自作CSSファイルアドレス");
^{/*独自のスタイルシートを外部から読み込み*/}

_{/*以下は追加した覚えが無いのでコメントアウト中*/}
/*
div.main{margin-right: 20%;}
div.menu{width: 20%;float: right;}
*/
^{/*コメントアウトここまで*/}

TH{border-color:#3366FF #99FFFF;background-color:#000033;}
^{/*表のタイトル部分の装飾*/}
TABLE{border-color:#009999 aqua;}
^{/*表全体の装飾*/}
TD{border-color:#99FFFF #CCFF33;}
^{/*表内部の装飾*/}

_{/*当webページのCSS紹介エリアの設定(ここから)*/}
/*全体*/
.hidden_box {
margin: 2em 0;/*前後の余白*/
padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
padding: 15px;
font-weight: bold;
border: solid 2px black;
cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box label:hover {
background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
color: black;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
padding: 10px 0;
height: auto;
opacity: 1;
}
^{/*当webページのCSS紹介エリアの設定(ここまで)*/}

メニュー(クリックで表示／非表示切り替え)

@import url("common.css");
^{/*最初から入力されている*/}

body { background-attachment:fixed;font-size:15px; }
^{/*背景がスクロールしなくなるよう指定*/}
/*li#login { display: none; }*/

/*frameset{FRAMEBORDER:0;BORDER-size:0;FRAME-SPACING:0;}*/

* {
margin: 0;
padding: 0;
}

ul {
list-style-type: none;
margin-top: 1em;
^{/*上2行…もともとあったリンク左の黒ボチを表示させなくする*/}
}

li a {
background: url("http://リンク横のアイコンアドレス") no-repeat left center;
^{/*マウスがリンクの上に乗っていないときのリンク横のアイコンのアドレス(URL)を入力*/}
min-height: 22px;
padding: 4px 2px 3px 22px;
margin: 2px;
^{/*上3行…アイコンのサイズ等を指定*/} }

li a:hover {
background: url("http://マウスオーバー時のリンク横アイコンアドレス") no-repeat left center;
^{/*マウスカーソルがリンクの上に乗ったときに表示するアイコンのアドレスを入力*/}
}

プロフィール(クリックで表示／非表示切り替え)

@import url("common.css");
^{/*最初から入力されている*/}
@import url("http://自作CSSファイルのアドレス");
^{/*リンク用CSSファイルを外部読み込み*/}

body { background-attachment:fixed; }
^{/*背景固定*/}

table{
width:100%;
^{/*プロフィール表示域全体の横の長さを100%に指定*/}
}

th{
width:25%;
^{/*プロフィール表示域左側を全体の1/4に指定*/}
background-color:aqua;
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=blue,endColorStr=aqua);
^{/*ﾌﾟﾛﾌｨｰﾙ表示域の左側の背景をｸﾞﾗﾃﾞｰｼｮﾝ(startColorStrが最初の色､endColorStrが最後の色。また、gradientTypeでｸﾞﾗﾃﾞｰｼｮﾝの向きを指定(指定できる数値は0と1のみ)。)*/}
color:black;
^{/*プロフィール表示域の左側のテキスト文字を黒に指定*/}
padding:1em 2em 1em 2em;
}

td{
background-color:white;
opacity: 0.75;
filter:alpha(opacity=75);
^{/*プロフィールの表の右側の背景を半透過させる*/}
color:black;
^{/*プロフィール表示域右側のテキスト文字を黒に指定(IE用)*/}
padding:1em 2em 1em 2em;
}

掲示板(表示)(クリックで表示／非表示切り替え)

@import url("common.css");
^{/*最初から入力されている*/}
@import url("http://自作CSSファイルの外部読み込み");
^{/*リンク用CSS外部読み込み*/}

body { background-attachment:fixed; }
^{/*背景固定*/}

ul{
list-style-type: none;
^{/*黒ぶちを非表示に*/}
}

.post_auther{
background-color:green;
^{/*年月日等が書いてある部分の背景を緑に指定*/}
background: linear-gradient(#2F4F4F, #2F2F4F);
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#2F4F4F,endColorStr=#2F2F4F) alpha(opacity=75);
opacity: 0.75;
^{/*書く書き込みの一番上の列(投稿日付等が表示されている列)の背景にグラデーションさせ、さらに半透過処理も追加*/}
width:100%;
color:silver;
^{/*上と同じ部分のテキスト文字色を銀に指定*/}
}

掲示板(フォーム)(クリックで表示／非表示切り替え)

@import url("common.css");
^{/*最初から入力されている*/}
@import url("http://自作CSS外部読み込み");
^{/*リンク用CSS読み込み*/}

body { background-attachment:fixed; }
^{/*背景固定*/}

日記／コラム(クリックで表示／非表示切り替え)

@import url("common.css");
^{/*最初から入力されている*/}
@import url("http://リンク用自作CSS読み込み");
^{/*CSS内で別のCSSを読み込み*/}

body { background-attachment:fixed; }
^{/*背景固定*/}

hr{border:1px dashed aqua;}
^{/*水平線の色を水色にし、点線を指定*/}

ul{
list-style-type: none;
^{/*黒ぼち非表示*/}
}

#menu {
width: 30%;
float: right;
}

#main {
margin-right: 30%;
}

#header {color:aqua;
^{/*タイトルのテキスト文字の色を水色に指定*/}
background-color:gray;
^{/*タイトルの背景色をグレーに指定*/}
width:100%;
filter:alpha(opacity=100,style=1,startX=0,startY=50,finishX=100%,finishY=50,finishOpacity=0);}
^{/*タイトルの背景を、右にいくほど透明にする*/}

#site_title {width:100%;height:10;filter:dropshadow(color=blue,positive=1);}
^{/*タイトルに影を付加*/}

#latest_articles,#latest_comments,#archives,#categories,#neighbors{background-color:#2F2F4F;}
^{/*右側に表示されている、“最近の記事”･“最近のコメント”･“archive”･“category”の全体の背景を暗い青に指定*/}

div.entry_info{color:#00FF00;font-style:italic;}
^{/*左側に表示されている記事の、カテゴリー名が書いてあるところのテキスト文字を斜体に指定*/}

div.link_title{background-color:#2F4F4F;color:silver;}
^{/*右側に表示されている、“最近の記事”･“最近のコメント”･“archive”･“category”のタイトルの背景色を濃い緑に指定*/}

div.entry_date{background-color:teal;color:silver}
^{/*左側の投稿日時の部分の背景色をtealに、テキスト文字色を銀に指定*/}

足跡(クリックで表示／非表示切り替え)

@import url("common.css");
^{/*最初から入力されている*/}
@import url("http://リンク用CSS外部読み込み");
@import url("http://テーブル用自作CSS外部読み込み");
^{/*ログの囲い用のCSSを外部読み込み*/}

body { background-attachment:fixed; }
^{背景固定*/}
caption{text-align:center;color:#00FF00;font-family:"HG正楷書体-PRO","ＭＳＰ明朝","ＭＳ明朝";}
^{/*各タイトル部を中央揃えにし、文字色を黄緑に指定。さらにフォントをHG正解書体-PROかＭＳＰ明朝かＭＳ明朝に指定*/}
table{width:100%;border:9 solid;empty-cells:show;}
^{/*ログの囲いで、自作CSSに書いていない指定等*/}
td{border:1px solid;}
^{/*テーブル内部の線のサイズを1pxにし、線の種類は直線に指定*/}

td.graph img{ filter:invert;}
^{/*棒グラフの色を反転*/}

↓当HPでは『ひぐらしのなく頃に』を応援しています(笑)↓