ニックネーム:   パスワード:
| MyDoblogトップ | Doblogポータル | Doblogガイド | ユーザ登録 | 使い方 | よくある質問 | ツールバー | サポート |
風に吹かれて-Blowin' in the Wind-
Blog
[ 総Blog数:5921件 ] [ このMyDoblogをブックマークする ] [ RSS0.91   RSS1.0   RSS2.0 ] [ ATOM ]
2007/11/06のBlog
[ 19:26 ] [ kazeっぽ写真部 ]
[kazeっぽ写真部]
水引(みずひき) タデ科 タデ属

みつけたら撮りたくなるミズヒキ(笑)
でも、なかなかピントあわなくて撮るのが難しかったりする
上から見ると赤くて、下から見ると白いというのがわかるように、すごい恰好で撮影したもの(笑)
伸びすぎて横になっているのをみつけちゃった(笑)


Nikon D80 TAMRON SP AF 90mm F2.8 Di 272E
2007/08/13 撮影 by ちびkaze

やっと8月の分を作業終了できそう←もう11月だというのに(^^;
Q:ナビゲーションバー(Doblogヘッダー)をページタイトルと一体化させるには?から一歩すすんでみましょう。
新緑・陽だまり・ベーシックデザインの基本はこの記述
 /* Doblogヘッダー */ 
.myblog-position form table {
background-image : none ;
width : 776px ;
position: absolute; }
.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 ; へ変えてください。

このままだとつまりすぎなので、ちょっと高さを出してみましょう。・・・①
/* ページタイトル */ の中の .myblog-header { ~ } 部分に
height : 60px ; ←ページタイトル部分の高さの設定
と追記してください。・・・②
ナビゲーションバー(Doblogヘッダー)の位置を変えるつもりがないなら、ページタイトル部分の高さを変えるよりも
/* ページタイトル */ の中の .myblog-header { ~ } 部分に
padding-top : 60px ; ←ページタイトル部分の文字の高さの設定
このほうが色々調整する必要がないのでオススメです。

【新緑デザイン】【陽だまりデザイン】【ベーシックデザイン】は、この方法でページタイトルとDoblogヘッダーを一体化させることができます。
高さの設定は各自好みに調整してください。
そして、ナビゲーションバー(Doblogヘッダー)の位置を下にもっていく場合は、
/* Doblogヘッダー */ の中の .myblog-position form table { ~ }に 
top : 20px ; ←高さの設定
と変更してください。・・・③

これでナビゲーションバー(Doblogヘッダー)が下にきます。
ここの数値を変えることで高さの設定は自由に変更できます。


【シンプルデザイン】の場合
グレーのナビゲーションバー(Doblogヘッダー)を消すために
.myblog-position form table { ~ } の中にある 
background-image : url("/image/mypage/mypage_bg_header.gif") ; を
background-image : none ;
と変更し
position: absolute;
と追記します・・・①

.myblog-position A.portalbar:link { ~ }
.myblog-position A.portalbar:active { ~ }
.myblog-position A.portalbar:visited { ~ }
の color : #ffffff ; は、白地に白文字なので見えなくなってしまいますから別の色に変えましょう

白文字のまま使用する場合は、ページタイトル部分に背景色をつけましょう
背景色をつける設定は、 /* ページタイトル */ の中の .myblog-header { ~ } 部分にある 
background-color : ; で任意の色に変更できます
今回は background-color : #818181 ; としてみます

/* ページタイトル */ の中の .myblog-header { ~ } 部分にある
height : ; ←ページタイトル部分の高さの設定を
height : 100px ; と変更しましょう(任意の数値)。・・・②

そして、ナビゲーションバー(Doblogヘッダー)の位置を下にもっていく場合は、
/* Doblogヘッダー */ の中の .myblog-position form table { ~ }に 
top : 50px ; ←高さの設定
と追記します。・・・③

これでナビゲーションバー(Doblogヘッダー)が下にきます。
ここの数値を変えることで高さの設定は自由に変更できます。

ついでにナビゲーションバー(Doblogヘッダー)を右に移動させたい場合は、
/* Doblogヘッダー */ の中の .myblog-position form td { ~ }にある
text-align : left ; を
text-align : right ;
と変更してください。・・・④


【紙飛行機デザイン】の場合
グレーのナビゲーションバー(Doblogヘッダー)を消すために
.myblog-position form table { ~ } の中にある 
background-image : url("/image/mypage/mypage_bg_header.gif") ; を
background-image : none ;
と変更し
position: absolute;
と追記します

.myblog-position A.portalbar:link { ~ }
.myblog-position A.portalbar:active { ~ }
.myblog-position A.portalbar:visited { ~ }
の color : #ffffff ; は、白地に白文字なので見えなくなってしまいますから別の色に変えましょう

今回は #003366 としてみます・・・①

そして、ナビゲーションバー(Doblogヘッダー)の位置を下にもっていく場合は、
/* Doblogヘッダー */ の中の .myblog-position form table { ~ }に 
top : 60px ; ←高さの設定
と追記します。・・・②

これでナビゲーションバー(Doblogヘッダー)が下にきます。
ここの数値を変えることで高さの設定は自由に変更できます。

ついでにナビゲーションバー(Doblogヘッダー)を右に移動させたい場合は、
/* Doblogヘッダー */ の中の .myblog-position form td { ~ }にある
text-align : left ; を
text-align : right ;
と変更してください。・・・③

このままだとページタイトルと重なってしまいますから、ページタイトルをちょっと上に移動させます
/* ページタイトル */ の中の .myblog-header-text { ~ } 部分にある 
padding : 55px 10px 0px 0px ; を
padding : 35px 10px 0px 0px ;
と変更してください・・・④


【Dデザイン】の場合
グレーのナビゲーションバー(Doblogヘッダー)を消すために
.myblog-position form table { ~ } の中にある 
background-image : url("/image/mypage/mypage_bg_header.gif") ; を
background-image : none ;
と変更し
position: absolute;
と追記します

.myblog-position A.portalbar:link { ~ }
.myblog-position A.portalbar:active { ~ }
.myblog-position A.portalbar:visited { ~ }
の color : #ffffff ; は、白地に白文字なので見えなくなってしまいますから別の色に変えましょう

今回は #cc3366 としてみます・・・①

そして、ナビゲーションバー(Doblogヘッダー)の位置を下にもっていく場合は、
/* Doblogヘッダー */ の中の .myblog-position form table { ~ }に 
top : 60px ; ←高さの設定
と追記します。・・・②

これでナビゲーションバー(Doblogヘッダー)が下にきます。
ここの数値を変えることで高さの設定は自由に変更できます。

ついでにナビゲーションバー(Doblogヘッダー)を右に移動させたい場合は、
/* Doblogヘッダー */ の中の .myblog-position form td { ~ }にある
text-align : left ; を
text-align : right ;
と変更してください。・・・③

このままだとページタイトルと重なってしまいますから、ページタイトルをちょっと上に移動させます
/* ページタイトル */ の中の .myblog-header-text { ~ } 部分にある 
padding : 80px 0px 0px 10px ; を
padding : 50px 10px 0px 0px ;
と変更してください・・・④

以上、長い記事になってしまいましたが、きっとあなたも出来るはず♪
よく読んで、順序どおりにやってみましょう
うまくいかない場合は、お気軽に声をかけてくださいね

doblogの使い方Q&Aの他の記事は⇒doblogの使い方Q&A-index-
doblogの使い方Q&A-index-で見当たらない質問は⇒doblogの使い方Q&A 質問受付箱 へどうぞ
鍋焼きうどん

前日のすき焼きの残りにうどんを入れて鍋焼きうどん
うーん、なんだかとっても贅沢気分(笑)
[ 00:44 ] [ デザイン変更用画像 ]
全体背景用
ページタイトル用
コメント欄用


月初めに、表紙のデザインを変更していたのに・・・
今月はバタバタしすぎていて、なかなか更新できず(^^;
体調が本調子でないのもあるのですが・・・遊ぶことに呆けてもいます←ヲイヲイ
今月は、バイクで色々遊びに行きたいな・・・とたくらみ中。
久々にツーリングネタも書けるかな?

そんなこんなの私ですが、今月もどうぞよろしくお願いいたします<m(__)m>

今月の画像は、一昨年の秋に撮った紅葉を加工して使ってみました♪
2007/11/05のBlog
東寺

京都市内を北へ南へ
バスでとことこ旅した最後は、東寺
今回は、この五重塔の内部を見ることが出来たんです!!!
照明もほとんどなく目が慣れるのを待って柱や壁の画をじっくり見ることができました。
感動・・・・
金堂

広い敷地にでっかいお堂
京都って狭い町のような気がしていたのに、こんなに贅沢な土地の使い方をしている場所もあるんですよね・・・。
講堂

夕日を浴びて綺麗だったなー
大師堂

閉門間際だったのに、まだまだ観光客がいっぱい(笑)
やっぱり人気のあるお寺なんですね・・・
というものの、京都市内に住んでいたこともあるのに、一度も訪れたことのないお寺だったのでした(^^;
でっかい提灯

色々見て周ったけれど、久しぶりのお寺めぐりは楽しかったなー♪
また、紅葉の頃に来たいけど、やっぱり人が多いんだよね・・・。
ということで、そうだ京都へ行こう 2007秋は終了です。
冷泉家

烏丸今出川にある京都の旧家、いわゆるお公家さんの住宅です。
ここは土間の台所。
まるでお寺の庫裏のような風情です。
飾ってある「しゃぐま」は、祇園祭のとき長刀鉾に飾り付けられていたものを貰い受け厄除けとしているそうです。
表門

玄武のあうん像が目をひきます。
御所の北にあることから、北の守りということでしょうか?
写真を撮ってはいるけれど、ものすごい人に圧倒されそう・・・・(@_@;)
中の間

着物が飾ってありました。
上品な着物だったけれど、あまりの人に近づくことが出来ず_l ̄l○
上の間

写真には写ってませんが、円山応挙の「鷹図」とかも飾ってありました。
じっくり見たかったけど、説明を聞くために立ち止まる人の山で、ちっとも落ち着いてみることが出来なかったのは残念。
住宅部分になるのかな?
立ち入り禁止になっていた部分。

人の多さに人気のある重要文化財なんだな・・・と改めて思う(^o^;

つづく
2007/11/04のBlog
大徳寺のそばにあるお漬物屋さん
試食もあり、美味しいお茶も出してくれる
ちゃんと食べてから選べるので安心です(笑)
お昼ごはんは、これまた大徳寺近くの「レモン館」で食べました♪
町屋をカフェにした風情のある作り
せっかくなので京都らしいものを・・・ということで「おまかせ弁当」1200円をチョイス

甘鯛の飯蒸し
ショウガの香りが上品でもちもちぷるんっとした食感がgood
生湯葉の刺身や各種煮つけ
とっても私好みの味付けになっていて、にんまりしながら平らげてしまいました(^^;
お吸い物

おだしがきいててウマウマ♪
京都非公開文化財の特別拝観が11月1日~11月11日まで行われています。
某氏より招待券を戴いたので、いそいそと市内へおでかけ♪
さすがに文化の日なだけあって、京都駅は大混雑(@_@;)
市バスの一日乗車券をゲットし、大徳寺へ向かう

大徳寺黄梅院
直中庭

千利休の作庭といわれる
苔むした庭で静かな心地よい雰囲気を醸し出していた
破頭庭

白い砂と苔むした中に石が二つ立っている素朴な庭
ボーっとただ見つめていると無我の境地に入れそうだった
作仏庭

ドラマティックな庭
きっとこれが●○で、これは△△を表していてと色々想像出来そうな庭だった
茶室

利休の作った茶室は建物の中だったので写せなかったけど、こっちの茶室は呈茶していたみたい・・・
お茶を戴こうと思ったら、休憩されていたようだった。
ちょっと残念

つづく
2007/11/03のBlog
すき焼き

牛肉は高かったので・・・豚肉で代用
これですき焼きって言ったら・・・関西じゃ殴られそうだ(^o^;
味付けはすき焼きと一緒なのに、お肉が豚さんなだけで、なんだか全然違う食べ物みたいだった(^^;
2007/11/02のBlog
野菜の麻婆ソース炒め
アサリの吸い物
シジミご飯


麻婆豆腐の素が残っていたので・・・野菜炒めのソースに使っちゃいました♪
うん!これはイケル!!