![見出し画像](https://assets.st-note.com/production/uploads/images/104948376/rectangle_large_type_2_3ff5a92937ff7dbdb3906ef88ebb7ac5.png?width=800)
アピアランスで作る「検索ボックス」(完全版)
制作物に「〜のキーワードで検索してください」を添える機会が増えています。次の状態から検索ボックスを作り、大きさ調整が可能なアピアランスを整備してみました。
キーワードのみ
「検索」の文字のみ
キーワード+「検索」
バリエーション
![](https://assets.st-note.com/img/1683441895993-fD2MhM8X25.png?width=800)
![](https://assets.st-note.com/img/1683441895910-zY5DDtKziG.png?width=800)
![](https://assets.st-note.com/img/1683441896153-L720FmDxSv.png?width=800)
![](https://assets.st-note.com/img/1683441896288-DKgD8ByyNN.png?width=800)
ロジック
「キーワード」と「検索」の文字
次の条件によって、2つのテキストが両端に配置されます。
2つのテキストの間に「タブ記号」を入れる
「行揃え:右揃え」
![](https://assets.st-note.com/img/1683493556194-wLsl14UPDp.png?width=800)
ダウンロード
お試し版
![](https://assets.st-note.com/img/1683415889785-qQZToAsqD4.png?width=800)
フル版
ここから先は
32字
/
2画像
/
3ファイル
¥ 300
定期マガジンを購読されるとサンプルファイルをダウンロードいただけます。 https://note.com/dtp_tranist/m/mebd7eab21ea5