Blog
2005/12/03のBlog
[ 11:11 ]
[ 日記 ]
つ～ことで、土日ちょっと出ています。
携帯の電波も届くかどうかちょっと疑問（笑）
なので帰ってからチェックしまーっす。
今日はいい天気だけど明日はどーかな？？
雪降ったりして（汗
携帯の電波も届くかどうかちょっと疑問（笑）
なので帰ってからチェックしまーっす。
今日はいい天気だけど明日はどーかな？？
雪降ったりして（汗
[ 00:33 ]
[ プリンを極める ]
;)
秋限定なのかな？？
二層になっているようで上の部分はさほど栗の味がしなかったのに底にいくにつれてめっちゃ栗（笑）
生地もなめらかでンマンマです
栗好きにはこたえられません
とってもクリーミィな栗を食べてる気分にひたれます
その他のプリンは⇒プリンを極めるINDEX
他のヒトの感想⇒
二層になっているようで上の部分はさほど栗の味がしなかったのに底にいくにつれてめっちゃ栗（笑）
生地もなめらかでンマンマです
栗好きにはこたえられません
とってもクリーミィな栗を食べてる気分にひたれます
その他のプリンは⇒プリンを極めるINDEX
他のヒトの感想⇒
2005/12/02のBlog
[ 18:00 ]
[ doblogカスタマイズＱ＆Ａ ]
;)
ADGさんのクリスマス・ジャックに参加の皆様向けの記事です。
基本のベーシック・新緑・陽だまり・シンプル・飛行機・Dデザインに対応箇所をコピペするだけで画像がはれるようにしてみました。
それぞれ好みのクリスマス・ジャック画像を左クリックすると新しいウィンドウが開きます。すると幅760px 高さ220px の大きな画像が現れます。その画像を右クリックしてご自分のPCに保存しましょう。
■手順１：画像をアップさせる
記事を作成を開き、イメージのところに自分のPCに取り込んだページタイトル用の画像をファイルを参照して表示させてください。
そしてそのまま記事を公開、または下書き保存してください。
■手順２：画像のURLを確認する
| MyDoblogトップ | をクリックするかページの更新でご自分のブログの一番新しい状態にしてください。
アップした画像の記事が表示されると思います。
次にページタイトル用の画像をクリックすると画像だけ表示された新しいウィンドウが開きますね？
そのアドレスが画像のURLになります。←これ重要！！
http://www.doblog.com/img/u●●●●/△△△△.ファイル拡張子
●●●●には、数字が△△△△には数字とアルファベットが、ファイル拡張子は ｊｐｇ とか gif とか png になっています。
■手順３：デザインカスタマイズを開く
管理メニューからデザインカスタマイズをクリックしてください。
/* 全体 */
/* リンク */
/* フォーム */
/* Doblogヘッダー */ の次に
/* ページタイトル */ がありますので今回はそこの記述をコピー＆ペーストで書き換えてください
基本のベーシック・新緑・陽だまり・シンプル・飛行機・Dデザインに対応箇所をコピペするだけで画像がはれるようにしてみました。
それぞれ好みのクリスマス・ジャック画像を左クリックすると新しいウィンドウが開きます。すると幅760px 高さ220px の大きな画像が現れます。その画像を右クリックしてご自分のPCに保存しましょう。
■手順１：画像をアップさせる
記事を作成を開き、イメージのところに自分のPCに取り込んだページタイトル用の画像をファイルを参照して表示させてください。
そしてそのまま記事を公開、または下書き保存してください。
■手順２：画像のURLを確認する
| MyDoblogトップ | をクリックするかページの更新でご自分のブログの一番新しい状態にしてください。
アップした画像の記事が表示されると思います。
次にページタイトル用の画像をクリックすると画像だけ表示された新しいウィンドウが開きますね？
そのアドレスが画像のURLになります。←これ重要！！
http://www.doblog.com/img/u●●●●/△△△△.ファイル拡張子
●●●●には、数字が△△△△には数字とアルファベットが、ファイル拡張子は ｊｐｇ とか gif とか png になっています。
■手順３：デザインカスタマイズを開く
管理メニューからデザインカスタマイズをクリックしてください。
/* 全体 */
/* リンク */
/* フォーム */
/* Doblogヘッダー */ の次に
/* ページタイトル */ がありますので今回はそこの記述をコピー＆ペーストで書き換えてください
新緑デザインの場合
/* ページタイトル */ の中の .mydoblog-header { ～ } を下記の記述に変更してください
.mydoblog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 150% ;
font-weight : bold ;
color : #ddffee ;
background-color : ;
background-image: url(http://img.doblog.com/7000/u6480/2000/FI2102199_0E.jpg); /**ADG さんの素材です**/
background-repeat: no-repeat;
background-position: center ;
width : 776px ;
height : 220px ;
text-align : right ;
text-indent : 5px ;
padding-top : 150px;
padding-right:20px;
padding-bottom : 3px;
margin-top : 5px ;
margin-bottom : 5px;
voice-family : "\"}\"";voice-family : inherit ;
}※太字の画像URLは各自でとりこんだものを使用してください
陽だまりデザインの場合
/* ページタイトル */ の中の .mydoblog-header { ～ } を下記の記述に変更してください
.mydoblog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 150% ;
font-weight : bold ;
color : #993300 ;
background-color : ;
background-repeat: no-repeat;
background-position: center ;
background-image: url(http://img.doblog.com/7000/u6480/2000/FI2102199_0E.jpg); /**ADG さんの素材です**/
width : 776px ;
height : 220px ;
text-align : right ;
text-indent : 5px ;
padding-top : 5px;
padding-right:10px;
padding-bottom : 3px;
margin-top : 5px ;
margin-bottom : 5px;
border-style : solid ;
border-color : #FF9966 ;
border-top-width : 1px ;
border-right-width : 1px ;
border-bottom-width : 1px ;
border-left-width : 1px ;
voice-family : "\"}\"";voice-family : inherit ;
}※太字の画像URLは各自でとりこんだものを使用してください
ベーシックデザインの場合
/* ページタイトル */ の中の .mydoblog-header { ～ } を下記の記述に変更してください
.mydoblog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 150% ;
font-weight : bold ;
color : #666699 ;
background-color : ;
background-repeat: no-repeat;
background-position: center ;
background-image: url(http://img.doblog.com/7000/u6480/2000/FI2102199_0E.jpg); /**ADG さんの素材です**/
width : 776px ;
height : 220px ;
text-align : right ;
text-indent : 5px ;
padding-top : 5px;
padding-right:20px;
padding-bottom : 3px;
margin-top : 5px ;
margin-bottom : 5px;
border-style : solid ;
border-color : 666666 ;
border-top-width : 1px ;
border-right-width : 1px ;
border-bottom-width : 1px ;
border-left-width : 1px ;
voice-family : "\"}\"";voice-family : inherit ;
}※太字の画像URLは各自でとりこんだものを使用してください
/* ページタイトル */ の中の .mydoblog-header { ～ } を下記の記述に変更してください
.mydoblog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 150% ;
font-weight : bold ;
color : #ddffee ;
background-color : ;
background-image: url(http://img.doblog.com/7000/u6480/2000/FI2102199_0E.jpg); /**ADG さんの素材です**/
background-repeat: no-repeat;
background-position: center ;
width : 776px ;
height : 220px ;
text-align : right ;
text-indent : 5px ;
padding-top : 150px;
padding-right:20px;
padding-bottom : 3px;
margin-top : 5px ;
margin-bottom : 5px;
voice-family : "\"}\"";voice-family : inherit ;
}※太字の画像URLは各自でとりこんだものを使用してください
陽だまりデザインの場合
/* ページタイトル */ の中の .mydoblog-header { ～ } を下記の記述に変更してください
.mydoblog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 150% ;
font-weight : bold ;
color : #993300 ;
background-color : ;
background-repeat: no-repeat;
background-position: center ;
background-image: url(http://img.doblog.com/7000/u6480/2000/FI2102199_0E.jpg); /**ADG さんの素材です**/
width : 776px ;
height : 220px ;
text-align : right ;
text-indent : 5px ;
padding-top : 5px;
padding-right:10px;
padding-bottom : 3px;
margin-top : 5px ;
margin-bottom : 5px;
border-style : solid ;
border-color : #FF9966 ;
border-top-width : 1px ;
border-right-width : 1px ;
border-bottom-width : 1px ;
border-left-width : 1px ;
voice-family : "\"}\"";voice-family : inherit ;
}※太字の画像URLは各自でとりこんだものを使用してください
ベーシックデザインの場合
/* ページタイトル */ の中の .mydoblog-header { ～ } を下記の記述に変更してください
.mydoblog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 150% ;
font-weight : bold ;
color : #666699 ;
background-color : ;
background-repeat: no-repeat;
background-position: center ;
background-image: url(http://img.doblog.com/7000/u6480/2000/FI2102199_0E.jpg); /**ADG さんの素材です**/
width : 776px ;
height : 220px ;
text-align : right ;
text-indent : 5px ;
padding-top : 5px;
padding-right:20px;
padding-bottom : 3px;
margin-top : 5px ;
margin-bottom : 5px;
border-style : solid ;
border-color : 666666 ;
border-top-width : 1px ;
border-right-width : 1px ;
border-bottom-width : 1px ;
border-left-width : 1px ;
voice-family : "\"}\"";voice-family : inherit ;
}※太字の画像URLは各自でとりこんだものを使用してください
シンプルデザインの場合
/* ページタイトル */ の記述を（全てです）下記の記述に変更してください
.mydoblog-header {
width : 760px ;
height : 220px ;
text-align : right ;
background-image : url(http://img.doblog.com/7000/u6480/2000/FI2102199_0E.jpg); /**ADG さんの素材です**/
}
.mydoblog-header-text {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size: ;
font-weight : bold ;
line-height : ;
color : #333333 ;
display : block ;
padding : 10px 10px 0px 0px ;
}
.mydoblog-header img {
vartical-align : text-bottom ;
margin : 0px 0px 0px 0px ;
}※太字の画像URLは各自でとりこんだものを使用してください
飛行機デザインの場合
/* ページタイトル */ の記述を（全てです）下記の記述に変更してください
.mydoblog-header {
width : 760px ;
height : 220px ;
text-align : right ;
background-image : url(http://img.doblog.com/7000/u6480/2000/FI2102199_0E.jpg); /**ADG さんの素材です**/
}
.mydoblog-header-text {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size : 24px ;
font-weight : bold ;
color : #3366CC ;
display : block ;
padding : 10px 10px 0px 0px ;
}
.mydoblog-header img {
display : none ;
vartical-align : text-bottom ;
margin : 0px 0px 0px 0px ;
}※太字の画像URLは各自でとりこんだものを使用してください
Dデザインの場合
/* ページタイトル */ の記述を（全てです）下記の記述に変更してください
.mydoblog-header {
width : 760px ;
height : 220px ;
text-align : right ;
background-image: url(http://img.doblog.com/7000/u6480/2000/FI2102199_0E.jpg); /**ADG さんの素材です**/
voice-family : "\"}\"";
voice-family : inherit;
}
.mydoblog-header-text {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size : ;
font-weight : bold ;
line-height : ;
color : #003366 ;
display : block ;
padding : 10px 10px 0px 0px ;
}
.mydoblog-header img {
display : none ;
vartical-align : text-bottom ;
margin : 0px 0px 0px 0px ;
}※太字の画像URLは各自でとりこんだものを使用してください
Dデザインの場合は、タイトル画像にメニューやBlogの部分がかかってしまっているのであと一手間かけます
/* メニュー */ の中の .menu { ～ } を下記の表記に変えましょう
変更点は太字の部分だけなんですけど(笑)
.menu {
width : 200px ;
float : left ;
background-color : ;
position : relative ;
top : 10px ;
}
あと一ヶ所変更します
/* 記事 */ の中の .blog { ～ } を下記の記述に変更してください
.blog {
width : 540px ;
background-color : ;
border : none ;
float : right ;
position : relative ;
top : 10px ;
voice-family : "\"}\"";
voice-family : inherit;
}
黒ベースにあわせたので文字の配置が若干変えてありますが、白ベースの場合はちょっと変えてもいいと思います。
じゃあ、頑張ってクリスマスジャックしましょう(笑)
doblogの使い方Ｑ＆Ａの他の記事は⇒doblogの使い方Ｑ＆Ａ-index-
doblogの使い方Ｑ＆Ａ-index-で見当たらない質問は⇒doblogの使い方Ｑ＆Ａ 質問受付箱 へどうぞ
[ 17:16 ]
[ doblogカスタマイズＱ＆Ａ ]
Q：ナビゲーションバー（Doblogヘッダー）のグレーの背景をどうにかしたいから一歩すすんでみましょう
新緑・陽だまり・ベーシックデザインの基本はこの記述
/* Doblogヘッダー */
.myblog-position form table {
background-image : none ;
width : 776px ; }
.myblog-position form td {
text-align : right ; }
.myblog-position A.portalbar:link {
color : #61bf6a ; }
.myblog-position A.portalbar:active {
color : #61bf6a ; }
.myblog-position A.portalbar:visited {
color : #61bf6a ; }
.myblog-position A.portalbar:hover {
color: #FF0000 ;
text-decoration : underline ;
background-color: #FFFFFF ; }
/*記述の説明は、Q：ナビゲーションバー（Doblogヘッダー）のグレーの背景をどうにかしたいをお読みください*/
/*細字にしてある＃●●●●●● のカラー番号はお好きな色を設定してくださいね*/シンプルデザインの方は width : 776px ; を width : 760px ; へ変えてください
Dデザインの方は width : 776px ; を width : 760px ; へ変えてください
飛行機デザインの方は width : 776px ; を width : 760px ; へ変えてください
そこへ一行追記するだけで一体化は可能です
/* Doblogヘッダー */ の中の .myblog-position form table { ～～ } の部分にどこでもいいので
position: absolute; と追記
新緑・陽だまり・ベーシックデザインの基本はこの記述
/* Doblogヘッダー */
.myblog-position form table {
background-image : none ;
width : 776px ; }
.myblog-position form td {
text-align : right ; }
.myblog-position A.portalbar:link {
color : #61bf6a ; }
.myblog-position A.portalbar:active {
color : #61bf6a ; }
.myblog-position A.portalbar:visited {
color : #61bf6a ; }
.myblog-position A.portalbar:hover {
color: #FF0000 ;
text-decoration : underline ;
background-color: #FFFFFF ; }
/*記述の説明は、Q：ナビゲーションバー（Doblogヘッダー）のグレーの背景をどうにかしたいをお読みください*/
/*細字にしてある＃●●●●●● のカラー番号はお好きな色を設定してくださいね*/シンプルデザインの方は width : 776px ; を width : 760px ; へ変えてください
Dデザインの方は width : 776px ; を width : 760px ; へ変えてください
飛行機デザインの方は width : 776px ; を width : 760px ; へ変えてください
そこへ一行追記するだけで一体化は可能です
/* Doblogヘッダー */ の中の .myblog-position form table { ～～ } の部分にどこでもいいので
position: absolute; と追記
;)
【新緑デザイン】だとこんな感じ・・・
ちょっとつまりすぎていますね。
じゃあ、ちょっと高さを出してみましょう
/* ページタイトル */ の中の .myblog-header { ～ } 部分の padding-top : 5px; を
padding-top : 50px; ←高さの設定
と変更してください。
ちょっとつまりすぎていますね。
じゃあ、ちょっと高さを出してみましょう
/* ページタイトル */ の中の .myblog-header { ～ } 部分の padding-top : 5px; を
padding-top : 50px; ←高さの設定
と変更してください。
;)
はい、これで充分な間隔があきましたね。
【新緑デザイン】と同様に【陽だまりデザイン】も【ベーシックデザイン】もこの方法でページタイトルとDoblogヘッダーを一体化させることができます。
高さの設定は各自好みに調整してください。
【新緑デザイン】と同様に【陽だまりデザイン】も【ベーシックデザイン】もこの方法でページタイトルとDoblogヘッダーを一体化させることができます。
高さの設定は各自好みに調整してください。
;)
【Dデザイン】の場合、 /* Doblogヘッダー */ の中の .myblog-position form table { ～～ } の部分にある
background-image : url("/image/mypage/mypage_bg_header.gif") ;
を
background-image : none ;
と変更し
position: absolute;
と追記するだけです。 ※右図参照（画像をクリックすると拡大します）
ただし、リンクの色が#FFFFFF で白なので何か違う色に変えた方がいいと思います
background-image : url("/image/mypage/mypage_bg_header.gif") ;
を
background-image : none ;
と変更し
position: absolute;
と追記するだけです。 ※右図参照（画像をクリックすると拡大します）
ただし、リンクの色が#FFFFFF で白なので何か違う色に変えた方がいいと思います
;)
【飛行機デザイン】の場合も、 /* Doblogヘッダー */ の中の .myblog-position form table { ～～ } の部分にある
background-image : url("/image/mypage/mypage_bg_header.gif") ;
を
background-image : none ;
と変更し
position: absolute;
と追記するだけです
ただし、リンクの色が#FFFFFF で白なので何か違う色に変えた方がいいと思います
いかがでしょうか？？うまくいきましたか？？
※2007/10/30---記述が現在のCSSに対応していなかったので修正いたしました※
doblogの使い方Ｑ＆Ａの他の記事は⇒doblogの使い方Ｑ＆Ａ-index-
doblogの使い方Ｑ＆Ａ-index-で見当たらない質問は⇒doblogの使い方Ｑ＆Ａ 質問受付箱 へどうぞ
background-image : url("/image/mypage/mypage_bg_header.gif") ;
を
background-image : none ;
と変更し
position: absolute;
と追記するだけです
ただし、リンクの色が#FFFFFF で白なので何か違う色に変えた方がいいと思います
いかがでしょうか？？うまくいきましたか？？
※2007/10/30---記述が現在のCSSに対応していなかったので修正いたしました※
doblogの使い方Ｑ＆Ａの他の記事は⇒doblogの使い方Ｑ＆Ａ-index-
doblogの使い方Ｑ＆Ａ-index-で見当たらない質問は⇒doblogの使い方Ｑ＆Ａ 質問受付箱 へどうぞ
[ 02:03 ]
[ TB・企画モノ・その他 ]
;)
2005/12/01のBlog
[ 23:50 ]
[ デザイン変更用画像 ]
;)
ADGさんとこ[関連したBlog]
実は私も参加してます。
１２月になったのでクリスマスだ！！！
トップの画像はADGさんの自作品
かっこいいですね
というわけで早速私も使わせていただきました♪
ほかにも黒背景用とかありましたよ
うきうきクリスマス気分になれて私もハッピー♪
実は私も参加してます。
１２月になったのでクリスマスだ！！！
トップの画像はADGさんの自作品
かっこいいですね
というわけで早速私も使わせていただきました♪
ほかにも黒背景用とかありましたよ
うきうきクリスマス気分になれて私もハッピー♪
;)
コメント欄用まで準備してくださっているので
こちらも利用させていただきました♪
ちょっとずつ微調整するかもしれませんが
今月は２５日までこのデザインでいってみようと思います
今月もどうぞよろしくお願いいたします
と、月初のご挨拶←かねるなよ（汗
こちらも利用させていただきました♪
ちょっとずつ微調整するかもしれませんが
今月は２５日までこのデザインでいってみようと思います
今月もどうぞよろしくお願いいたします
と、月初のご挨拶←かねるなよ（汗
[ 23:19 ]
[ 食べる ]
;)
肉豆腐の残り
筑前煮の残り
黒豆ごはんの残り
白菜のお味噌汁
残り物づくしだ（笑）
筑前煮の残り
黒豆ごはんの残り
白菜のお味噌汁
残り物づくしだ（笑）
[ 22:52 ]
[ プリンを極める ]
;)
抹茶プリンの上にはクリームがたっぷりのってます
甘すぎないクリームだったので抹茶プリンと相性よし
抹茶味がいやみがないというか苦くないというか
もうちょっと抹茶味きかせてもよかったかな？
わりとあっさりしていたので朝ごはんにいいかも？（笑）
その他のプリンは⇒プリンを極めるINDEX
他のヒトの感想⇒
甘すぎないクリームだったので抹茶プリンと相性よし
抹茶味がいやみがないというか苦くないというか
もうちょっと抹茶味きかせてもよかったかな？
わりとあっさりしていたので朝ごはんにいいかも？（笑）
その他のプリンは⇒プリンを極めるINDEX
他のヒトの感想⇒
[ 17:18 ]
[ プリンを極める ]
;)
期間限定なのかな？？
新作プリンが出ていたのでこれもゲット
紫芋っぽい色ではないけれど食感はなめらかプリンのわりには舌触りがザラザラしている
芋・・・の味は残念ながら弱い
でも、おいしくいただきました
なめらかプリンより好きか？と聞かれるとなめらかプリンの方が好きだけど（笑）
その他のプリンは⇒プリンを極めるINDEX
他のヒトの感想⇒ 「 パステルのなめらか紫芋プリン」（俺YOEEEEEEしてます）
新作プリンが出ていたのでこれもゲット
紫芋っぽい色ではないけれど食感はなめらかプリンのわりには舌触りがザラザラしている
芋・・・の味は残念ながら弱い
でも、おいしくいただきました
なめらかプリンより好きか？と聞かれるとなめらかプリンの方が好きだけど（笑）
その他のプリンは⇒プリンを極めるINDEX
他のヒトの感想⇒ 「 パステルのなめらか紫芋プリン」（俺YOEEEEEEしてます）
[ 12:45 ]
[ 食べる ]
;)
生の黒豆をいただいたので・・・
黒豆ご飯をたいてみました
そのままだと豆が硬くなりそうだったので
ちょっとゆでてから加えてみました
ほんお少し塩入れてふっくら炊き上がり♪
黒豆ご飯をたいてみました
そのままだと豆が硬くなりそうだったので
ちょっとゆでてから加えてみました
ほんお少し塩入れてふっくら炊き上がり♪
;)
黒豆ご飯
肉豆腐
豚汁
筑前煮
今日は牛・豚・鶏と肉三種勢ぞろい（笑）
肉豆腐・・・なんだか無性に食べたくて（汗
牛肉とたまねぎと焼き豆腐を適当に甘辛く味付けて作ってみた
肉豆腐
豚汁
筑前煮
今日は牛・豚・鶏と肉三種勢ぞろい（笑）
肉豆腐・・・なんだか無性に食べたくて（汗
牛肉とたまねぎと焼き豆腐を適当に甘辛く味付けて作ってみた