4月1日:XD画像加工/htmlメニュー欄修正

 

XD

昨日に引き続きhtmlメニュー欄の作成でアイコン画像がいる為、XDで画像を加工

写真をO -DANでダウンロードして、XDにファイルからダウンロードしたファイルをドラッグして表示、○ツール使って円を作成し、サイズ調整の上、円を画像と合わせたい所まで移動。画像と円を選びcommand+shift+Mで合体しアイコン作成。

ファイルから、書き出ししてフィンダーへ

f:id:hinairo:20210401230736p:plain

 




 

html

メニュー欄修正

XDで作った画像をSMILEの中のIMGファイルに保存して、コードに書き込み。

文章が1列で表示されてアイコンと矢印がかぶるので、検証で2列にしてみて、その通りVSCODEを書き直してもまた1列で表示される。困った。

f:id:hinairo:20210401231342p:plain

f:id:hinairo:20210401231348p:plain