色んな方法があると思いますがスタイルシートでmin-widthを使い簡単に出来ます。通常のホームページレイアウトは大きく分けると、全体を囲むボックス、ヘッダー用ボックス、メイン用ボックス、フッター用ボックスになっています …
REED MORE →
アメブロ(xhtml版)のカスタマイズ
ここで紹介するアメブロカスタマイズは以前のアメブロ(xhtml版)の為現在のアメブロ(html5版)には対応していません。それを確認の上記事をご覧ください。 アメーバブログ(アメブロ)はブログを簡単に作成できて動画や限定 …
REED MORE →
各カテゴリーにアイコンをつける WordPress
Yahoo!サービス一覧のカテゴリーメニューのようにカテゴリーごとにアイコンをつけるにはWordPressの場合だとプラグインもいくつかありますが、プラグインを使わなくてもCSS(スタイルシート)で簡単に設定することが出 …
REED MORE →
html CSSの文法をチェックしてみよう
htmlの文法をチェック出来るサイトで有名なのがW3CやAnother HTML-lint gatewayが有ります。なぜこの様なサイトが有るのかと言うと前にお話しましたがInternet Explorer の旧バージョ …
REED MORE →
CSSインスペクトとCSSの有効/無効
CSSインスペクトとCSSの有効/無効ビデオチュートリアルではCSSルールの定義方法についてご紹介します。CSSルール定義ダイアログボックスを用いて簡単にCSSルールを定義する方法をご紹介します。2010年7月現在のDr …
REED MORE →
CSSルールの定義
このビデオではCSSルールの定義方法についてご紹介します。CSSルール定義ダイアログボックスを用いて簡単にCSSルールを定義する方法をご紹介します。又2010年7月現在のDreamweaverの最新バージョンはCS5にな …
REED MORE →
CSSのヒント
このビデオではDreamweaver CS5のCSSヒント機能について学びます。コーディングが苦手なデザイナーでもDreamweaverから提供されるCSSのヒントを読むことで、CSSについて学びながら適切なスタイルのコ …
REED MORE →
CSSスターターレイアウトとドキュメントの新規作成
CSSスターターレイアウトとドキュメントの新規作成ビデオではDreamweaver CS5でドキュメントを新規作成する手順をご紹介します。CSSをベースにしたページデザインを行うために、CSSスターターレイアウトを用いる …
REED MORE →
スタイルシートの見本完成-Dreamweaver
下記の見本が今回Dreamweaverで作成したスタイルシートになります。コピーはせずにあくまでも参考にして、Dreamweaverで入力をして作ってみてください。。又今回はレイアウトやナビゲーションの設置を基本に作成し …
REED MORE →
区切り線、ヘッダー、ナビゲーションの作成
それでは(hr)の区切り線を設定します。区切り線の設定は区切り線を見えなくするだけです。それなら最初から区切り線を入れなくてもいいんですが、携帯で見た場合に見やすくするために今回はあえて区切り線を入れて作成してあります。 …
REED MORE →