このページは2009年05月21日に更新されました
A.超初心者カスタマイズ
1 画像をアップロードする場所を作ろう
2 ローカルルール設定で、
3つの基本HTMLタグを覚えよう
3 スキンについてと、
管理画面からの色設定
4 掲示板全体の幅設定と、
枠線を消すカスタム
B.ちょっと応用初心者カスタマイズ
1 HTMLタグ作成プログラムで
簡単画像表示
2 放送チェッカーや
ブログパーツを活用しよう
3 文字や画像を
中央寄せにしたり右に寄せる方法
4 テーブル素材を活用しよう
C.高度なカスタマイズを簡単に
1 高度なカスタマイズと
スタイルシートの使い方
2 背景画像のカスタマイズ
3 スクロールバーの色を変える
4 リンクのカスタマイズ
5 したらば掲示板特殊タグ
6 各種スキンでカスタムする際のワンポイント
7 ファビコンを差し替える方法
D.その他+カスタムプログラム
「ねとらじFLASHプレイヤー」
簡単作成プログラム
ねとらじ放送チェッカー作成プログラム
したらば掲示板スレッド作成部分 簡単カスタムプログラム
(参考)カスタムされている掲示板を見てみよう
あたまにきたどっとこむ全文検索
検索キーワード


表示数 表示順
 『あたまにきたどっとこむ』掲載コンテンツについてのQ&A専用スレッドです。ご質問や追加情報がありましたらお寄せください。
 ご質問の際は、掲載コンテンツをご覧いただいた上で使用OS・使用ソフト・使用オーディオデバイス名や具体的症状など、できるだけ多くの情報を付け加えてください。



誰でも簡単!したらば掲示板カスタマイズ

トップページ>>誰でも簡単!したらば掲示板カスタマイズ>>A-2.ローカルルール設定で、3つの基本HTMLタグを覚えよう

A-2.ローカルルール設定で、3つの基本HTMLタグを覚えよう

ローカルルール設定でHTMLタグを練習しよう

 HTMLタグは、ブラウザで表示する文字を装飾したり、画像を表示させたりするための記号です。基本的なHTMLタグをほんの少し使うだけでも、したらば掲示板を個性的にカスタムすることができます。

 ここでは、管理画面のローカルルール設定を利用して、入力した文字やHTMLタグが、どのように表示されるかを試しながら、その使い方を覚えましょう。

いつでも白紙に戻せるローカルルール

 ローカルルールに文字やHTMLタグを入力して【編集を適用する】を押すと掲示板に表示されます。

 入力したものを全て削除してから【編集を適用する】を押せば、簡単に白紙に戻すことができるので安心してください。

基本HTMLタグ:その1 改行するための<BR>タグ


<BR>タグの使用例

改行する<BR>タグ

 キーボードのEnterキーで行う改行は、掲示板での表示には反映されません。文字の改行に使う、最も基本的なHTMLタグが<BR>タグです。

 改行したい文章の末尾に<BR>を入れたり、縦方向にスペースを作りたい場合には連続して<BR>を入れれば良いのです。

基本HTMLタグ:その2 文字を装飾する<FONT>タグ

文字を装飾する<FONT>タグ

 文字の色を変えたり、大きさを変えるために使うのが<FONT>タグです。末尾に</FONT>を入れた場所まで、その文字が装飾されます。<FONT>で始まり、</FONT>で終わることを覚えておいてください。

文字の色を変える

<FONT color="#FF0000">赤色</FONT>
 この#FF0000の部分はカラーコードと言われる、色を指定するための記号です、カラーコードを変えれば好きな色に指定することができるのです。

文字の大きさを変える

<FONT size="1">小さい文字</FONT>
 この、size="1"の数字を変えると、文字の大きさが変わります。"3"が何も指定しない状態と同じ文字の大きさで、「1〜7」まで指定できます。

文字の色と大きさを変える場合

<FONT size"4" color="#0000FF">青色</FONT>
 このように、大きさと色を同時に変えることもできます。


<FONT>タグの使用例
 そのままコピーして使える<FONT>タグです。好きなカラーコードと、文字の大きさに変えて使ってください。




基本HTMLタグ:その3 リンクをつける<A href>タグ


<A href>タグの使用例

「画像・文字リンクHTMLタグ作成プログラム」
も利用してください。

リンクをつける<A href>タグ

 文字や画像に、他のページへのリンクをつけるには<A href>タグを使います。左画像の上は、放送用アドレスをそのまま入力したものですが、自動的にリンクはつきません。

<A href="http://リンク先のURL">文字</A>
 このように、末尾に</A>を入れた場所まで、リンクが付きます。
 リンクをつけるための<A href>タグ、そのままコピーしてリンク先のアドレスと文字を入れて使えます。もしくは、「画像・文字リンクHTMLタグ作成プログラム」を使えば簡単に作成することが出来ます。

(参考)ここまでのまとめと、参考リンク&フリーソフト

ここまでのまとめ

 掲示板タイトル画像の設定と、3つの基本HTMLタグを使ってローカルルール設定をするだけで、左画像のような掲示板にすることができました。

メモ帳を活用しよう

 Windowsに標準でインストールされているメモ帳はテキストエディターと呼ばれる、文章の簡易編集ソフトです。

 ローカルルール設定に入力する文章やHTMLタグは、メモ帳でこまめに保存しながら作業をすると良いでしょう。

カラーコードが見れるサイトリンク

一時間で作るホームページ-HTML・CSS用カラーコード-
カラーチャート/Web Safeカラー 216色 - TAG index

カラーコード作成のフリーソフト

RGB Get(カラーコードの作成や、モニター画面上の色からカラーコードを取得することもできます)
Color Master(好きな色のカラーコードを簡単に作成できます)

おすすめテキストエディター

 メモ帳よりも便利で高機能な、テキストエディターのフリーソフトを紹介します。
・TeraPad (シンプルで高機能なテキストエディターです)
・otbedit (タブ式で編集しやすいテキストエディターです)

おすすめHTMLエディター

 HTMLを編集する専用のフリーソフトです。使い方に慣れればテキストエディターよりも便利ですが、したらば掲示板のカスタムで使うにはちょっと注意が必要です。
・alphaEDIT
(直感的操作ができるHTMLエディターです。ソフトの解凍にはLhaplusのような解凍ソフトが必要です)
 したらば掲示板での、alphaEDITの簡単な使い方は、【WYSIWYG】タブで編集をしたら、【HTMLソース】を開き、そこの<body>〜</body>タグの間にある文字列をコピーして、ローカルルールなどに貼り付ける方法です。
Homepage Manager
 人気の無料ホームページ作成ソフトです。

トップページに戻る