ブログ活用のヒントを満載
by vlsasaki2
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

カテゴリ:★スキン編集・動画講座( 1 )
Top↑

★スキン編集・動画講座
スキン編集・動画講座(1) メディアプレイヤーの使い方
メディアプレイヤーの使い方を説明します。

スキン編集・動画講座(2) 演習用ブログについて
Q1 運用中のブログでもいいですか?
CSSの実習に使うブログは現在運用中のブログでもいいですか。
A1 実習専用のブログをお勧めします。
実験的な実習も行いますし、スキンは「ペーパー」が前提ですので実習専用のブログを新規登録されることをお勧めします。

スキン編集・動画講座(3) スキン編集とは
Q2 スキン編集とはどういうことですか?
スキン編集と言っても漠然としていますが、どういうことをするのですか。
A2 画面書式を設定します。
スキン編集はHTMLとCSSを使いブログのさまざまな画面書式を設定します。
手始めにコメント行の行数を増やしコメントエリアを広くしてみましょう。

スキン編集・動画講座(4) 文字色(color属性)
Q3 本文タイトルの色を変更できますか?
手始めに本文タイトルの色を変えてみようと思います。
そんなことができますか。
A3 はい、簡単です。
COLOR:色コード
で指定します。

スキン編集・動画講座(5) 塗りつぶし(background-color属性)
Q4 本文タイトルの行を塗りつぶせますか?
本文タイトル行の文字の下を帯のように塗りつぶせますか。
A4 はい、簡単です。
background-color:色コード で指定します。

スキン編集・動画講座(6) 内余白(padding属性)
Q5 上下に広くできますか?
タイトルの帯が狭すぎます。もう少し上下に広くなりますか。
A5 はい、簡単です。
内側の余白を指定するとあふれた分は外側へ大きくなります。

スキン編集・動画講座(7) 付箋(border属性)
Q6 付箋のようにできますか?
左側に色をつけて付箋のようなタイトルにしたいのですが、できますか。
A6 はい、簡単です。
左側の色の部分は枠線の縦線を太くします。

スキン編集・動画講座(8) 立体的な表示(border属性)
Q7 立体的な感じになりますか?
平面的な感じですが、厚みのあるような立体的な感じになりますか。
A7 はい、簡単です。
下と右のボーダーを少し暗くすると影のように見えて立体感が出ます。

スキン編集・動画講座(9) グラデーション(filter属性)
Q8 グラデーションをかけられますか?
タイトルの帯にグラデーションをかけられますか。
A8 はい、簡単です。
filter属性というものがあります。
これは、スタイルシートの拡張でIE4以降サポートされています。
ただ、ほかのブラウザではサポートされていないようですので注意が必要です。

スキン編集・動画講座(10) グラフィックスによるグラデーションの設定
Q9 文字が透けないようにできますか?
タイトルの文字が長いと最後の方がグラデーションと一緒に透けて見えます。文字が透けないようにしてタイトルの帯にグラデーションをかけられますか。
A9 はい、簡単です。
グラデーションの帯をCSSの指定ではなく、背景画像として設定します。
画像で設定するとIE以外のブラウザでも同じように表示することができます。

スキン編集・動画講座(11) フォントの変更
Q10 文字を大きくできますか?
ブログタイトルの文字を大きくしたりフォントを変更したりできますか。
A10 はい、簡単です。
フォントサイズやフォントファミリーを変更します。

スキン編集・動画講座(12) タイトル部分への写真の表示
Q11 タイトル部分に写真を表示できませんか?
ブログタイトルの部分は一色で塗りつぶされています。
ここに気に入った写真を表示することはできませんか。
A11 はい、簡単です。
表示するエリアと同じサイズの写真を作成し、背景画像として設定します。

スキン編集・動画講座(13) タイトルの文字色の変更
Q12 ポイントしたら色が変わるようになりませんか?
ブログタイトルをポイントしたら色が変わるようになりませんか。
A12 はい、簡単です。
DIV.HEADER A部の3つのcolorを変更します。

スキン編集・動画講座(14) コメント文字のポイント変更
Q13 コメント入力は大きい文字になりませんか?
コメント入力中はもう少し大きい文字がいいのですが、できませんか。
A13 はい、簡単です。
フォントサイズで任意の文字サイズに変更します。

スキン編集・動画講座(15) コメント欄への画像の表示
Q14 コメント入力欄に画像を表示できますか?
コメント入力欄にかわいいイラストや写真などの画像を表示したいのですが、そんなことができますか。
A14 はい、簡単です。
コメント入力欄に背景画像として設定します。
その際、スクロールの有無、繰り返し表示の有無、画像の位置を指定します。

スキン編集・動画講座(16) 文章エリアの塗りつぶし
Q15 強調したい部分を塗りつぶせますか?
本文の特定の部分を強調したい時があります。そのエリアを塗りつぶせると目立つと思いますが、そんなことができますか。
A15 はい、簡単です。
方法はいろいろありますが、blockquoteタグにこの機能を付加しましょう。

スキン編集・動画講座(17) 塗りつぶし部分の余白の変更
Q16 余白を自由に設定できますか?
塗りつぶしの部分が内側に入っていますし、塗りつぶし領域の先頭から文字が始まっています。
塗りつぶし領域はもう少し左右に広くし、領域内では文字を少し内側に配置したいと思いますがそういうことが自由に設定できますか。
A16 はい、簡単です。
外余白はマージン、内余白はパディングで設定します。

スキン編集・動画講座(18) 塗りつぶし部分の枠線表示
Q17 枠線で囲うこともできますか?
塗りつぶし領域を枠線で囲うこともできますか。
A17 はい、簡単です。
ボーダー属性を設定します。

スキン編集・動画講座(19) タイトル写真の差し替え
Q18 既存の写真と差し替えることもできますか?
スキンによってはもともとヘッダーに写真を表示しているものもあります。
これらの写真を自分の写真と差し替えることもできますか。
A18 はい、簡単です。
もとの写真と同じサイズの写真を用意し差し替えます。
ぼかしなどは自分が通常使うレタッチソフトで修正します。

スキン編集・動画講座(20)  ブログタイトルの非表示(削除)
Q19 ブログタイトルを削除できますか?
ヘッダーにオリジナルの写真を配置しましたが、写真の中に画像としてブログタイトルを表示するようにしました。
文字のブログタイトルが不要ですが非表示もしくは削除することができますか。
A19 はい、簡単です。
スキン編集のHTML部にある<$header$>を削除します。

スキン編集・動画講座(21)
Q20 タグを文字列として表示できませんか?
本文にタグを表示したい時がありますが、記述するとその結果を表示してしまいます。
たとえば
を表示したいのに、実際には改行してしまいます。
タグを文字列として表示できませんか。
A20 はい、簡単です。
< を &lt; 、 > を &gt; に置き換えます。
[PR]
by vlsasaki2 | 2005-01-01 00:00 | ★スキン編集・動画講座 Top↑