今日もポイントGET!&……デザインカスタマイズ!?☆
こんばんはヽ(^-^)
今日の結果から…
カーラ・カリーナ 「パンダ DE スクラッチ」 1p
ポイントポン! 2p
So-netトラベル 日替わり投票 1p
↑不思議な箱3日連続です+10p!
合計 14pでした☆
このところずっと夜型になりつつあるので…
おはガラはまったくできてません…
でも…
↑また出ちゃいました★超おはガラ
なので今日は睡眠不足でしたが近所の運動会をみてきました☆
リレーではおもわず応援盛りあがりました♪
↑運動×なので応援のみですヨ
秋の風がとても気持のよい一日でした
×××ここから番外編です×××
bigbangさんからカレンダーのアイコンを
『不思議な箱』にカスタマイズしていることについて
コメントをいただいたのでお送りします☆
ブログカレンダーのカスタマイズ
まずカレンダー用のアイコンを用意してください。
表示されるサイズが20ピクセルなので
縦横20ピクセル以下の「GIF」で保存しておくと
↑100%で表示されるのでキレイです。
ファイルの追加でをアップロードしたら準備完了です
ブログ→「管理ページ」から
「デザイン」→「スキン管理」を選びます。
登録しているブログスキン一覧の中から
↑カスタマイズするタイトルをクリックしてください。
次にスタイルシート編集の「トップページ」の中から
『/*--Calendar--*/』の文字を〔コントロール+F〕で検索します。
/*--Calendar--*/
.calendar-date { text-align:center; }
#calendar table { margin:3px auto;text-align:center; }
#calendar th { width: 20px;background: url("/_common/skins/715/images/bg.jpg") center;color:#AB5C20;font-weight:normal; }
↑なにもないところの背景と色設定
#calendar td { height: 20px;width: 20px;font-size: 10px;background: url("/_common/skins/715/images/td_bg01.gif") center;text-align: center;color:#843502; }
↑日記を書いていない日の背景と色設定
#calendar td.link {
background:url("/_images/blog/_f02/snpoint/ m_fusiginahako_calendarw.gif") no-repeat; center;color:#ff0000; }
↑日記を書いた日の背景と色設定
※この例では赤色の文字の部分にアイコン用ファイルを選択して文字列に追加しています
#calendar td a { color:#fff; }
↑日記を書いた日の数字の色設定
保存し終わったらプレビューなどで
確認しながら何度も調整したりします
以上です
独学で覚えたのと教えるのが決してうまくはありませんので
長い長文読んでいただきありがとうございました☆
よろしければカスタマイズ
挑戦してみてください!!\(≧∇≦)
今日の結果から…
カーラ・カリーナ 「パンダ DE スクラッチ」 1p
ポイントポン! 2p
So-netトラベル 日替わり投票 1p
↑不思議な箱3日連続です+10p!
合計 14pでした☆
このところずっと夜型になりつつあるので…
おはガラはまったくできてません…
でも…
↑また出ちゃいました★超おはガラ
なので今日は睡眠不足でしたが近所の運動会をみてきました☆
リレーではおもわず応援盛りあがりました♪
↑運動×なので応援のみですヨ
秋の風がとても気持のよい一日でした
×××ここから番外編です×××
bigbangさんからカレンダーのアイコンを
『不思議な箱』にカスタマイズしていることについて
コメントをいただいたのでお送りします☆
ブログカレンダーのカスタマイズ
まずカレンダー用のアイコンを用意してください。
表示されるサイズが20ピクセルなので
縦横20ピクセル以下の「GIF」で保存しておくと
↑100%で表示されるのでキレイです。
ファイルの追加でをアップロードしたら準備完了です
ブログ→「管理ページ」から
「デザイン」→「スキン管理」を選びます。
登録しているブログスキン一覧の中から
↑カスタマイズするタイトルをクリックしてください。
次にスタイルシート編集の「トップページ」の中から
『/*--Calendar--*/』の文字を〔コントロール+F〕で検索します。
/*--Calendar--*/
.calendar-date { text-align:center; }
#calendar table { margin:3px auto;text-align:center; }
#calendar th { width: 20px;background: url("/_common/skins/715/images/bg.jpg") center;color:#AB5C20;font-weight:normal; }
↑なにもないところの背景と色設定
#calendar td { height: 20px;width: 20px;font-size: 10px;background: url("/_common/skins/715/images/td_bg01.gif") center;text-align: center;color:#843502; }
↑日記を書いていない日の背景と色設定
#calendar td.link {
background:url("/_images/blog/_f02/snpoint/ m_fusiginahako_calendarw.gif") no-repeat; center;color:#ff0000; }
↑日記を書いた日の背景と色設定
※この例では赤色の文字の部分にアイコン用ファイルを選択して文字列に追加しています
#calendar td a { color:#fff; }
↑日記を書いた日の数字の色設定
保存し終わったらプレビューなどで
確認しながら何度も調整したりします
以上です
独学で覚えたのと教えるのが決してうまくはありませんので
長い長文読んでいただきありがとうございました☆
よろしければカスタマイズ
挑戦してみてください!!\(≧∇≦)
面白いですねw
箱以外でも応用がききますね♪
by nano (2008-09-27 21:56)
こんばんは。
へ~これは凄いです。
わざわざありがとうございます^^
参考にさせて頂きます<(_ _)>
ガラガラもおめでとうございます^^
応援☆
by bigbang (2008-09-28 03:09)
おはようございます。
今日は箱がでました。
☆
by pandan (2008-09-28 06:36)
箱&ガラガラおめでとうございます♪
勉強になりました"φ(・ェ・o)~メモメモ
☆
by にゃんたま (2008-09-28 07:10)
こんにちは。
ガラガラ凄すぎです!!!
おめでとうございますヾ(*゚∀゚*)ノ
私は箱もなかなか見つからないです(>_<;)
カスタム、久し振りにしたくなりました。
☆
by デルフィー (2008-09-28 09:52)
ガラガラおめでとうございます☆
by yuutomo (2008-09-28 11:29)
わー、ガラ福おめでとうございます。
私も、そんなんコメントを見たいです。
by こぱんだつま (2008-09-28 22:15)
こんばんは^^
応援☆
by bigbang (2008-09-29 01:22)
おはようございます。
ガラガラ運をあやかりに来ました。
出ますように~(*-人-*)
☆
by デルフィー (2008-09-29 08:03)
おはようございます。
今日はポンが10Pでました。
ビンゴは皆勤賞をがんばります。
☆
by pandan (2008-09-29 08:10)
こんばんは~
応援ポチ☆
by にゃんたま (2008-09-29 19:43)
こんばんは
不具合のようでログインが出来ませんので
こんな形で失礼します(>_<)
応援☆
by bigbang (2008-10-03 02:47)
サーフ レディース [url=http://www.releaseshopaustralianjp.com/]通販 傘[/url] <a href="http://www.releaseshopaustralianjp.com/" title="通販 傘">通販 傘</a>
by 通販 傘 (2013-08-19 10:35)
バッグ 人気 [url=http://www.releaseshoparrestsjp.com/]ロングブーツ[/url] <a href="http://www.releaseshoparrestsjp.com/" title="ロングブーツ">ロングブーツ</a>
by ロングブーツ (2013-08-19 10:35)
totes 傘 通販 ランジェリー http://www.blackboardjp.com/
by 通販 ランジェリー (2013-08-21 11:34)