2018/03/16賢威カスタマイズ今回は賢威7で、文中の文字を四角いテキストボックスで装飾するカスタマイズを行っていきたいと思います!CSSだけのカスタマイズなので3分程度で完了です!ソースコードもそのままコピペで使えます。まとめ文章をテキストボックスで四角く囲みたい!今回行いたいカスタマイズはこんな感じです。文章を四角く囲みたい。テキストボックスで囲みたい。ブログなどで文章を書いていると、こんな感じで要素をまとめたくなることってありますよね。他サイトからの引用文でもないし、リストを作りたいわけでもない。四角くテキストボックスで囲えればイイんじゃ〜!という人のためのカスタマイズです。賢威7で文章をテキストボックスで囲う方法CSSファイルにソースを追記するカスタマイズするのはCSSファイルです。賢威7ではbase.cssファイルに下記のソースを追記します。#5bc2d9の1pxの部分を2pxなり3pxなりに変えてください。色を変えたい時は同じ箇所の#5bc2d9の部分をお好きなカラーコードに変更してくださいね。カラーコードはこちらのサイトが見やすいです。テキストボックスで文章を囲みたい時で、CSSに上記のソースコードを追記したら、テキストボックスで囲みたい文章にこのタグを付けます。class="textbox">この間に囲みたい文章を書く</div>テキストモードの方ですね。Quicktag」プラグインに登録しておいてください。登録しておけばボタン一つで呼び出すことができる超〜〜〜便利なプラグインです。登録したボタン名をクリックするだけでテキストボックスの装飾することができるようになります。ワンクリックで装飾タグが使えてとっても便利ですのでぜひ活用してください。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。働いていたバリバリの元キャリアウーマン。残業が月150時間を超える働き方に疑問を持ち、会社に雇われない働き方にシフトする。《週3日だけ働く》をテーマに、PC1で自由な働き方を実現するための情報を発信しています。