ニックネーム:   パスワード:
| MyDoblogトップ | Doblogポータル | DoblogMusic | Doblogガイド | ユーザ登録 | 使い方 | よくある質問 | ツールバー | サポート |
風に吹かれて-Blowin' in the Wind-
Blog
[ 総Blog数:5835件 ] [ このMyDoblogをブックマークする ] [ RSS0.91   RSS1.0   RSS2.0 ] [ ATOM ]
2005/02/08のBlog
アーリオ・オーリオ
タマネギとイタリアンパセリと赤パプリカ入り


彩りはキレイになったね
もちょっとニンニク効いてもよかったな(笑)
2005/02/07のBlog
ログインできなーい!
コメント書けなーい!
サバ落ち攻撃に涙ちょちょ切れ
ちまちま携帯からアクセスしてみる
無事に送信出来るでしょうか?
今日の晩ご飯は明日だなぁトホホ
まずは壁紙の貼りかたから

■手順その1:画像のアップ

記事の作成画面をたちあげます。
壁紙にしたい画像をイメージのファイルで参照ボタン(図の矢印部分)を押し、自分のPC内の壁紙用の画像を選択します
どこかのフリーの画像を利用するのであれば、きちんと利用規約を読んで対応してくださいね
(画像は自分のPCに取り込んでから使用してくださいとか、直リンク禁止とか、借りたサイトへ借りてますと明記してくれとか、サイトへリンクをページ中ではってくれとか色々ありますので注意しましょう)
そして、記事を送信します
※【記事を下書き保存する】を選ぶと他の人にはその記事を見ることができません※
※【記事を公開する】を選ぶとどなたでもその記事を見ることができます※

■手順その2:アップされた記事から画像のページを開く

ページの更新をすればアップされた記事が確認できます
画像の記事をまず表示させてください
画像の部分(図の矢印部分)をクリックします
すると新しくウィンドウが開き、画像のページがみれます



画像のページはこんな感じ
必要なのはそのアドレス=URL(図の矢印部分)です

こんな風なアドレスになってます
http://img.doblog.com/●/○/▲/△.ファイル拡張子
には、数字
には、uあなたのブログ№
には、数字
には、画像の№?が入っているはずです

若干表記が違う場合があるかもしれませんが、こんな感じのURLだと思います
※2007/08/30 文面が古かったので現在のURL表記の説明に修正しました※

■手順その3:デザインカスタマイズで背景画像を表示させる

まず、ログインした状態でデザインカスタマイズをクリックしてみてください
すると、下記のような訳のわからない文字がずらずらずらーーーーと並んでいます
ちなみに下に表示されているのはシンプルデザインの全体の部分のCSSデータです
/*---------------------------------------------*/
/* 全体 */
/*---------------------------------------------*/
body {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
color : #000000 ;
background-color : #dddddd ;
text-align : center ;
margin-top : 0px ;
margin-bottom : 10px ;
}

.mydoblog-position {
text-align : left ;
width : 760px ;
position : absolute ;
left : 50% ;
margin : 0px 0px 0px -380px ;
border : ;
background-color : #ffffff ;
}

.mydoblog-contents {
margin : 25px 0px 0px 0px ;
}

.footer {
font-family: Arial, Helvetica, sans-serif;
font-size : 8pt ;
border : ;
width : 100% ;
}

/*---------------------------------------------*/

背景画像を表示させるためには一番上の body{ ~~~~ } の部分に背景画像のアドレス=URL(手順その2の記述参照)と画像を入れたい場所(右上とか右下とか左下とか固定にするかどうかなど)を指定してやらなければいけません

では、色んなカタチの背景画像の設定をやってみましょう
実践編はこちら

固定の背景画像をいれる場合
全体に繰り返し背景画像をいれる場合
横方向に繰り返し背景画像をいれる場合
縦方向に繰り返し背景画像をいれる場合

Q:背景画像と背景色をあわせるには?
Q:背景画像がメニュー部分にかくれてしまいます
Q:背景画像が記事部分にかくれてしまいます
Q:背景画像をうっすらと透かすにはどうするの?
Q:記事の部分にワンポイントの背景画像をいれるには?
Q:記事部分に大きめのワンポイント画像を背景にしたい

doblogの使い方Q&Aの他の記事は⇒doblogの使い方Q&A-index-


■非常に参考になったblog■
MY CSS DESIGN ~ ヒヨコ君増殖中 』(kazusiblogさん)の
第4回ヒヨコ君の適当CSS講座 (背景画像編)

■個人的応援企画■
どぶさぽちゃんv - どぶちゃん助け合い書き込み寺 - 』
掲示板Q&A記録帳 ■ リスト ■ '05/02/07更新
↑↑↑
Doblogについてわからないことがあったらここに書きこんでみてください
私よりよーっぽどよくご存知の方がいろんなこと教えてくださると思います(^o^;
まず、ログインした状態でデザインカスタマイズをクリックしてみてください
すると、下記のような訳のわからない文字がずらずらずらーーーーと並んでいます
今回変更する場所は
/*---------------------------------------------*/
/* 全体 */
/*---------------------------------------------*/

と書いてある部分の中で body { ~~~~ } と括られている部分のみです
シンプルデザインのテンプレートを利用した場合で考えていきましょう
【変更前】

body {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
color : #000000 ;
background-color : #dddddd ;
text-align : center ;
margin-top : 0px ;
margin-bottom : 10px ;
}

右下固定の背景画像をいれる場合はこのように記述します
【変更後】

body {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
color : #000000 ;
background-color : #dddddd ;
background-image: url("http://img.doblog.com/~中略~.ファイル拡張子");
background-repeat: no-repeat;
background-position: right bottom;
background-attachment: fixed;

text-align : center ;
margin-top : 0px ;
margin-bottom : 10px ;
}

http://img.doblog.com/~中略~.ファイル拡張子
↑↑↑
これは背景画像のURLをいれてくださいね♪
背景画像のURLがわからない人は ⇒ 【番外:壁紙の貼りかた】  の手順1・手順2を参照
変更した部分は太字の部分のみ追記しただけです
すると表示画面はこんな感じになります

background-image: url("http://img.doblog.com/~中略~.ファイル拡張子"); 
↑↑↑
背景画像のURLはここにあるよ!という指定

background-repeat: no-repeat;
↑↑↑
背景画像を繰り返しますか?いいえ繰り返しませんという指定

background-position: right bottom;
↑↑↑
背景画像の場所はどこにしますか?右の下にするよという指定

background-attachment: fixed;
↑↑↑
背景画像をスクロールさせるの?固定させるの?固定させますという指定
こういう作業をしたわけです
ちょっと難しかったですかね?
では、次は 左下固定の背景画像をいれる場合 をやってみましょう



左下固定の背景画像をいれる場合はこのように記述します
【変更後】

body {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
color : #000000 ;
background-color : #dddddd ;
background-image: url("http://img.doblog.com/~中略~.ファイル拡張子");
background-repeat: no-repeat;
background-position: left bottom;
background-attachment: fixed;

text-align : center ;
margin-top : 0px ;
margin-bottom : 10px ;
}





右上固定の背景画像をいれる場合はこのように記述します
【変更後】

body {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
color : #000000 ;
background-color : #dddddd ;
background-image: url("http://img.doblog.com/~中略~.ファイル拡張子");
background-repeat: no-repeat;
background-position: right top;
background-attachment: fixed;

text-align : center ;
margin-top : 0px ;
margin-bottom : 10px ;
}


左上固定の背景画像をいれる場合はこのように記述します
【変更後】

body {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
color : #000000 ;
background-color : #dddddd ;
background-image: url("http://img.doblog.com/~中略~.ファイル拡張子");
background-repeat: no-repeat;
background-position: left top;
background-attachment: fixed;

text-align : center ;
margin-top : 0px ;
margin-bottom : 10px ;
}

というように固定された背景画像の上下左右はこのような記述で設定することができます
ただ、このままだと重なってしまってせっかくの画像がかくれてしまいますね・・・
かくれないようにするにはどうするのか???
それは、おいおいやっていきましょうね。
記事が書けたらここにリンクします。(笑)

Q:背景画像と背景色をあわせるには?
Q:背景画像がメニュー部分にかくれてしまいます
Q:背景画像が記事部分にかくれてしまいます
Q:背景画像をうっすらと透かすにはどうするの?
Q:記事の部分にワンポイントの背景画像をいれるには?

doblogの使い方Q&Aの他の記事は⇒doblogの使い方Q&A-index-
【番外:壁紙の貼りかた】固定の背景画像をいれる場合
という記事を参考にしてください

では、まず手順から
1:ログインした状態でデザインカスタマイズをクリック
2:デザインテンプレートのカスタマイズの中に /* 全体 */があります
3:その中で body { ~~~~ } と括られている部分に追記します

全体に繰り返し背景画像をいれる場合はこのように記述します
body {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
color : #000000 ;
background-color : #dddddd ;
background-image: url(http://www.doblog.com/img/●●●●/△△△△△.gif);
background-repeat: repeat;

text-align : center ;
margin-top : 0px ;
margin-bottom : 10px ;
}


http://www.doblog.com/img/●●●●/△△△△△.gif
↑↑↑
これは背景画像のURLをいれてくださいね♪
変更した部分は太字の部分のみ追記しただけです
すると表示画面はこんな感じになります

background-image: url(http://www.doblog.com/img/●●●●/△△△△△.gif); 
↑↑↑
背景画像のURLはここにあるよ!という指定

background-repeat: repeat;
↑↑↑
背景画像を繰り返しますか?はい繰り返しますという指定

さぁ、出来ましたか??
わからないところがあったら聞いてくださいね。
私も手探りでやってきたので、正直あまり詳しくはないけれど一緒に考えていけたらいいなって思っています。

doblogの使い方Q&Aの他の記事は⇒doblogの使い方Q&A-index-
【番外:壁紙の貼りかた】固定の背景画像をいれる場合
という記事を参考にしてください

では、まず手順から
1:ログインした状態でデザインカスタマイズをクリック
2:デザインテンプレートのカスタマイズの中に /* 全体 */ があります
3:その中で body { ~~~~ } と括られている部分に追記します

■横方向に繰り返し背景画像をいれる場合はこのように記述します
これは下で設定した場合
body {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
color : #000000 ;
background-color : #dddddd ;
background-image: url(http://www.doblog.com/img/●●●●/△△△△△.gif);
background-repeat: repeat-x ;
background-position: bottom ;
background-attachment: fixed ;

text-align : center ;
margin-top : 0px ;
margin-bottom : 10px ;
}


http://www.doblog.com/img/●●●●/△△△△△.gif
↑↑↑
これは背景画像のURLをいれてくださいね♪
変更した部分は太字の部分のみ追記しただけです
すると表示画面はこんな感じになります

background-image: url(http://www.doblog.com/img/●●●●/△△△△△.gif);
↑↑↑
背景画像のURLはここにあるよ!という指定

background-repeat: repeat-x ;
↑↑↑
背景画像を繰り返しますか?はい、横方向に繰り返しますという指定

background-position: bottom ;
↑↑↑
背景画像の場所はどこにしますか?下にするよという指定

background-attachment: fixed ;
↑↑↑
背景画像をスクロールさせるの?固定させるの?固定させますという指定

■真ん中にする場合

background-position: center ;
↑↑↑
背景画像の場所はどこにしますか?中間にするよという指定にすれば右の画像のように真ん中で横に並べることができます

background-image: url(http://www.doblog.com/img/●●●●/△△△△△.gif);
background-repeat: repeat-x ;
background-position: center ;
background-attachment: fixed ;

変更部分はこういう記述ですね

■上にする場合

background-position: top ;
↑↑↑
背景画像の場所はどこにしますか?上にするよという指定にすれば右の画像のように上で横に並べることができます

background-image: url(http://www.doblog.com/img/●●●●/△△△△△.gif);
background-repeat: repeat-x ;
background-position: top ;
background-attachment: fixed ;

変更部分はこういう記述になります


doblogの使い方Q&Aの他の記事は⇒doblogの使い方Q&A-index-

縦長の壁紙なんかを借りてくるとこの横方向に繰り返して表示させるといいでしょうね
【番外:壁紙の貼りかた】固定の背景画像をいれる場合
という記事を参考にしてください

では、まず手順から
1:ログインした状態でデザインカスタマイズをクリック
2:デザインテンプレートのカスタマイズの中に /* 全体 */ があります
3:その中で body { ~~~~ } と括られている部分に追記します

■縦方向に繰り返し背景画像をいれる場合はこのように記述します
これは左で設定した場合
body {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
color : #000000 ;
background-color : #dddddd ;
background-image: url(http://www.doblog.com/img/●●●●/△△△△△.gif);
background-repeat: repeat-y ;
background-position: left ;
background-attachment: fixed ;

text-align : center ;
margin-top : 0px ;
margin-bottom : 10px ;
}

http://www.doblog.com/img/●●●●/△△△△△.gif
↑↑↑
これは背景画像のURLをいれてくださいね♪
変更した部分は太字の部分のみ追記しただけです
すると表示画面はこんな感じになります

background-image: url(http://www.doblog.com/img/●●●●/△△△△△.gif);
↑↑↑
背景画像のURLはここにあるよ!という指定

background-repeat: repeat-y ;
↑↑↑
背景画像を繰り返しますか?はい、縦方向に繰り返しますという指定

background-position: left ;
↑↑↑
背景画像の場所はどこにしますか?左側にするよという指定

background-attachment: fixed ;
↑↑↑
背景画像をスクロールさせるの?固定させるの?固定させますという指定


■真ん中にする場合

background-position: center ;
↑↑↑
背景画像の場所はどこにしますか?中間にするよという指定にすれば真ん中で横に並べることができます
(ただし、うちの背景画像だと記事にかくれてみえません。w)

background-image: url(http://www.doblog.com/img/●●●●/△△△△△.gif);
background-repeat: repeat-y ;
background-position: center ;
background-attachment: fixed ;

変更部分はこういう記述ですね

■右にする場合

background-position: right ;
↑↑↑
背景画像の場所はどこにしますか?右にするよという指定にすれば右の画像のように右で縦に並べることができます

background-image: url(http://www.doblog.com/img/●●●●/△△△△△.gif);
background-repeat: repeat-y ;
background-position: right ;
background-attachment: fixed ;

変更部分はこういう記述になります



横長の壁紙なんかを借りてくると縦方向に繰り返して表示させるといいでしょうね


doblogの使い方Q&Aの他の記事は⇒doblogの使い方Q&A-index-
夕べ寝る前にテレビつけたらやっていた(笑)
なんちゅうタイトル・・・・
若かりし頃の高島忠夫が出てたりしたんだけどサ
他にもなんちゅうわざとらしい!!とか
なんでワンピース着て研究室で顕微鏡覗いてたりとか
こっそり覗き見するのにカーテン一旦閉めて、顔出したり、その後カーテン開けるなよ(笑)

などなど・・・ツッコミドコロ多すぎて、大爆笑してたんですけど
このまま見てたら笑い過ぎて眠れなくなるって思ってあきらめて寝ました(笑)
あぁ、それにしてもB級色満載ですんげー笑えそうだった
まさかと思うけど、DVDなんか出ないだろうからきっと見る機会ないだろうなぁ・・・
あれだけ爆笑できるのもめずらしい・・・・
ちと、見逃したのはもったいなかったかな??←本気か??
2005/02/06のBlog
ワンタンスープ
春雨のバンバンジー風サラダ


我が家の定番となりつつあるワンタンスープ(笑)
ニラともやし入りなんです
これが結構おいしくて、充分おかずになるんだナ

春雨のバンバンジー風サラダはちょっとピリ辛でいい感じでした
今年は大雪ということなんですが・・
それで思い出したことがある
中学生のころ、大雪で屋根の雪下ろしをしたんですよね
それも一階の屋根じゃなくて2階の屋根にのぼって(笑)
母親が危ないから登るな!!というのを振り切って
父親と一緒に2階の屋根にのぼってスノーダンプでエッサホイサと雪下ろし
なんだかちょっとスリリングででも寒いどころか汗だくだったのを覚えています
2階の屋根の雪下ろしは後にも先にもあれっきり
よっぽどつもったんでしょうねぇ・・・・・

雪下ろし作業中の事故で亡くなる方も多いけど
雪国の大変さは、ちょっとだけどわかります
皆さん、まだまだ雪が降るようですが、気をつけて頑張ってください