だんだんと、それっぽくなってきた？
サイドのカレンダーの下に画像を貼ってみました・・・・
だんだんと、らしくなってきたような気がします・・・・
サイド全部にバックの画像を貼る予定です
でも、同じ画像を使いまわすのは・・・・・・・・・
少し変えようと思います
完成はいつになるのでしょう
CSS タイトル文字を画像に変換 （実証してみました）
CSSだけでタイトル文字を画像に置き換えできるか実証してみました
ここはjavascriptで作ってあるので
別のサイトで試してみました ←ココを見てください
このページもCSSになおしました
が重いとき、javascriptではタイトル文字がしばらく表示される場合がありましたが
CSSではほとんどなくなったと思います
ロールオーバーもできるようにしています
マウスをのせてみて下さい
また例のごとく、青字部分をＣＳＳにコピペ
※ 画像のサイズ *** の部分の記入を忘れないで下さい
/* ヘッダー部分の背景 ※もしかしたらheight: **px; で高さ指定も必要かも */
#header{
margin:0 auto;
width: 800px;
background-image: url(ヘッダー部分の背景画像のURL);
background-repeat: no-repeat;
}
div#header h1 {
margin:0 0 0 50px;/* タイトル画像の表示位置 */
padding:0;
width:***px; /* タイトル画像の横幅 */
height:**px; /* タイトル画像の縦 */
background: url(タイトル画像のURL) ;
background-repeat : no-repeat;
}
div#header h1 a {
display:block;
width:***px;/* タイトル画像の横幅 */
height:**px;/* タイトル画像の縦 */
text-indent: -2000px;
overflow: hidden;
}
/* ロールオーバーの設定 */
div#header h1 a:hover {
display:block;
background-image: url(マウスがのったときの画像のURL);
background-repeat: no-repeat;
}
実証してみたところ
ここみたいにjavascriptだと
時間帯で重いときは、なかなか文字が画像に置き換わらないのですが
CSSではすぐに置き換わります
案外、カンタンなのでお勧めです
背景にあわせて画像を作ってください（透過させるなど）
ソースにはh1タグで囲まれたタイトルも残りますのでＳＥＯ的にもＯＫだと思います
12/4 ちょっと訂正
12/5 タイトル画像の表示位置の追加 ＆ このページもjavascriptをやめてCSSにしました
※スキンによってはCSSの書き換えができない場合があります
横幅800px以上の画像をアップする
2009年1月 アメブロによりフォトが使えなくなりました・・・
http://ameblo.jp/exlink/entry-10197585673.html
でも・・・↑アップできる方法が・・・
横幅800px以上の画像をアップする方法
このスキンを作るうえで800px以上の画像が必要になりました
たぶんお助け掲示板に出ている方法ではわからないんじゃないかな？？
参考にやり方をひかえておきます
1.フォトに入る
（アメブロを書く→画像フォルダーでは800pxまで・・・大きい画像は縮小されてしまいます）
2.フォトのアップロード
3.アップロードする画像を選びアップロード
4.フォトの編集 画像の下の編集をクリック
5.サムネイル画像の上で右クリック → プロパティ
6.プロパティの中のアドレスをコピー
7.メモ帳とかにコピーしたアドレスを貼り付ける
8.画像アドレスのmedium を org に変更
これがこの画像のアドレスのなります
アメブロの変更により
medium ではなく small とか large の場合もあります
それでも org に変更で元のサイズになります