《関連記事》

  • 「グローバルメニュー 1」はこちら
  • 「グローバルメニュー 2」はこちら
  • 「ヘッダー作成編」はこちら

 

アメブロをホームページ風に

私は、順番間違ってしまいましたが、このボタンを作成するのが最初です。

 

完成こんな感じ。

 

 

 

今までWindows派だった私は、Pagesがちょっと苦手。

でもPagesかなり使えます。

いつも調べながら作っているので、また記録用に残しておきます。

 

メニューボタンのサイズを決める

新デザインのコンテンツ幅が1120px

私の場合は、6メニューがあるので、6で割ります。

1120 ÷ 6 = 186.666667

となり、1個のグローバルメニューの画像幅は186px

縦幅は72pxにしました。

 

Pagesでメニューボタン作成

(1)Pagesの図形などでボタンを作成
※ピクセルをセンチメートルに変換URL
 
(2)スクリーンショットで切り取る
shift + command + 4
 
(3)デスクトップにある(2)を開く
マークアップツールバー・・・①
サイズ変更で1のサイズに・・・②
 
 
※周りの白い枠が木になる場合
ンスタントアルファ(③)を選択した後、図面をドラッグ
コマンド(⌘)+X(エックス) をクリックで切り取ることもできます。
 
今日は、ここまで。
次回は、作ったメニューボタンをアマブロに保存して、
以前、コピーしたCSSを変更します。
 

************************

メールマガジン「7日間で習得! 今さら人には聞けないホリスティックケア」(人、ペット)

 

https://ssl.form-mailer.jp/fms/1e6a1449562611

 

************************