ブログカスタマイズはナシよ
え~夕方、ブログを2カラムにカスタマイズして表示させていたんですが、
帰宅したマクタロウに見て貰ってるうちにどうにも使いにくいのがわかって、
結局元に戻しました。やっぱり思いつきでカスタマしちゃいけませんねえ。
以前ダウンロードしていた2カラム(2列)のテンプレートをプチ改造。
4月10日以来2ヶ月ぶり!珍しく長持ちしてたんですけどねえ。
しかし…いざ変更してみるとちょっと寂しいような気も…。
まあ、また不満が出て来たら、元の3カラム(3列)に戻そうかなあ~と。(笑)
せっかくなので「続きを読む」に、変更箇所などを記録として表示~。
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{}
マクタロウとふたりで運営する「のほほん本舗」トップページ:今日の空
「日刊のほほん本舗」今日の空の全景写真のブログ
- 関連記事
-
- テンプレート変えてみたけど… 2013/01/29
- ブログテンプレート「day-out」 2018/10/24
- CategoricTagでカテゴライズ 2009/03/03
- IE or Firefox ? 2007/09/28
- フリーフォント「851チカラヨワク Ver 0.02」 2018/11/07
- 体重増加とブログSSL化対応の弊害! 2017/09/22
↑ クリックして貰えると大変喜びます!