返信記事一覧
[432]ファルファッレ
2016/12/11 00:01
サイトで使えるHTML集
※CSSを無理矢理HTMLに組み込んでいるのでちょっと見にくいかもです。
使えそうなものがあれば、編集画面よりコピーしてお使い下さい。
一応CSS＋HTML版も載せておきますが、こちらは編集画面を押さずにそのままコピーしてください。
[435]ファルファッレ
2016/12/11 07:11
リスト
【CSS】
/* ▼定義型リスト全体の装飾 */
dl {
background-color: #ffffcc;
border: 1px solid #808000;
padding: 1em;
}
/* ▼用語(dt要素)の装飾 */
dl dt {
background-color: #eeeeaa
margin-top: 0.5em;
padding: 0.2em 0.5em;
}
/* ▼定義(dd要素)の装飾 */
dl dd {
background-color: #ffffdd; border-left: 5px solid #808000;
padding: 0.3em 0.5em;
}
【HTML】
※<dt>と<dd>は好きなだけ増やすことが可能です
<dl>
<dt>名称(用語)</dt>
<dd>説明文(定義)</dd>
<dt>名称(用語)</dt>
<dd>説明文(定義)</dd>
： ： ：
<dt>名称(用語)</dt>
<dd>説明文(定義)</dd>
</dl>
※キャラ紹介の利用に便利だと思いますが、掲示板ではCSSをHTMLに組み込まなければならないため難しいかと思います。
[434]ファルファッレ
2016/12/11 00:28
ボックス
(CSS＋HTML版)細かい値・色は各自で調整してください
【CSS】
div.section {
width: 90%;
background-color: #ffffff;
border: 1px #ffa500 solid;
font-size: 100%;
}
div.section h3 {
margin: 0;
padding: 5px 6px 3px 6px;
background-color: #ffa500;
border-bottom: 1px #ffa500 solid;
color: #ffffff;
font-size: 100%;
text-align:left;
}
div.section p {
margin:8px 5px 3px 5px;
font-size:90%;
}
【HTML】
<center><div class="section"><h3>タイトル</h3><p><Marquee scrollamount="6" width="100%">ここに文字を入れてください</Marquee></p></div></center>
[433]ファルファッレ
2016/12/11 00:10
ボックス
(HTML版)更新情報を載せたり、お知らせを表示したりするのに便利かもしれません
prev | next
[home]