賢威7で投稿ページの文字を囲み枠線で装飾する方法
横の長さが長い、短い場合は、width:630pxを調節して下さい。
例えば、短くしたい場合はwidth:500pxにするとかです。
背景色を変えたい場合は、background: #FFFACDのカラーコードを変更して下さい
囲み枠線（レモン色）
|
1 2 3 |
<div style="background: #FFFACD; width:630px; border: 1px solid #D3D3D3; height:100％; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;"> ここに文字を入力 </div> |
こんな感じでワードプレスのテキストにコードを貼り付けて、
コード内に文字を入力します。
ビジュアルでは反映されませんので注意です。
囲み枠線（淡いグレー）
|
1 2 3 |
<div style="background: #EFEFEF; width:630px; border: 1px solid #CC0000; height:100％; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;">テキストテキスト ここに文字を入力 </div> |
囲み枠線（ライトピンク）
|
1 2 3 |
<div style="background: #FFB6C1; width:630px; border: 1px solid #CC0000; height:100％; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;">テキストテキスト ここに文字を入力 </div> |
囲み枠線（ラベンダー）
|
1 2 3 |
<div style="background: #e6e6fa; width:630px; border: 1px solid #CC0000; height:100％; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;"> ここに文字を入力 </div> |
囲み枠線（ダークカーキ）
|
1 2 3 |
<div style="background: #bdb76b; width:630px; border: 1px solid #CC0000; height:100％; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;"> ここに文字を入力 </div> |
囲み枠線（ミストローズ）
|
1 2 3 |
<div style="background: #ffe4e1; width:630px; border: 1px solid #CC0000; height:100％; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;"> ここに文字を入力 </div> |
囲み枠線（ライトイエロー）
|
1 2 3 |
<div style="background: #ffffe0; width:630px; border: 1px solid #CC0000; height:100％; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;"> ここに文字を入力 </div> |
関連記事あります。
賢威7カスタマイズ！記事投稿ページ・固定ページに枠線・影をつける- 賢威7カスタマイズ！ウィジェットコンテンツに枠線と影をつける
- 賢威7カスタマイズ！サイドバーウィジェットの見出しに枠をつける方法
賢威7トップページ「続きを読む」をオリジナルのボタン画像に変更
賢威7で検索窓に薄い文字を入力して分かりやすくする方法- 賢威7カスタマイズ！サイドバーウィジェットの背景色、見出し文字サイズ、文字色を変更する方法
- 賢威7でサイドバーの見出し下線の左端一部分の青色を削除する方法
- 賢威7お客様の声を写真や吹き出しで表示させる方法
- 賢威7でランキングリストを作る方法！１位２位３位４位５位６位７位８位９位１０位
- 賢威7カスタマイズ！見出し２、見出し３、見出し４の文字色・大きさ・背景色を変更する
