愛 LOVE MVNO!

iPhone・Xperia・スマホ・タブレット・MVNO・・・デジモノに関するエトセトラ。

【見出し・タイトル・文字】装飾・マーカー・表・アンダーライン・囲み・画像・・・

【スポンサーリンク】

【おススメサイト全部公開!】ブログ中の文字の装飾(カスタマイズ)サイト紹介

 

f:id:beauty-box:20150521174339j:plain

 

見出しや文字装飾など、記事に施される様々なアレンジ。

有るのと無いのでは、全然イメージが違うけれども、HTMLやCSS等の基礎知識は持ち合わせていない・・・

そんな方にオススメのサイトをご紹介します。

 

 

見出し・タイトル(初級)

ブログの見出しやタイトルの文字装飾を扱うサイトの殆どが、本格的なCSSでの装飾を基本としています。

しかしCSSはある程度知識がなければ、実際には使えません。モバイルサイト用にもカスタマイズが必要だったり、見出しの形式を変える場合には、CSSをいじった上に、見出しを特定のHTMLで挟んだり・・・

 

そんな時に便利なのがこちらのサイト

plaza.rakuten.co.jp

 

好きなタグをHTML編集モードの記事欄にコピペするだけ。

標準は<h3>タグですが、数字部分を入れ替えれば<h2>や<h4>などにも変更可能。

カラーコードを書き換えれば、記事の内容や気分によって、線の色も変更可能。

 

 

見出し・タイトル(中級)

こちらはCSSの知識が要るサイトになりますが、少し変わった見出し・タイトル装飾が楽しめます。参考までに。

 

st.s44.me

  

 

表・テーブル

表を挿入するときに便利なツール

行数や色を選択すると、勝手に表を作成してくれる優れもの。 

後はHTML編集モードの記事欄にコピペでOK。

 

sunafukey.fc2web.com

 

 

二重線・マーカー

 

ameblo.jp

 

 

文字装飾全般

 

yotarokun.lolipop.jp

 

 

囲み①

 

ameblo.jp

 

 

囲み②

 

ameblo.jp

 

 

無料画像(写真・イラスト)

無料の写真・イラスト素材のサイト。

優良素材満載だけど有料じゃない!

 

www.photo-ac.com

 

 

HTMLカラー見本

「 #」から始まる部分が色番号(色名)になります。上記のサイトの中にある「#数字」や「#色の名前」の部分を下のサイトの色番号(色名)に書き換えれば、簡単に色を変えることが出来ます。

 

www.colordic.org

 

www.hi-ho.ne.jp