最強?無料Seesaaブログで簡単にホームページ作成!

目次
■初めての方は、「まずはじめに」の後に、トップページをご覧下さい。お勧め記事を集めました!
  その後は、ご自分の好きなところを読まれて大丈夫です。
トップまずはじめにブログ入門編Seesaa活用方法基本的な使い方SeesaaカスタマイズQ&Aお問い合せ
ランキングCSSHTMLアフィリエイトおすすめ本便利フリーソフトブログ紹介資産運用精神論足跡
トップ>スタイルシート(CSS)
記事一覧@スタイルシート(CSS)

■スタイルシート(CSS)の記述方法の基本

カテゴリ「スタイルシート」では、ブログをカスタマイズする上で知っておいた方がいいことを私が勝手に選んで紹介していこうと思います。

今日は、スタイルシート(CSS)の書式だけ紹介します。

これは、すべての基本ですのでしっかり押さえておいてください。

特にアフィリエイトに挑戦される方には、CSS編集は、とても大事です。

頑張りましょう!

ランキングに参加中!←今回は、長くなるので記事を読む前に応援お願いします!

スタイルシートの基本は?

■CSS(スタイルシート)の基本その1〜セレクタについて〜

今日は、スタイルシートを編集する際にとても大事な「セレクタ」についてもう少し詳しく説明していきますね。

最初はよく分からないと思いますが、読んでいくうちに少しでも分かっていただけたら幸いです。

自分で編集していくことでなんとなく分かってくると思います。

特に、アフィリエイトに挑戦される方は、CSS編集ができたらだいぶ自由度が増します。

どんどん挑戦していってください。

ランキングに参加中!←今回は、長くなるので記事を読む前に応援お願いします!

続きを読む

■スタイルシートの基本その2〜プロパティ(属性)と値について続き〜

今日は、先日の予定通り、
  1. 「テキスト」(文字の配置や行間を決める)
  2. 「マージン・パディング」(余白や領域間のスページ)
  3. 「ボーダー」(枠線)
の説明をしていこうと思います。

続きを読む

■スタイルシートの基本その2〜プロパティ(属性)と値について〜

前回は、「スタイルシートの基本その1〜セレクタについて〜」について説明しましてが、皆さん少しはスタイルシートで何をするか分かってきたでしょうか?

まだ、分からない人が大半かもしれませんが、もう少し辛抱強く頑張ってください。

特にアフィリエイトに挑戦しようと思っている方は、CSS編集ができるとブログの自由度が広がります。頑張っていきましょう!

今日は、「スタイルシート(CSS)の記述方法の基本」でもでてきましたが、

プロパティ(属性)と値について説明していこうと思います。

皆さんも自分のスタイルシートを表示して私の説明と合わせて見て下さい。

そっちの方が、分かりやすいと思います。

ランキングに参加中!←今回は、長くなるので記事を読む前に応援お願いします!

続きを読む

■CSSを編集してページの基本設定をしてみよう!

皆さん、CSS(スタイルシート)の編集できているでしょうか?

それともやはり私の説明が拙いばっかりに、まだまだ何の事だかまったくわからないでしょうか?

基本設定につきましては、カテゴリ「スタイルシート(CSS)」を参考にしていただきたいと思います。

今日から少しずつではありますが、具体的にCSSの編集について説明していこうと思います。

分からない部分がありましたら、遠慮なく言ってください。

但し、何度も言っておりますが、Seesaaカスタマイズに関しては、自己責任でお願いします。

スタイルシートの編集をするときは、メモ帳などにバックアップを取っておきましょう。

今日は、ページの基本設定に関してお話していきたいと思います。

リニューアル前との比較(2箇所)もあわせてで説明していきます。

今回は、長くなるので先に順位を確認!

続きを読む

■content(メイン)部分がサイドバーの下に落ちるのを防止する方法

今回は、ブラウザ(IEなど)の画面を小さくした場合に、メイン部分がサイドバーの下に落ちるのを防ぐ方法について説明していきます。

古いテンプレートを使っている方は、このような現象がしばしば見られます。

私のテンプレートは、もともとシンプルグリーンを使っておりましたが、やはりメインがサイドバーの下に落ちてしまうタイプでした。

CSSの編集をするのが、めんどくさい人は、最近のテンプレートを使う事で、この現象は、回避できると思います。

色々なテンプレートを試してみてください。

デザインは、気に入っているんだけどなって人は、これからの説明を参考にCSSを編集されてください。

今回は、2ペイン(左サイドバー+メイン)の場合です。

3ペイン(左サイドバー+メイン+右サイドバー)の場合は、今後説明します。

続きを読む

■CSS編集で文章が読みやすいように行間を広げてみよう!

CSSを編集して行間を広げるだけで文章の見易さが全然違ってきます。

他のCSSは編集しなくてもいいので、ここだけは編集しましょう!

特にブログをアフィリエイトに使っている人は、文章が見にくいのは、致命的なので絶対に編集しましょう!

分からない部分がありましたら、遠慮なく言ってください。

但し、何度も言っておりますが、Seesaaカスタマイズに関しては、自己責任でお願いします。

スタイルシートの編集をするときは、メモ帳などにバックアップを取っておきましょう。

編集するところは、セレクタtextです。

続きを読む

■マウスでリンクを選択したら色が変わるようにしてみよう!

今回は、CSS(スタイルシート)編集をして、カーソルリンクの上にきたらが変わるように設定してみましょう!

たくさんの皆様長らくお待たせ致しました。

分からない部分がありましたら、遠慮なく言ってください。

但し、何度も言っておりますが、Seesaaカスタマイズに関しては、自己責任でお願いします。

スタイルシートの編集をするときは、メモ帳などにバックアップを取っておきましょう。

続きを読む

■CSS(スタイルシート)で文字の基本設定

今回は、CSS(スタイルシート)を編集して、文字の基本設定をしてみましょう!

この設定をすれば、文字の大きさ、太さ、色、マージン・パディング(文字のつまり具合や余白)、行間、枠線、幅を設定できます。

CSS編集がまだよく分からない人は、行間の設定だけはするようにしましょう!

行間の幅を広げるだけで、かなり文章が読みやすくなります。

アフィリエイトをされている方は、文章が読みにくいのは致命的です。

頑張ってCSS編集していきましょう!

分からない部分がありましたら、遠慮なく言ってください。

但し、何度も言っておりますが、Seesaaカスタマイズに関しては、自己責任でお願いします。

スタイルシートの編集をするときは、メモ帳などにバックアップを取っておきましょう。

それでは、具体的に説明していきます。

続きを読む

■Seesaaブログで2カラムを3カラムにする方法

Seesaaブログを使われている皆さん、2カラム(左or右サイドバー+メイン)3カラム(左右サイドバー+メイン)どちら使われていますか?

ちなみに私のブログは、2カラムですね。

そして、私のもう一つのブログは、トップ、カテゴリ、過去ログは、3カラムで、記事ページだけ2カラムにしています。

こういう使い方している人は、少ないと思いますが、私は、記事ページだけは、広く使いたかったのでこのようにしました。

このやり方は、「記事ページだけ2カラムから3カラムにしてみよう!」に詳しく書いてあるので、もしそのような使い方をしたい方は、参考にして下さい。

話を戻して、3カラムにする方法を説明していきます。

続きを読む

■CSS編集して引用文を分かりやすくしてみよう!

先日、引用文を書く時は、blockquoteタグを使いましょうという話をしたと思います。

昨日だいさんからblockquoteタグをCSS編集をするのは、初心者の方には、いい練習になりますよとコメントを頂きましたので、記事にする事にしました。

続きを読む

■CSS編集するときにコメント文を入れて分かりやすくしてみよう!

CSS編集に取り組んでいる皆さん調子は、どうですか?

分からない事が、あったら遠慮なくコメントしてくださいね。

その際には、名前に自分のリンクを貼る事忘れずに!

今日は、スタイルシートコメント文を挿入する方法を紹介します。

続きを読む

このページのトップへ▲
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。