※クリックすると該当箇所に移動します
1．概要
次の 記事装飾パーツ をご用意しています。
- H2 タグ
- H3 タグ
- ul・ol タグ
- テーブルタグ
- 引用タグ
- パーツタグ
- 個別記事 ・ サイドバーの自由形式 ・ メインカラムとフッターのフリースペースで利用できます。
2．記事装飾パーツを利用する方法
記事装飾パーツは次の2種類があります
1．基本パーツ (CSSに記載済みですので何もせずに利用できます)
2．追加パーツ (専用CSSのアップロードが必要です)
追加パーツを利用する場合
【1】
〔 ファイルマネージャ 〕ページで、追加パーツの 専用CSS をアップロードしてください。
専用CSSは次のファイルです。ダウンロードしたテンプレートのフォルダに入っています。
【該当ファイル名】 shortcode.css
アップロード方法は公式マニュアルを参照ください。
【2】
HTMLの<head>内に次の記述を予め入れていますので
アップロードするだけで使えるようになります。
<link rel="stylesheet" href="/image/shortcode.css" type="text/css" />
3．記事装飾パーツの記述方法・種類・色（マニュアル）
こちらの専用ページを参照ください。
4．記事装飾パーツのカラー変更
基本パーツと追加パーツの内1色は好きな色に変更ができます。
CSS の ■記事装飾パーツのカラー の次の記述を変更してください。
3ヶ所のカラーコード #a7a7a7 をお好みの色に変更してください。
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■記事装飾パーツのカラー 3ヶ所のカラーコードを変更ください
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.table-00 th,.table-01 th {
background: #a7a7a7;
}
.h2-02-main,.h2-04-main,.h2-05-main:before,.h3-04-main,.h3-05-main:before,.ul-02-main li:before,.ul-03-main li:before,.ol-01-main li:before,.ol-02-main li:before,.parts-01-main,.parts-02-main,.parts-03-main,.parts-04-main,.parts-05-main {
background: #a7a7a7;
}
.h2-00,.ul-00 li,.h2-01-main,.h3-06-main,.ul-01-main li,.ul-04-main li:after,.ul-05-main li:before,.h2-03-main,.h3-01-main,.h3-02-main,.h3-03-main,.h3-07-main,.ol-00 li:before,.ul-04-main li:before,.ol-03-main li:before,.ol-04-main li:before,.h2-03-main {
border-style: solid;
border-color: #a7a7a7;
}
※参考：カラーコード表 http://www.colordic.org/