（7）個別記事タイトルを装飾する（吹き出し）: 【Seesaaブログ】ブログのデザインをカスタマイズしてみる【スタイルシート】
■使用デザイン Seesaaブログの「ライトグレー(両サイドバー)」 ■個別記事タイトルを装飾する前に…チョット前処理！ 装飾する前に、テンプレートデザインの個別記事見出し（h3）に、少し気になる箇所があるので前処理を施しました。 左上に小さな丸印がついています。 これを取ります。 スタイルシートの47行目あたりに↓の記述があるので赤い部分を含んだ1行をまるごと削除。 background-image:url(http://blog.seesaa.jp/img/bg/lightgray_1/title.gif); ↓ ■いよいよ、個別記事タイトルを装飾！ Webparkの「CSSの擬似要素を使った見出しデザイン」を参考にして、個別記事タイトル（h3）を装飾してみました。 前回の記事「（6）個別記事タイトルの背景色を変える／サイドバーのタイトルを装飾する」では、個別記事タイトルのフォントサイ
（5）ブログタイトルに装飾を施す／ブログタイトルの上下に余白を空ける: 【Seesaaブログ】ブログのデザインをカスタマイズしてみる【スタイルシート】
■使用デザイン Seesaaブログのライトグレー(両サイドバー) ■ブログタイトルに装飾を施す サルワカさんの 「CSSのコピペだけ！おしゃれな見出しのデザイン例まとめ68選」を参考にして、ブログタイトルを装飾してみました。 スタイルシートの一番下に、以下の記述（10行）を追加しただけで、簡単に出来てしまいました！ 無料ブログの場合「h1」がブログの大見出しになっていることが多いようです。 h1{ position: relative; padding: 0.2em 0.5em; background: -moz-linear-gradient(to right, rgb(255, 124, 111), #ffc994); background: -webkit-linear-gradient(to right, rgb(255, 124, 111), #ffc994); backgrou
（3）シーサーブログのフォントサイズを変える（サイドバー）／追記！: 【Seesaaブログ】ブログのデザインをカスタマイズしてみる【スタイルシート】
■使用デザイン ライトグレー(両サイドバー) ■サイドバーの見出しフォントサイズを「16ピクセル」にする。 サイドバーのタイトルに関する記述は180行あたりにあります。 フォントサイズの指定がなかったので「font-size:16px;」を追加しました。 .sidetitle { padding:4px 10px 4px 10px; font-weight:bold; background-color:#ECECEB; font-family:Verdana; font-size:16px; } スポンサーリンク ■サイドバーの記事フォントサイズを「14ピクセル」にし、（ ）のなかの数字を一回り小さい「12ピクセル」にする。 .side { padding:5px 10px 10px 0px; margin-bottom:10px; font-size:10px; line-height:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
