Clik here to view.
定義リストDLの横並び
今回は、これを作ります！ 定義リストって、なによ？ って方は下記をご参照ください！ 定義リスト<dl><dt><dd>を使いこなす！ → 基本的事項 定義リスト <dt><dd>の横並び → ちょびっと応用 便利な使い方 定義リスト<dl><dt><dd>タグの挿入方法 → ホームページビルダーでの操作...
View ArticleClik here to view.
Inkscape イチゴの画像を輪郭をぼかしたハート型で切り抜く
かれこれ……４か月ぶりに、続きを………… 遅いよ！！(｀´） す、すみません^^; 今回は、ちゃんと、「ハートの輪郭をふんわりとぼかし」且つ「ぼかした部分は透過されている画像」を作ります。 Inkscape良さは、いろいろあるけど、意識しなくても（そのままで）、画像が綺麗に透過される点は、やっぱり、スゴイと思います。 Inkscapeで、輪郭をぼかして画像を切り抜く 作業は下記の通り。...
View ArticleClik here to view.
GIMPで、背景画像に便利な、水玉（ドット）素材を作ってみよう！
背景画像としては、なにかと便利な水玉（ドット）素材。 素材配布サイトでもおなじみの素材ですが、欲しい大きさが見当たらないってことは、ありませんか？ そんな時は、探すより作ってしまった方が、簡単です！ 今回は、画像作成・編集ソフトGIMPを使い、その作り方のポイントを説明します。 まずは、水玉（ドット）の並び方を考えてみる...
View ArticleClik here to view.
CSS マージン【margin】の特性
マージン、パッディング、ボーダーを設定し、 「さあ、これでよし！！」 と、プレビューを見ると、ものすごい残念なことになっている……こんなことってあるよね？ どうも、あの三兄弟との付き合いは、難しい。 特に、マージン・・・・・・ なんで、私の言うこと聞いてくれないの！？ って、思ったことない？？ と、いうことで、今回は、長男のマージン君の生態をちょびっと探ってみます！ え？ なんで、長男かって？...
View ArticleClik here to view.
CSSプロパティ line-height
今回は、【line-height】です。 一見地味そうに感じますが、押さえておくと、なかなか使えるプロパティです。 CSS【line-height】 とは？ 【line-height】は、CSSのプロパティの一種で、行間を設定するものです。 p{ line-height : 1.8; } セレクタ｛ プロパティ: 値; ｝ 【line-height】デフォルト値...
View ArticleClik here to view.
レンタルサーバー 「さくらインターネット」がディスク容量アップ！
私も利用している、 レンタルサーバー「さくらインターネット」が、 容量を大幅にアップするそうです！ 容量のアップは、今月の１７日から ２０１３年７月１７日（水）以降に、申し込まれた方から、下記の容量が適応されるそうです。 プラン名 増量前 増量後 ライト 5GB 10GB スタンダード 30GB 100GB プレミアム 60GB 200GB ビジネス 100GB 300GB ビジネスプロ...
View ArticleClik here to view.
CSSの優先順位 セレクタの強さ
ブログのテンプレートや、 ワードプレスのテーマを カスタマイズしようとCSSをいじっていると ？？？？？ なんで、スタイル（CSS）が、反映されないの？！ と、思ったことは、ありませんか？ 今回は、CSSの優先順位についてです！ セレクタについては、別記事『セレクタの種類と書き方』もご覧ください。 基本ルール あとに、書かれたスタイルが、優先される まずは、基本ルールのおさらいです。...
View ArticleClik here to view.
ホームページビルダーの操作外部CSSの作り方とCSSエディッタの操作
CSSを書く場所は、３か所。 タグに直接スタイルを設定する ページにCSSを書く 外部にCSSを作成する 今回は、ホームページビルダーでの、外部スタイルシートの設置方法。 そして、ホームページビルダーの付属ツールCSSエディタの使い方を説明します。 ホームページビルダー 外部スタイルシートの作り方 ホームページビルダーでは、スタイルシートマネージャを使って簡単に外部スタイルシートを作成出来ます。...
View ArticleClik here to view.
はじめてでも簡単！Inkscapeを使い、1分でハートを描く
今回は、フリーの画像ソフト「Inkscape」を使いハートを描いてみます。 超簡単なので、Inkscapeを触るのがはじめての方でも出来ますよ！ 取りあえず、２つ、３つ作れば、あとは、１分もかからずに、作れるようになります！ Inkscape 公式サイトへ Inkscapeのダウンロードは、こちら（公式ページ内）から 大まかな手順は、下記の通り。 ペンツールで直線を描く...
View ArticleClik here to view.
CSS 背景に画像を指定する！基本～実践まで
今回は、スタイルシートで、 背景に画像を設定する方法です。 今回は、いつにもまして^^;冗長なので、「もくじ」を作りました。 背景画像の指定 基本 画像アドレスの書き方 「ダブルクォーテーションは、必要か？」 画像を「横に繰り返す」 OR 画像を「縦に繰り返す」 画像を「繰り返さない」 画像の「固定」 OR 画像の「スクロール」 画像の「位置を指定する」...
View Article