1.はじめに
http://app.soycms.net/
上記より欲しいやつをダウンロード
2.アップロード
・・・/SOY CMSのインストールディレクトリ/app(commonやsoycmsと同じ階層)/webapp/
に解凍したフォルダをダウンロード。
/base
/inquiry
baseというフォルダーとinquiryが同じフォルダに並んだ状態に。
■前提：先に作ってるPCサイトでつくったブロック部分と連動。もちろん絵文字も使うぜ！
‘before=
「よいコーヒーとは、悪魔のように黒く、地獄のように熱く、天使のように純粋で、愛のように甘い。」
（フランスの政治家、タレーラン＝ペリゴール）
「私は自分の人生をコーヒースプーンで測りつくした。」
（詩人、T・S・エリオットの『J.アルフレッド・プルーフロックの恋歌』より）
「コーヒーは地獄のように黒く、死のように濃く、恋のように甘くなければならない。」
（トルコの諺)
「数学者はコーヒーを定理に変える機械だ。」
（ハンガリーの数学者、ポール・エルデシュ）
table.table_pc{
border-top:solid 1px #dd9932;
border-left:solid 1px #dd9932;
}
.table_pc td,.table_pc th{
border-bottom:solid 1px #dd9932;
border-right:solid 1px #dd9932;
padding:7px;
}
.table_pc td{
width:200px;
}
.table_pc th{
width:80px;
text-align:left;
font-weight:normal;
background:#f9f0ce;
}
dl#form-dl{
padding:10px 60px 30px 60px;
}
#form-dl dt{
width:120px;
color:#494949;
}
#form-dl dd{
margin:-1.5em 0 20px 120px;
border-left:solid 4px #dddddd;
padding-left:10px;
}
dl.dl_outline{
margin: 1em 20px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #f5f5f5;
}
.dl_outline dt{
margin: 0;
margin-right: -13em;
padding: 0.2em 0;
border-top: 1px solid #ccc;
float: left;
clear: both;
display: inline;
width: 13em;
text-indent: 10px;
}
.dl_outline dd{
margin-left:13em;
padding: 0.2em 10px;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
background-color: #fff;
}
dl.dl_outline{
/*\*/
min-height: 1px;
_height: 1%;
/* */
/*\*//*/
overflow: hidden;
/**/
}
dl.dl_outline::after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
html
Flash代替ｈｔｍｌ
Flashのほかにその他メディアなども、プラグインなければ代替htmlかける。
相当簡単だった。
ドロップダウンメニュー
ドロップダウンはいろいろあるけど、これはすごく簡単だった。
CSSがシンプルなのがよかった。複雑なのはカスタマイズするときいじると表示されなくなったりしてうざいですよね。
デフォルトの状態のもアルファのフィルターとか使っててきれい。