<--!リンク--> Toof|あんなこと、そんなこと、どうでもいいこと・・・

あんなこと、そんなこと、どうでもいいこと・・・

;気まぐれに書いてます^^
あんなこと、そんなこと、どうでもいいこと・・・ TOP  >  未分類 >  Toof

Toof

ボックスフレーム(角丸、立体的)
<div style="border:1px solid #999999;padding:10px;background-color:ecfefe;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;box-shadow: 2px 2px 3px #aaaaaa;margin: 10px;">~文章~</div>

■ボックスフレーム(角丸、立体的):背景白
<div style="border:1px solid #999999;padding:10px;background-color:ffffff;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;box-shadow: 2px 2px 3px #aaaaaa;margin: 10px;">~文章~</div>

■ボックスフレーム(角丸、立体的):背景白:アメブロ用特■
<div style="border:1px solid #999999;padding:10px 10px 10px 15px;background-color:ffffff;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;box-shadow: 2px 2px 3px #aaaaaa;margin: 10px;">~文章~</div>

■ボックスフレーム(角丸、立体的)part.2■
<div style="border:1px solid #999999;padding:6px;background-color:#ecfefe;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;box-shadow: 2px 2px 3px #aaaaaa;margin: 10px;">~文章~</div>

■囲み枠(黄色)■
<div style="border:1px solid #ffd700;padding:10px;background-color:#ffffff;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;box-shadow: 2px 2px 3px #aaaaaa;margin:5px;">~文章、文章、文章~
~文章、文章~
~文章~</div>
■タイトル付き枠囲い(タイトル:水色、枠線:黄色)■
<div style="border-width: 1px;border-style: solid;border-color: #ffd700;margin: 5px;padding: 5px;background-color: #ffffff;color: #000000;box-shadow: 5px 5px 5px #aaaaaa;border-radius: 10px;color: #333333;"><div style="margin: -12px 0 0px 0px;padding: 0;"><div style="height:12px;"><span style="margin-left:10px; padding:6px 10px; background-color:#add8e6;box-shadow: 3px 3px 3px #aaaaaa; color:#000000; font-weight:bold;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;box-shadow: 3px 3px 5px #aaaaaa;">~タイトル~</span></div><br/>~文章~~文章~~文章~~文章~~文章~
~文章~~文章~~文章~~文章~
~文章~~文章~~文章~
~文章~~文章~
~文章~
</div></div>

---

■記事タイトル用:中見出し(上下に線、水色)推奨:03/05■
<div style=" border-bottom:2px solid #00ffff;border-top:1px solid #00ffff; padding-left:7px;padding-top: 5px; font-weight:bold;font-size:25px;color:#1f3134;background:#f8f8ff">上下を線で囲まれたサブタイトル</div>

■中見出し、02、囲み■
<div style="background-image:linear-gradient(#cef6f5,#f7f8e0);background-color:#ffffff; padding:5px; border:2px solid #00ffff;font-weight:bold;font-size:25px;">小見出し、囲み、水色</div>

■中見出し(緑:推奨)■
<div style=" border-bottom:2px solid #009900;border-top:1px solid #33ff00; padding-left:10px; font-weight:bold;font-size:23px;background:#ffffcc">~項目~</div>

■■■■記事内タイトル(グラデーション):05/16■■■■
<div style="background-image:linear-gradient(#ffffff,#7affff,#05ffff);border:1px dotted #00ff00; padding: 10px 8px 4px;background-color:#ffffff;font-size:23px;font-weight:bold;color:#203744;box-shadow: 2px 2px 3px #aaaaaa;margin:5px;">~記事内タイトル、項目</div>

▼▼▼▼▼グラデーション;角丸▼▼▼▼▼
<div style="background-image:linear-gradient(#ffffff,#7affff,#05ffff);border:1px dotted #00ff00; padding: 10px 8px 4px;background-color:#ffffff;font-size:23px;font-weight:bold;color:#203744;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;box-shadow: 2px 2px 3px #aaaaaa;margin:5px;">~小見出し文章~</div>

■■■■推奨コード2016/06/11▼▼▼▼▼グラデーション;角丸▼▼▼▼▼
<div style="background-image:linear-gradient(#ffffff,#7affff,#05ffff);border:1px dotted #00ff00; padding: 10px 8px 4px;background-color:#ffffff;font-size:23px;font-weight:bold;color:#203744;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;box-shadow:5px 5px 10px; #aaaaaa;margin: 2px 8px 8px 0px;">~~任意の文章~~</div>

■■■■推奨コード2016/06/12▼▼▼▼▼グラデーション;角丸;ピンク▼▼▼▼▼
<div style="background-image:linear-gradient(#ffffff,#ffb6c1,#ff89ff);border:1px solid #c71585; padding: 10px 8px 4px;background-color:#ffffff;font-size:23px;font-weight:bold;color:#006400;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;box-shadow:5px 5px 10px; #aaaaaa;margin: 2px 8px 8px 0px;">~~任意の文章(サブタイトル等)~~</div>
スポンサーサイト
[ 2016年10月29日 01:25 ] カテゴリ:未分類 | TB(0) | CM(0)
コメントの投稿












管理者にだけ表示を許可する
トラックバック
この記事のトラックバックURL

プロフィール

awantan

Author:awantan
なんだか良く解りませんが、
ポチポチ頑張ります。;^^

メインは、こちらの方です。

ワンタンのアメブロ

検索フォーム
ブロとも申請フォーム
QRコード
QR