Blog
2004/04/16のBlog
[ 20:54 ]
[ ヒヨコ君テンプレ編集 ]
kokoroさんから質問がありましたのでメインに書きます。
通常のセンター方法と微妙に異なりますので注意してください。
まず始めに.myblog-contentsにposition: relative;があるか確認します。
あれば消してください。
.myblog-contents {
width : 776px;
text-align : left;
position: relative;←あれば消す。
}
次にbodyにtext-align: center;を書き足します。
body {
color : #000000;
background-color : e0e0e0;
text-align: center;
}
そして.myblog-positionにwidth: 776px; margin-right: auto; margin-left: auto; position: relative;を書き足します。
.myblog-position {
text-align : left;
width: 776px;
margin-right: auto;
margin-left: auto;
position: relative;
}
★ 2004/04/20
ゆきさんからご指摘をいただきましたので補正します。上記のみだとpopup関連全てセンターになってしまう。
各セレクタに下記を記述してください。多分これで行けそうです。
.blog-popupにtext-align: left;
.blog-headerにtext-align: left;
表示確認済みブラウザ(win版)
Internet Explorer 6
Netscape Navigator 7.1
OPERA 7.23
★ この方法でも公式テンプレートはセンター表示になります。
デザイン変更する場合プレビュー機能を使いましょう。バックアップをお忘れなく。
通常のセンター方法と微妙に異なりますので注意してください。
まず始めに.myblog-contentsにposition: relative;があるか確認します。
あれば消してください。
.myblog-contents {
width : 776px;
text-align : left;
position: relative;←あれば消す。
}
次にbodyにtext-align: center;を書き足します。
body {
color : #000000;
background-color : e0e0e0;
text-align: center;
}
そして.myblog-positionにwidth: 776px; margin-right: auto; margin-left: auto; position: relative;を書き足します。
.myblog-position {
text-align : left;
width: 776px;
margin-right: auto;
margin-left: auto;
position: relative;
}
★ 2004/04/20
ゆきさんからご指摘をいただきましたので補正します。上記のみだとpopup関連全てセンターになってしまう。
各セレクタに下記を記述してください。多分これで行けそうです。
.blog-popupにtext-align: left;
.blog-headerにtext-align: left;
表示確認済みブラウザ(win版)
Internet Explorer 6
Netscape Navigator 7.1
OPERA 7.23
★ この方法でも公式テンプレートはセンター表示になります。
デザイン変更する場合プレビュー機能を使いましょう。バックアップをお忘れなく。
[ 06:16 ]
;)
勝手ながら修正するまで一応公開停止します。
ご迷惑おかけします。
.blogのtop: 135px;を消すと行けそうだがどうだろう・・・
■ 追記
この現象が起きてたのはベーシックだけでした。
修正完了しました。
ご迷惑おかけします。
.blogのtop: 135px;を消すと行けそうだがどうだろう・・・
■ 追記
この現象が起きてたのはベーシックだけでした。
修正完了しました。
2004/04/13のBlog
[ 06:07 ]
[ CSSを弄り倒そう ]
;)
タイトルは無視の方向でお願いします。
■ コメント書く場所狭いから伸ばそう！
当blogは
width=500px height=100px
になってます。参考にしてください。
下記を新たに記述します。
.blog-popup textarea {
width: 横幅px;
height: 高さpx;
}
★ ちなみにニックネーム・メールアドレス・URLは.blog-popup inputで変更可能ですが、送信ボタンまで反映されます。注意してください。
■ コメント書く場所狭いから伸ばそう！
当blogは
width=500px height=100px
になってます。参考にしてください。
下記を新たに記述します。
.blog-popup textarea {
width: 横幅px;
height: 高さpx;
}
★ ちなみにニックネーム・メールアドレス・URLは.blog-popup inputで変更可能ですが、送信ボタンまで反映されます。注意してください。
2004/04/09のBlog
[ 07:00 ]
;)
Doblog機能拡張でのカレンダー領域の変更がありました。
それに伴いバージョンアップします。
■ v1.4バージョンアップ詳細
カレンダー周辺の幅変更
メニュー領域内部幅指定解除
メニュー領域の強制改行処理(IEのみ対応)
当テンプレ使用blogはバージョンアップする事をお勧めします。
それに伴いバージョンアップします。
■ v1.4バージョンアップ詳細
カレンダー周辺の幅変更
メニュー領域内部幅指定解除
メニュー領域の強制改行処理(IEのみ対応)
当テンプレ使用blogはバージョンアップする事をお勧めします。
2004/04/07のBlog
[ 20:26 ]
[ ヒヨコ君テンプレ編集 ]
ヘッダだけテンプレ全然使用者を見かけませんが、いかが御過ごしでしょう。(謎
今回は当テンプレ全てに有効なヘッダ編です。
■ ヘッダの高さ調節
.mydoblog-header の height: 130px; この値の変更と
form table の top: 85px; の値で調節してください。
■ Doblogナビのリンク色の変更
.mydoblog-position a.portalbar:link {
color: #お好きな色; text-decoration: none;
}
.mydoblog-position A.portalbar:active {
color: #お好きな色; text-decoration: none;
}
.mydoblog-position A.portalbar:visited {
color: #お好きな色; text-decoration: none;
}
.mydoblog-position A.portalbar:hover {
color: #お好きな色;
background-color: transparent;
text-decoration: none;
}をCSSに新たに記述する事で変更可能になります。
■ ニックネーム・パスワードの色変更は↓を参考にしてください。
ニックネーム＆パスワードが消えてる人集合～！（訂正）
デザイン変更はプレビュー機能を使いましょう。一応バックアップをお忘れなく。
☆ ん？blogインプットの改行問題再発？
今回は当テンプレ全てに有効なヘッダ編です。
■ ヘッダの高さ調節
.mydoblog-header の height: 130px; この値の変更と
form table の top: 85px; の値で調節してください。
■ Doblogナビのリンク色の変更
.mydoblog-position a.portalbar:link {
color: #お好きな色; text-decoration: none;
}
.mydoblog-position A.portalbar:active {
color: #お好きな色; text-decoration: none;
}
.mydoblog-position A.portalbar:visited {
color: #お好きな色; text-decoration: none;
}
.mydoblog-position A.portalbar:hover {
color: #お好きな色;
background-color: transparent;
text-decoration: none;
}をCSSに新たに記述する事で変更可能になります。
■ ニックネーム・パスワードの色変更は↓を参考にしてください。
ニックネーム＆パスワードが消えてる人集合～！（訂正）
デザイン変更はプレビュー機能を使いましょう。一応バックアップをお忘れなく。
☆ ん？blogインプットの改行問題再発？
2004/04/05のBlog
[ 18:10 ]
スタッフblogとAdisoryStaffBlogは一般のBlogとは少し違うようです。
そんな観点から今後のDoblog機能を予想してみます。
あくまでも予想です。
そんな観点から今後のDoblog機能を予想してみます。
あくまでも予想です。
;)
■ Doblogスタッフブログ
★ アドレスから検証
・特別なアドレスではないようです。
★ 外観から検証
・各ジャンルの記事件数表示。
★ HTMLソース適当検証
・見る限り公式テンプレートをCSSで変更して作られてます。
★ アドレスから検証
・特別なアドレスではないようです。
★ 外観から検証
・各ジャンルの記事件数表示。
★ HTMLソース適当検証
・見る限り公式テンプレートをCSSで変更して作られてます。
■ AdisoryStaffBlog
★ アドレスから検証
・特別なアドレスではないようです。
★ 外観から検証
・メニュー追加 （新しくリンク項目が追加されています。)
・メニューヘッダ編集？
・コメント・トラックバック等の文字簡略化
・スライドショーの廃止？
・Powered by Doblogの表示 （ちょいと真似してみました。）
・doblogナビの位置の変更
★ HTMLソース適当検証。気になる部分だけ！
・menu領域にclass=menu-ccとしてPowered by Doblogが表示されてます。
・blog-title-slide(スライドショウ)にアドバイザー項目名+画像があります。
・HTMLに直接書かれていたdoblogナビのa要素に対するCSSが消えてます。
・blog-number(blogをブックマークする)とdoblogナビがソースと共に下部に移動。
☆ blog-title-slideに関してはアドバイザー項目と連動しています。
グループblogの新機能？今回限りの特別仕様？詳細は不明です。
☆ HTML・CSSを見た感じDoblog側が提供したテンプレに見えるのですがどうなんだろう？
テンプレ増えるならこんな感じなのかな。
なんにしろ上記にあるような事は出来る(出来ている？)みたいですね。
全然予想になってませんね。ははは
★ アドレスから検証
・特別なアドレスではないようです。
★ 外観から検証
・メニュー追加 （新しくリンク項目が追加されています。)
・メニューヘッダ編集？
・コメント・トラックバック等の文字簡略化
・スライドショーの廃止？
・Powered by Doblogの表示 （ちょいと真似してみました。）
・doblogナビの位置の変更
★ HTMLソース適当検証。気になる部分だけ！
・menu領域にclass=menu-ccとしてPowered by Doblogが表示されてます。
・blog-title-slide(スライドショウ)にアドバイザー項目名+画像があります。
・HTMLに直接書かれていたdoblogナビのa要素に対するCSSが消えてます。
・blog-number(blogをブックマークする)とdoblogナビがソースと共に下部に移動。
☆ blog-title-slideに関してはアドバイザー項目と連動しています。
グループblogの新機能？今回限りの特別仕様？詳細は不明です。
☆ HTML・CSSを見た感じDoblog側が提供したテンプレに見えるのですがどうなんだろう？
テンプレ増えるならこんな感じなのかな。
なんにしろ上記にあるような事は出来る(出来ている？)みたいですね。
全然予想になってませんね。ははは
2004/04/02のBlog
[ 23:27 ]
;)
2004/04/01のBlog
[ 23:33 ]
■ブックマークリスト表示しました。
一応、ヒヨコ君増殖中テンプレート使用下さっているブログ中心での構成にしました。
★ お忍びで使用中の方も発見次第登録します。ご理解の程を。
只今、登録真っ最中です！
一応、ヒヨコ君増殖中テンプレート使用下さっているブログ中心での構成にしました。
★ お忍びで使用中の方も発見次第登録します。ご理解の程を。
只今、登録真っ最中です！
[ 07:54 ]
Warning！
今回の仕様変更でテンプレートに予期せぬ不具合が発生する場合があります。
もし何か起きた場合は、一旦デフォテンプレに戻すなど対応よろしくお願いします。
一体どのように変わるのでしょう！？楽しみですね。
テンプレート増えると良いですね。
今回の仕様変更でテンプレートに予期せぬ不具合が発生する場合があります。
もし何か起きた場合は、一旦デフォテンプレに戻すなど対応よろしくお願いします。
一体どのように変わるのでしょう！？楽しみですね。
テンプレート増えると良いですね。
[ 07:41 ]
新たなスタートの時期、バージョンアップにあわせてblog名を変更いたします。
MY SONG～ヒヨコ君増殖中 改め MY CSS DESIGN～ヒヨコ君増殖中 です。
どうぞこれからもよろしくお願いします。
MY SONG～ヒヨコ君増殖中 改め MY CSS DESIGN～ヒヨコ君増殖中 です。
どうぞこれからもよろしくお願いします。