Blog
2004/02/15のBlog
[ 15:53 ]
;)
ここまで手を出してよいのか疑問を感じながらこんなもの作ってみました。
かなりの確率で無視されそうですが、一応ロゴ改変使用に関してメールで確認中。
かなりの確率で無視されそうですが、一応ロゴ改変使用に関してメールで確認中。
2004/02/14のBlog
[ 11:53 ]
Doblogテンプレートすくねーよ！
ってことで誰でも使えるような無難なテンプレートを作ってみました。
しかしDoblogロゴを外してしまっている為、提供者側の立場的に非常に心苦しいものがあり公開を悩んでいます。
別のDoblogロゴ付きバナーでも貼れるようにしてくれれば良いのだが、今までの対応状況を見ても無理そうだし････
一応５色ありますがBlogインプットの仕様上４色UPしました。
まぁこんなのも作れますよ的な感覚で見てください。
■ 追記 （2004/02/15）
Doblogロゴに関して一応メールを送りました。
一週間ほど様子を見て反応無ければそのまま公開いたします。ヨロシク！
まぁ以前も違う件でメールを送っているのですが無視されていますがね･････
ってことで誰でも使えるような無難なテンプレートを作ってみました。
しかしDoblogロゴを外してしまっている為、提供者側の立場的に非常に心苦しいものがあり公開を悩んでいます。
別のDoblogロゴ付きバナーでも貼れるようにしてくれれば良いのだが、今までの対応状況を見ても無理そうだし････
一応５色ありますがBlogインプットの仕様上４色UPしました。
まぁこんなのも作れますよ的な感覚で見てください。
■ 追記 （2004/02/15）
Doblogロゴに関して一応メールを送りました。
一週間ほど様子を見て反応無ければそのまま公開いたします。ヨロシク！
まぁ以前も違う件でメールを送っているのですが無視されていますがね･････
;)
■ BLUE
;)
■ ORANGE
;)
■ GREEN
;)
■ PINK
2004/02/05のBlog
[ 19:53 ]
[ CSSを弄り倒そう ]
旧テンプレには.myblog-contentsにrelativeが指定されていたのだが、
新テンプレになってそのrelativeが外された為、互換性を失ってしまっています。
新テンプレを使う人は.myblog-contentsにposition: relativeを記述しましょう。
.myblog-contents {
width: 776px;
text-align: left;
position: relative;
}
これで旧テンプレと同じ方法でセンター表示できるようになります。
■ 新テンプレ旧テンプレ確認方法
Doblogテンプレート更新情報
■センター表示方法
Doblogセンター表示最 終版だぜ！
新テンプレになってそのrelativeが外された為、互換性を失ってしまっています。
新テンプレを使う人は.myblog-contentsにposition: relativeを記述しましょう。
.myblog-contents {
width: 776px;
text-align: left;
position: relative;
}
これで旧テンプレと同じ方法でセンター表示できるようになります。
■ 新テンプレ旧テンプレ確認方法
Doblogテンプレート更新情報
■センター表示方法
Doblogセンター表示最 終版だぜ！
2004/02/02のBlog
[ 18:14 ]
[ ヒヨコ君美術館 ]
;)
２月になりました。心機一転デザイン変更です。
最近よく目にする、filter: alpha を使用してみました。
今回のデザインは癖があまりないのでテンプレとして配布でもしてみるかな・・・
しかしalpha使用の為タイトルにあるスライドショウ・編集・削除がみえねーよ。
ん～テンプレ作製委員会みたいなのあったら面白いのにな・・・
Doblogさん俺にほんの少しのディスクスペースをください。
最近よく目にする、filter: alpha を使用してみました。
今回のデザインは癖があまりないのでテンプレとして配布でもしてみるかな・・・
しかしalpha使用の為タイトルにあるスライドショウ・編集・削除がみえねーよ。
ん～テンプレ作製委員会みたいなのあったら面白いのにな・・・
Doblogさん俺にほんの少しのディスクスペースをください。
[ 17:14 ]
[ ヒヨコ君美術館 ]
;)
ヒヨコ君デザイン集なるものを自分の為に作ってみました。
なんか地味ですね。
注意
画像をクリックしても出てくるのは同サイズのサムネイル画像です。
なんか地味ですね。
注意
画像をクリックしても出てくるのは同サイズのサムネイル画像です。
2004/02/01のBlog
[ 21:32 ]
■ Doblogテンプレ更新情報
テンプレートが更新された場合、レイアウト変更・デザイン変更の方法が変わる場合があります。
当Blogでは、すべて旧テンプレを基本に書いてあります。
１月半ばにレイアウト変更に影響のある更新がありました。
■ 確認方法
自分のCSSをrelativeで検索してください。
旧テンプレには３つ存在します。
新テンプレには１つ存在します。
注意！上記の２つのテンプレではセンター表示などのレイアウト変更方法が微妙に異なります。
■ 過去の情報
旧テンプレにはrelative問題が存在します。下記のblogへ飛んで修正しましょう。
状態動詞の否定形 by tsasaki
IEでの表示が波打つ原因判明
■ 2003/04/01
機能拡張に伴いCSSではありませんがHTMLの方に少し変更がありました。
カレンダー部分の147pxが95％に変更
この為、非CSSブラウザでは大変な事になってます。
テンプレートが更新された場合、レイアウト変更・デザイン変更の方法が変わる場合があります。
当Blogでは、すべて旧テンプレを基本に書いてあります。
１月半ばにレイアウト変更に影響のある更新がありました。
■ 確認方法
自分のCSSをrelativeで検索してください。
旧テンプレには３つ存在します。
新テンプレには１つ存在します。
注意！上記の２つのテンプレではセンター表示などのレイアウト変更方法が微妙に異なります。
■ 過去の情報
旧テンプレにはrelative問題が存在します。下記のblogへ飛んで修正しましょう。
状態動詞の否定形 by tsasaki
IEでの表示が波打つ原因判明
■ 2003/04/01
機能拡張に伴いCSSではありませんがHTMLの方に少し変更がありました。
カレンダー部分の147pxが95％に変更
この為、非CSSブラウザでは大変な事になってます。
2004/01/29のBlog
[ 20:18 ]
[ ヒヨコ君の適当CSS講座 ]
さてCSS講座も第４回になりましたどうでしょう？（謎
■ 背景画像 background-image:
各ボックスには背景画像を表示する事ができます。
Doblogでは一旦画像を投稿してからそのアドレスを拾って指定します。
BODY {
COLOR: #000000;
LINE-HEIGHT: 130%;
BACKGROUND-COLOR: #ffffff;
background-image: url(http://www.doblog.com/img/○○○/○○○.jpg等);
}
■ 背景画像並べ方 background-repeat:
repeat 敷詰めます。壁紙などで使用
repeat-x 横方向のみに並べます
repeat-y 縦方向のみに並べます
no-repeat ひとつの画像として表示されます。背景固定などで使用します。
■ 背景画像の位置 background-position:
横の指定はleft center right で指定可能です。
縦の指定はtop center bottom で指定可能です。
細かく指定する場合は、数値や%で指定します。
数値や値はleft等の指定と組み合わせできません。注意してください。
記述は半角スペース区切ります。
background-position: left 100% ＝×
background-position: 100% 100% ＝◎
■ 画像のスクロール・固定 background-attachment:
scroll 背景画像はスクロールされます
fixed 背景画像を固定します
背景画像のプロパティは以上です。
では記述例です。理解できますよね。(背景固定右下表示ですね)
BODY {
COLOR: #000000;
LINE-HEIGHT: 130%;
BACKGROUND-COLOR: #ffffff;
background-image: url(http://www.doblog.com/img/○○○/○○○.jpg等);
background-repeat: no-repeat;
background-position: right bottom;
background-attachment: fixed;
}
あまり大きなサイズの画像を使うとページが重くなってしまうので注意しましょう。
ボックスの構成は、ヒヨコ君の適当CSS講座を見てください。
マッタリ更新＆進行しますのでヨロシク！何か質問のある人は、コメントにでも書いてください。
■ 背景画像 background-image:
各ボックスには背景画像を表示する事ができます。
Doblogでは一旦画像を投稿してからそのアドレスを拾って指定します。
BODY {
COLOR: #000000;
LINE-HEIGHT: 130%;
BACKGROUND-COLOR: #ffffff;
background-image: url(http://www.doblog.com/img/○○○/○○○.jpg等);
}
■ 背景画像並べ方 background-repeat:
repeat 敷詰めます。壁紙などで使用
repeat-x 横方向のみに並べます
repeat-y 縦方向のみに並べます
no-repeat ひとつの画像として表示されます。背景固定などで使用します。
■ 背景画像の位置 background-position:
横の指定はleft center right で指定可能です。
縦の指定はtop center bottom で指定可能です。
細かく指定する場合は、数値や%で指定します。
数値や値はleft等の指定と組み合わせできません。注意してください。
記述は半角スペース区切ります。
background-position: left 100% ＝×
background-position: 100% 100% ＝◎
■ 画像のスクロール・固定 background-attachment:
scroll 背景画像はスクロールされます
fixed 背景画像を固定します
背景画像のプロパティは以上です。
では記述例です。理解できますよね。(背景固定右下表示ですね)
BODY {
COLOR: #000000;
LINE-HEIGHT: 130%;
BACKGROUND-COLOR: #ffffff;
background-image: url(http://www.doblog.com/img/○○○/○○○.jpg等);
background-repeat: no-repeat;
background-position: right bottom;
background-attachment: fixed;
}
あまり大きなサイズの画像を使うとページが重くなってしまうので注意しましょう。
ボックスの構成は、ヒヨコ君の適当CSS講座を見てください。
マッタリ更新＆進行しますのでヨロシク！何か質問のある人は、コメントにでも書いてください。
2004/01/26のBlog
[ 23:46 ]
いつのまにかテンプレートCSSが更新されていました。
更新後のCSSには有効なrelativeが無い為センター表示などの方法が多少異なります。
近いうちに載せておきますね～
しかしCSS更新報告ないと書く方は辛いな・・・Doblogさん
Versionなんて記述してもらえるとありがたいのだが･･･
■ 追記 [ 更新日時：2004/01/27]
一応テンプレ確認してみました。
ん～どうもrelative削除しただけですね。
しかし気になるところがあるのでテンプレ更新は様子を見たほうが良いでしょう。
■ relative関連記事
迷えるブラウザを救済しましょう。（追記）
■ 続追記 [ 更新日時：2004/01/29]
上記に書いてある"テンプレは様子を見～"ってのはセンター表示等レイアウト変更したい人が対象です。
レイアウト変更を考えていない人には問題ありません。
一応Doblogさんにこの事でメールをしました。内容は自信ないので秘密って事で。あはは
■ テンプレ情報をジャンルに加えました。[ 更新日時：2004/02/01]
情報提供などお待ちしております。
更新後のCSSには有効なrelativeが無い為センター表示などの方法が多少異なります。
近いうちに載せておきますね～
しかしCSS更新報告ないと書く方は辛いな・・・Doblogさん
Versionなんて記述してもらえるとありがたいのだが･･･
■ 追記 [ 更新日時：2004/01/27]
一応テンプレ確認してみました。
ん～どうもrelative削除しただけですね。
しかし気になるところがあるのでテンプレ更新は様子を見たほうが良いでしょう。
■ relative関連記事
迷えるブラウザを救済しましょう。（追記）
■ 続追記 [ 更新日時：2004/01/29]
上記に書いてある"テンプレは様子を見～"ってのはセンター表示等レイアウト変更したい人が対象です。
レイアウト変更を考えていない人には問題ありません。
一応Doblogさんにこの事でメールをしました。内容は自信ないので秘密って事で。あはは
■ テンプレ情報をジャンルに加えました。[ 更新日時：2004/02/01]
情報提供などお待ちしております。
[ 02:08 ]
Doblogのスクロールが重い、微妙に引っかかるなど思ったことはありませんか？
もしかしたら、あなたのブラウザは迷っているかもしれません。
救済方法は状態動詞の否定形のtsasakiさんが掲載してます。
■ 状態動詞の否定形 by tsasaki
IEでの表示が波打つ原因判明
まぁ個人差もあるでしょうが効果は絶大かと思われます。
それにしても、relative記述ミスでブラウザに与える影響の大きさにに驚いてます。
■ 追記
下記のクラスセレクタにposition : relativeと記述されている人は救済対象です。
.blog-contents
もしかしたら、あなたのブラウザは迷っているかもしれません。
救済方法は状態動詞の否定形のtsasakiさんが掲載してます。
■ 状態動詞の否定形 by tsasaki
IEでの表示が波打つ原因判明
まぁ個人差もあるでしょうが効果は絶大かと思われます。
それにしても、relative記述ミスでブラウザに与える影響の大きさにに驚いてます。
■ 追記
下記のクラスセレクタにposition : relativeと記述されている人は救済対象です。
.blog-contents
2004/01/25のBlog
[ 17:19 ]
[ 見る人に優しいBlog ]
■ レイアウト編 2004/01/17 17:19:14
全体的な幅は、ほとんどの人がデフォルトの776pxですよね。この幅はどうなんでしょうね？
画面領域設定800*600の人がフル表示で何とか見られる幅です
パソコンの環境は人それぞれです。1024*769の人もいれば640*480の人もまれにいます。
800*600の人でお気に入りを表示していれば確実にすべて表示する事は無理です。
これは困りましたね。しかしできるだけ快適に見てもらえるように努力しましょう。
問題解決策
全体の幅を640px以下にする。日記部分を伸縮可能にする。
新パソコンをプレゼントする。知らない振りをする。640*480の人が訪問しない事を祈る。
スクリプトで自動スクロールさせる・・・。横スクロールのページにしてしまう。
ぐらいですかね・・・・
俺の場合メニューを右にする事で、日記部分ぐらいはスクロール無しで見れるだろうと勝手に納得してますが・・・
□ 続レイアウト編
ここ最近Webページの幅を気にしながら巡回してみた所、760px程度のページがやたら多い事に気いた。
760px程度なら、もうそれほど気にすることないのかな？
■ ユーザビリティ
★ 2u Webデザイン.com
≫ Webユーザビリティ
★ 訪問者に優しいWebサイト作り
まぁ一般の人はそれほど気にする事ではないと俺は思います。
全体的な幅は、ほとんどの人がデフォルトの776pxですよね。この幅はどうなんでしょうね？
画面領域設定800*600の人がフル表示で何とか見られる幅です
パソコンの環境は人それぞれです。1024*769の人もいれば640*480の人もまれにいます。
800*600の人でお気に入りを表示していれば確実にすべて表示する事は無理です。
これは困りましたね。しかしできるだけ快適に見てもらえるように努力しましょう。
問題解決策
全体の幅を640px以下にする。日記部分を伸縮可能にする。
新パソコンをプレゼントする。知らない振りをする。640*480の人が訪問しない事を祈る。
スクリプトで自動スクロールさせる・・・。横スクロールのページにしてしまう。
ぐらいですかね・・・・
俺の場合メニューを右にする事で、日記部分ぐらいはスクロール無しで見れるだろうと勝手に納得してますが・・・
□ 続レイアウト編
ここ最近Webページの幅を気にしながら巡回してみた所、760px程度のページがやたら多い事に気いた。
760px程度なら、もうそれほど気にすることないのかな？
■ ユーザビリティ
★ 2u Webデザイン.com
≫ Webユーザビリティ
★ 訪問者に優しいWebサイト作り
まぁ一般の人はそれほど気にする事ではないと俺は思います。