このページの本文へ移動
色合い 標準 青 黄 黒
文字サイズ 標準 拡大 縮小
RSS
Since 00370883
Monthly 00001912

行事カレンダー

2024年4月
31 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 1 2 3 4
トップCMSマニュアル> 33.ボタンアイコンを作るには

33.ボタンアイコンを作るには

 【資料室】 

 

ボタンアイコンを作るには

スタイルの種類により,ボタンの横幅が変更されるのでスタイルにあったボタンを作成します。

ボタンの種類
 light_grass_off 200px*45px前後

light_blue

light_grass

pastel_green

 pastel_pink 169px*46px前後

pastel_brown

pastrl_pink

 

  1. 画像編集ソフト(Windowsペイントなど)を利用してデザインを作成します。
  2. 利用するスタイルにあわせて、あらかじめサイズを変更しておきます。
  3. ファイル種類(gif・png・jpg)に注意して保存します。

 

ボタンメニューへの設置については、「ボタンメニューの作成」を参照のこと。



 

利用できるボタンサンプル

必要な画像上で、マウスを右クリックして[名前を付けて画像を保存]から保存して利用してください。

 


初期値スタイル用ボタン
タイトル 通常時 クリック時 適用スタイル
light_blue  light_blue  light_blue light_blue
light_grass  light_grass  light_grass light_grass
pastel_brown  pastel_brown  pastel_brown pastel_brown
pastel_green  pastel_green  pastel_green pastel_green
pastel_pink  pastel_pink  pastel_pink pastel_pink
クリア  透明ボタン

pastel_brown

pastel_pink

タブメニュー用


 


 

背景を透明化 (pastel_pink/pastel_brownに適用)
タイトル 通常時 クリック時  備考
クローバー  クローバー  クローバー
ひまわり  ひまわり  ひまわり

 

チューリップ1  チューリップ  チューリップ
チューリップ2  チューリップ  チューリップ

 

うめA  うめ  うめ
うめB  うめ  うめ

 

さくら  さくら  さくら

 

ふたば  ふたば  ふたば
クレヨン  クレヨン  クレヨン
鉛筆  鉛筆  鉛筆
ひよこ  ひよこ  ひよこ

 

うさぎ1  うさぎ  うさぎ
うさぎ2  うさぎ  うさぎ
クマ  クマ  クマ
パンダ  パンダ  パンダ
猫1  猫  猫
猫2  猫  猫
足あと  足あと  足あと
 犬  犬
 本  本
学校  学校  学校
 星  星



背景のあるもの (light_grass/light_blue/pastel_greenに適用)
タイトル 通常時 クリック時 備考 
丸ボタン(紫)  丸ボタン  丸ボタン
丸ボタン(緑)  丸ボタン  丸ボタン
丸ボタン(黄)  丸ボタン  丸ボタン
ラインいろいろ  ライン  ライン
 ライン  ライン
三角(セピア)  三角  三角
三角(グリーン)  三角  三角
四角ボタン(青)Blue  四角ボタン  四角ボタン
四角ボタン(橙)Blue  四角ボタン  四角ボタン
四角ボタン(桃)Blue  四角ボタン  四角ボタン
四角ボタン(赤)Blue  四角ボタン  四角ボタン
四角ボタン1  四角ボタン  四角ボタン
四角ボタン2  四角ボタン  四角ボタン
四角ボタン3  四角ボタン  四角ボタン
四角ボタン4  四角ボタン  四角ボタン
双葉鉢植え  双葉鉢植え  双葉鉢植え
双葉地面  双葉地面  双葉地面
三つ葉  三つ葉  三つ葉
チューリップ  チューリップ  チューリップ
ホタル1  ホタル  ホタル
ホタル2  ホタル  ホタル
カエル1  カエル  カエル
カエル2  カエル  カエル
パンダ1  パンダ  パンダ
パンダ2  パンダ  パンダ
 星  星

 


>> ページの先頭へ

 

 

>> WEBマニュアル目次へ

 


掲載日 平成25年3月27日 更新日 平成25年3月29日
アクセス数
オプション