最終更新日

失われたソースファイル 10

Get Thunderbird

コピーアンドペースト用の記事

失われたソースファイル 10

ありがちなんだけど良くなくしてしまう HTMLなどの雛形を おいておく場所です。

箇条書きのネストをする雛形

微妙に間違うことが多い、箇条書きのネスト。 ul の中に ul は入れられないので li の中に入れる。ちょっと不思議な感じ。

<ul>
    <li>ネスト1
    <ul>
        <li>ネスト1-1</li>
        <li>ネスト1-2</li>
    </ul>
    </li>
    <li>ネスト2
    <ul>
        <li>ネスト2-1</li>
        <li>ネスト2-2</li>
        <li>ネスト2-3</li>
    </ul>
    <li>ネスト3</li>
</ul>

インデントの付け方はお好みで変更して下さいー。

よく使うスタイルシート集

本気でコピーアンドペースト用。 必要に応じてチョイスを。

/****************************************************************
 * 文字
 ***************************************************************/

font-size: 12pt;
font-style: normal;
font-weight: normal;

font-family: monospace;
white-space: pre;
color: #000;

/* 非常時 */
font-family: "MS Pゴシック", sans-serif;

/****************************************************************
 * 改行幅
 ***************************************************************/

line-height: 100%;

/****************************************************************
 * 背景
 ***************************************************************/

background-image: url("../images/hoge.gif");
background-repeat: no-repeat; /* repeat, repeat-x, repeat-y */
background-position: 16px 16px;
background: transparent;

/****************************************************************
 * ブロック要素
 ***************************************************************/

margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid blue;

/****************************************************************
 * リンク関連
 ***************************************************************/

a:link { color: blue; }
a:visited { color: red; }
a:active { color: red; }
a:hover { color: green; }

text-decoration: underline;

/****************************************************************
 * 箇条書き
 ***************************************************************/

list-style-type: none; /* disc, circle, square, decimal ..*/

/****************************************************************
 * 配置
 ***************************************************************/

text-align: right;
vertical-align: baseline; /* top, middle, bottom, text-top, text-bottom */

margin-left: auto; margin-right: auto;

position: absolute; /* relative, absolute.. */
/* right, left, top, bottom */
right: 0;

/****************************************************************
 * テーブル指定
 ***************************************************************/

table {
	border-collapse: collapse;
	margin: 1em 0px 1em 1em;
	border: 1px #000 solid;
}

td , th {
	border: 1px #000 solid;
	padding: 3px;
	/*
	word-wrap: break-word;
	word-break: break-all;
	*/
}

th {
	border: 1px #000 solid;
	padding: 3px;
	background-color: #f8f8f8;
	/*
	word-wrap: break-word;
	word-break: break-all;
	*/
}

/****************************************************************
 * ソースコードとかへの指定
 ***************************************************************/

code {
	display: block;
	text-indent: 0;
	font-size: 100%;
	margin: 1em 1em 1em 1em;
	padding: 1em;
	font-family: monospace;
	background-color: #000;
	color: #0f0;
	border: 1px #000 solid;
	overflow: visible;
}

/****************************************************************
 * フォームへの指定
 ***************************************************************/

/*
<form name="form" id="form" class="bbsform" method="post" action="./bbs.php" >
*/
form.bbsform input, form.bbsform textarea {
	background-color: #ffffff;
	border: 1px solid rgb(159,182,197);
	font-size: 11pt;
	font-family: "MS Pゴシック", sans-serif;
	padding: 4px;
}

form.bbsform input.button {
	background-color: rgb(225,225,225);
	border: 1px solid rgb(150,150,150);
	border-top: rgb(250,250,250);
	border-left: rgb(250,250,250);
	font-size: 11pt;
	font-family: sans-serif;
	padding: 0 1em 0 1em;
	height: 24px;
	width: 80px;
}

/****************************************************************
 * 全体指定
 ***************************************************************/

* {
	margin: 0;
	padding: 0;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	line-height: 100%;
	border: 0px solid blue;
}

/* IE 5.0 / 6.0 互換モード用 (テーブルに継承されないため)*/
th, td, th {
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	line-height: 100%;
}

カテゴリ分けは適当ですー!

おわり

よくなくすので、とりあえずおいておくことにします。