タグ

ブックマーク / blog.info-rich.jp (2)

  • Web2.0風ロゴ画像の作成

    ブログカスタマイズ講座 > デザイン編 Photoshopなどの画像編集ソフトを使用して作成することも可能ですが、「ロゴ作成ジェネレーター」を利用すれば、あっという間に作成することができます。 「Web2.0」のデザインの特徴は、「グラデーション」「反射効果」「角が丸い」「BETAバッジ」などが挙げられます。実際に、サンプル画像を見て頂ければイメージしやすいと思いますが、数多くのサイトで見かけるデザインですね。 「Web2.0」風のロゴを作成する際には、是非、試してみてください。 ■ サンプル(Web2.0風ロゴ画像) 1. Web2.0 Logo Creator by Alex P テキスト(半角英数字)を入力するだけで、Web2.0風のロゴを作成することができます。また、色・グラデーションの指定や、「反射効果」「BATAバッジ」の表示の有無が設定できます。 使用方法 「T

  • ドロップダウンメニューの設置

    では、「ドロップダウンメニューの設置方法」について説明します。 ここでは、javascript の onmouseover属性とonmouseout属性を用いて作成し、メニュー項目にマウスを重ねたときにクラス名が切り替わる方法を使用しています。 [1] HTMLの編集 HTMLテンプレートを編集し、ドロップダウンメニューを挿入したい箇所に、下記のようなメニューのリストを作成します。 <div id="navi_continer"> <div id="navi"> <ul> <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> <a href="#">メニュー 1</a> <ul class="sub"> <li><a

  • 1