ブログのいろいろ気になっていた部分を修正しました。
だいたいイメージ通りになったし
このデザインでいこうと思います。
改修は結構簡単にできました。
色々なブログサービスを渡り歩きましたが、私にはBloggerが一番使いやすいようです。
ブログの詳細 | |
---|---|
使用テンプレート | Bloggerシンプルテンプレート |
変更した部分 | ヘッダ画像 背景画像 レイアウト 幅 CSS |
そんなにいじってないです。
ヘッダ修正
「活目ブログ」だったのを「刮目ブログ」に直しました。
誤字(笑
使用したフリー手書きフォントが、JIS第一水準対応で
活は収録、刮は未収録だったので、後でなんとかしようと思ったんじゃないかな(適当)
無料のフォントまとめ
CSS
divクラスを設定しました。CSS3対応の画像を使わない角丸box
参考:画像を使わずにCSSだけで角を丸くする方法
及びシャドウを設定しました。
参考:CSS3のボックスシャドウ(box-shadow)をコピペでどーぞ。
こんなboxデザインです
参考にCSSのせときます。Blogger テンプレート→上級者向け→CSS設定で以下を追記しました。
body{
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
Meiryo, sans-serif;
}
div.maru {
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari,Chrome */
border-radius: 20px; /* CSS3 */
border: 0px lightseagreen solid; /* 枠線の装飾 */
background-color: aliceblue; /* 背景色 */
}
div.wmaru {
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari,Chrome */
border-radius: 20px; /* CSS3 */
border: 0px lightseagreen solid; /* 枠線の装飾 */
background-color: whitesmoke; /* 背景色 */
}
.shbox {
-moz-box-shadow: 5px 5px 20px #ddd;
-webkit-box-shadow: 5px 5px 20px #ddd;
}
maruとw(ホワイト)maruという自分しかわからないクラス名をつけるあたり私らしいです
テンプレートのimgにシャドウボックス設定がのこってていらいらするんですけど、
どうクラス名ついてるかわかんないのでもういいやって感じです
あきらみた