デザイン
ここはCSSを変更したときに確認するために利用するページです。
ページを書くたびにfontタグやスタイルを設定するのはやめよう〜。
なぜかというと、スタイルシートの設定で全体を変更するときなどに、そのときは強調表示なっているかもしれないが、変更後にバックの色と重なって見えなくなるかもしれない。そのようなことを防ぐためにスタイルシートで定義したものを使うと、設定を変えてもそのスタイルのみを追加修正すればすむからだ、、よ。
divタグやspanタグなどを利用しスタイルを決めよう。
divタグはブロックになるぞ！（最後に改行が追加させる）
spanタグはインラインだ。
使い分けが重要だね。
追記：2004/06/15 13:15:52
スタイルシートやソースコードで文字化けする〜とお嘆きの方へ。
それは、、文字コードを判断できないエディタを使ってるからです。
Windows標準のNotepadでは文字化けします。
あと、インストールしただけの秀丸でも文字化けしますよ。
動作環境＞編集＞文字コードの自動認識
にチェックでもつければ幸せになれるかも
Terapadがフリーで文字化けしませんよ〜。
追記 - 2004/09/06(月) 01:12:03
自作したタグはやはり有効ではない･･･
標準であるタグを使うことのほうがいい。
ということで、これまで使っていたタグはすべて廃棄し、
新しいタグを設定しなおそう。
ページを書くたびにfontタグやスタイルを設定するのはやめよう〜。
なぜかというと、スタイルシートの設定で全体を変更するときなどに、そのときは強調表示なっているかもしれないが、変更後にバックの色と重なって見えなくなるかもしれない。そのようなことを防ぐためにスタイルシートで定義したものを使うと、設定を変えてもそのスタイルのみを追加修正すればすむからだ、、よ。
divタグやspanタグなどを利用しスタイルを決めよう。
divタグはブロックになるぞ！（最後に改行が追加させる）
spanタグはインラインだ。
使い分けが重要だね。
追記：2004/06/15 13:15:52
スタイルシートやソースコードで文字化けする〜とお嘆きの方へ。
それは、、文字コードを判断できないエディタを使ってるからです。
Windows標準のNotepadでは文字化けします。
あと、インストールしただけの秀丸でも文字化けしますよ。
動作環境＞編集＞文字コードの自動認識
にチェックでもつければ幸せになれるかも
Terapadがフリーで文字化けしませんよ〜。
追記 - 2004/09/06(月) 01:12:03
自作したタグはやはり有効ではない･･･
標準であるタグを使うことのほうがいい。
ということで、これまで使っていたタグはすべて廃棄し、
新しいタグを設定しなおそう。
トップページで使われる続きを読むはこんな感じ。
>>続きを読む
追記をするときは
span add
追記 - 2004/09/06(月) 01:20:05
って、感じ。
blockquote
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
強調表示は
em
こんな感じで強調表示となる
strong
こんな感じでさらに強調表示となる
em p1
こんな感じで強調表示(色違い)となる
strong p1
こんな感じでさらに強調表示(色違い)となる
em p2
こんな感じで強調表示(色違い)となる
strong p2
こんな感じでさらに強調表示(色違い)となる
div erace
隠し文字はこんな感じに消す
あ、見つかっちゃった。
こんなタグも用意してると便利。
こんなタグも用意してると便利。
って感じ。
pre src
ソースコード用
<script for="window" event="onLoad" type="text/javascript">
<!--
/*==== 要修正箇所 ここから ====*/
var YourlivedoorID = "takoashi";
var YourHandle = "たこあし";
/*==== 要修正箇所 ここまで ====*/
var Divs = document.getElementsByTagName('div');
for (var i = 0; i < Divs.length; i++) {
if(Divs[i].getAttribute("class") == "posted" ||
Divs[i].getAttribute("className") == "posted"){
Divs[i].innerHTML
= Divs[i].innerHTML.replace(YourlivedoorID, YourHandle);
i+=2;
}
}
// -->
</script>
旧タグ。
現在は使用しません。
古いページには、まだ利用されています。
div quote
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
強調表示は
span st1
こんな感じで強調表示１となる
span st2
こんな感じで強調表示２となる
span st3
こんな感じで強調表示３となる
div st3
強調表示３を段落として使うことも可能だよ。
このようにとなるとよ
このようにとなるとよ
div emp
この段落を強調表示したい
さらに長文を表示したりね。＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
現在調整中
さらに長文を表示したりね。＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
現在調整中
div src
<script for="window" event="onLoad" type="text/javascript">
<!--
/*==== 要修正箇所 ここから ====*/
var YourlivedoorID = "takoashi";
var YourHandle = "たこあし";
/*==== 要修正箇所 ここまで ====*/
var Divs = document.getElementsByTagName('div');
for (var i = 0; i < Divs.length; i++) {
if(Divs[i].getAttribute("class") == "posted" || Divs[i].getAttribute("className") == "posted"){
Divs[i].innerHTML = Divs[i].innerHTML.replace(YourlivedoorID, YourHandle);
i+=2;
}
}
// -->
</script>
<!--
/*==== 要修正箇所 ここから ====*/
var YourlivedoorID = "takoashi";
var YourHandle = "たこあし";
/*==== 要修正箇所 ここまで ====*/
var Divs = document.getElementsByTagName('div');
for (var i = 0; i < Divs.length; i++) {
if(Divs[i].getAttribute("class") == "posted" || Divs[i].getAttribute("className") == "posted"){
Divs[i].innerHTML = Divs[i].innerHTML.replace(YourlivedoorID, YourHandle);
i+=2;
}
}
// -->
</script>
参考になりました？応援だと思って
お願いします。
トラックバックURL
この記事にコメントする
