ブログカスタマイズ

ブログカスタマイズはナシよ

4 0
20120613-04.jpg

え~夕方、ブログを2カラムにカスタマイズして表示させていたんですが、
帰宅したマクタロウに見て貰ってるうちにどうにも使いにくいのがわかって、
結局元に戻しました。やっぱり思いつきでカスタマしちゃいけませんねえ。

またまたブログのテンプレート(スキン)をすっきりさせたくて…
以前ダウンロードしていた2カラム(2列)のテンプレートをプチ改造。
4月10日以来2ヶ月ぶり!珍しく長持ちしてたんですけどねえ。
しかし…いざ変更してみるとちょっと寂しいような気も…。
まあ、また不満が出て来たら、元の3カラム(3列)に戻そうかなあ~と。(笑)


せっかくなので「続きを読む」に、変更箇所などを記録として表示~。
1.記事とサイドバーの色を黒からグレーに。
2.タイトルの位置を下げ説明文の色を白に。
3.トップ画像を作り直し差し替え。
4.CSS下部に書き足したタグをコピペ。(拍手やツイッターの色指定など)
・「続きをよむ」のタグ → 参考ページ
・ページ上部までスクロールのHTMLとスタイルシートの追加
 HTML(上部までスクロール)

</div><!--/ fixed header -->
<div id="fixed_footer">
<input type="button" value="Back to top" onclick="location.href='#top'" title="<%template_go_top>" />
</div><!--/ fixed footer -->


 スタイルシート(上部までスクロール)

#fixed_footer{
z-index: 2;
right: 0;
bottom: 25px;
position: fixed;
}
#fixed_footer input{
padding: 0 25px 0 5px;
background: #acacac url("画像のURL") no-repeat 100% 50%;
border-top: 1px dotted #fff;
border-right: none;
border-bottom: 1px dotted #fff;
border-left: 1px dotted #fff;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
color: #fff;
font-size: 18px;
font-family: Impact,"Arial Black",Sans-Serif;
cursor: pointer;
}
#body_header{}




blog-koushin-02.jpg
マクタロウとふたりで運営する「のほほん本舗」トップページ:今日の空
「日刊のほほん本舗」今日の空の全景写真のブログ


Comments 4

There are no comments yet.

ゆうみ

おはよう

こうやってカスタマイズできるってことすごいわ。
私のso-netの どうにかしたいけど どうしたら良いのかわからないの。

マク→う~さん

う~さんへ

いや~結局変えなかったから、1日無駄にしちゃったって事かぁ?(笑)
So-netは私もわからないからタイトルくらいしか変えられない~。
その点、FC2は編集しやすいようになっているので、
ついいじりたくなっちゃうねえ。

onion

ビバFC2!

ホント、わたしはseesaaも使ってますが、絶対FC2の方が使いやすいしカスタマイズも楽々です。
しかしマクノスケさんほどに使いこなしてはいないですが……。
印象としてはちょっと「涼しく」なったかな?
夏近し、ですもんね〜!

マク→onionさん

onionさんへ

私もAmeba 、エキサイト、ライブドア、So-net など使ったこともありますが、
(もしくは使ってますが)やっぱり、FC2のカスタマイズ度は半端ないですよね。
でも、最近、ちょっと弄りすぎかなあと思い、なるべくシンプルに…と思い、
日々、試行錯誤しているのですが、ダメだ!
おたくにシンプルにはダメだ!…ということに今更ながら気がついております。

でも、サイドバーがグレーになった事に気づいてくれてありがとうございました。
「涼しく」なりました?いや~良かったです。変えた甲斐がありました~。