Doblog - MY CSS DESIGN ~ ヒヨコ君増殖中 -

[ 19:39 ] [ オシャレBlog普及委員会 ]

[ スライドショウ ]

言いたい放題!? の w_interface さんがトップ背景画像を作ってくれました。

★ 言いたい放題!? by w_interfaceさん
≫ ジャンル：デザイン用素材

★ 余談
2ちゃんねる、著作権を侵害中？
管理者さんは色々大変ですね。てか一日２００万ＨＩＴですか！凄い。

[ 更新日時：2006/07/16 10:55 ]

[ コメントを見る・書く(5) ]
[ トラックバック(関連するBlog)を見る(0) ] [ トラックバック(関連するBlog)を書く ]

[ ↑ページトップ ]

MY CSS DESIGN～ヒヨコ君増殖中について!?

[ 23:57 ]

[ スライドショウ ]

■ ヒヨコ君増殖中はDoblogデザイン変更ネタ中心で作られております。
当コンテンツに書かれている物すべてはCSSの技術として誰でも使用できる物なので、お気軽にどうぞ。すべてのコンテンツはジャンルに格納されてます。
★ 公式テンプレCSSセレクタ領域はこうなっているかも！?
★ 公式テンプレCSSセレクタ領域！?　パート2　

■ ヒヨコ君増殖中ではオリジナルテンプレートを配布しております。
★ ヒヨコ君増殖中テンプレート一覧
★ ヒヨコ君増殖中テンプレート基本カスタマイズ！
☆ 各ブラウザ表示結果。

■ 只今使用中の画像はHappy Tree Friendsから拝借しております。
★ Happy Tree Friends　(グロ注意)

■ ヒヨコテンプレ用素材　NEW！
★ Onefineday by booさん　関連記事オシャレBlog普及委員会！

■ GUESTBOOK　
・感想・要望・苦情・間違い指摘等お待ちしてます。
・ CSS関連質問もどうぞ。ある程度のことなら事なら何とかお答えできそうです。
・当ブログのデザイン崩れなど教えてもらえると大変助かります。

尚、すべてにお答えできる訳ではないのであらかじめご了承を・・・・

[ 更新日時：2004/06/02 02:04 ]

[ コメントを見る・書く(33) ]
[ トラックバック(関連するBlog)を見る(0) ] [ トラックバック(関連するBlog)を書く ]

[ ↑ページトップ ]

ヒヨコ増殖中テンプレ編集ワンポイントアドバイス！？

[ 09:28 ] [ ヒヨコ君テンプレ編集 ]

[ スライドショウ ]

booさん画像使ってるblogも少し見かけるようになりました。ん～さすがに雰囲気変わりますね。

■ ワンポイントアドバイス（結構重要)

★ 何処まで伸びる? RSSの行！画像参照
・気になる人は.blog .blog-headerのposition: absolute; を外しましょう。
※現バージョンではBlogの文字は非表示にしてます。

★ プロフィールにメールアドレス。(重要)
・半角英数列挙は改行されません。メールアドレスがmenuの幅を越えると当テンプレはmenuの下にblogが落ちてしまう表示崩れを起こします。それぞれのPCの環境でもフォントの大きさ、見え方も違うので、メールアドレスが原因で崩れる場合があります。メールアドレスを表示する場合は細心の注意が必要です。
☆ windows版InternetExplorer?は強制的に改行されるようにしてありますが、他のブラウザでは改行されません。

★ width・height指定のある要素
・ width等の指定がされている要素にpadding・marginをプラスするとWindows版InternetExplorerバグ(独自解釈)の影響を受け最悪表示崩れを起こします。width・height指定のある要素には出来るだけpadding・marginを付けないようにしましょう。

[ 更新日時：2004/09/04 02:22 ]

[ コメントを見る・書く(2) ]
[ トラックバック(関連するBlog)を見る(0) ] [ トラックバック(関連するBlog)を書く ]

[ ↑ページトップ ]

boxの消し方！

[ 06:46 ] [ CSSを弄り倒そう ]

[ スライドショウ ]

■ boxの消し方を二つ。
★ セレクタ { visibility: hidden } boxの領域を保ちながら非表示にします。
★ セレクタ { display: none; } box領域そのものを非表示にします。

■ アクセス数の消し方。
.menu_accesscount {
visibility:hidden
}
☆ 消していけないboxを消そう何て考えないように。

[ 更新日時：2004/05/29 12:55 ]

[ コメントを見る・書く(6) ]
[ トラックバック(関連するBlog)を見る(0) ] [ トラックバック(関連するBlog)を書く ]

[ ↑ページトップ ]

ヘッダだけヒヨコ君テンプレ使用に関しての注意点。

[ 00:52 ] [ ヒヨコ君テンプレ編集 ]

[ スライドショウ ]

★ ヘッダ全体に背景画像を使用する場合、画像のサイズに注意してください。
ヘッダの正しいサイズは776px × 138pxです。しかしWindows版InternetExplorerではバグ(独自解釈)の影響で776px × 130pxで表示されてしまいます。Windows版InternetExplorerを基準にして画像を作ると他のブラウザでは8pxリピートされてしまいますので気をつけてください。

☆ ヒヨコ君増殖中テンプレの方は、このバグの影響を受けないようにしてあります。
ヒヨコ君増殖中テンプレのヘッダサイズは776px × 130pxです。
☆ 尚、このバグの詳細は別な記事で書こうと思っています。

[ 更新日時：2004/05/25 03:29 ]

[ コメントを見る・書く(10) ]
[ トラックバック(関連するBlog)を見る(1) ] [ トラックバック(関連するBlog)を書く ]

[ ↑ページトップ ]

公式テンプレCSS更新情報　５月２２日

[ 08:27 ]

[ スライドショウ ]

久しぶりに公式テンプレのCSSを確認しました。追加されたセレクタ多数あるようです。
■ 基本セレクタ
form input hr がいつのまにか記述されていました。
■ クラスセレクタ
新たに追加された記事URL・トラックバックURL表示の領域は.blog-linkurlです。
■ 外部スタイルシート
mypage.cssが追加されていました。こちらのCSSには.blog-linkurlのみ記述されています。よって自分で.blog-linkurlをカスタマイズしたいなら、mypage.cssより優先度を上げて記述しましょう。例えばこんな感じです。
.blog-entry-footer .blog-linkurl {
}
☆ 余談
・RSSなどかかれた行がATOM追加でさらに伸びやがりました。
・トラックバック・記事URLが追加されたのは良いが、なんか強引に挿入しやがりましたね。トラックバックURLの方なんて途中に何の要素も含んでない為、改行する事すら不可能でございます。

★ 追記
スタッフブログに関連記事があったのでトラックバックの練習してみます。ドキドキ
☆ 今回のバージョンアップMacIEでの表示に問題あるようですね。
★TB　能追加に伴うスタイルシートの記述について

[ 更新日時：2004/05/22 21:46 ]

[ コメントを見る・書く(4) ]
[ トラックバック(関連するBlog)を見る(0) ] [ トラックバック(関連するBlog)を書く ]

[ ↑ページトップ ]

公式テンプレCSSセレクタ領域！?　パート2

[ 23:06 ] [ ヒヨコ君デザイン変更講座 ]

[ スライドショウ ]

色々機能が増えるみたいですが、テンプレ関連は、なかなか増えないですね。本サービス開始と共に増えるのかな?

■ 公式テンプレCSSセレクタ領域パート2
前よりわかりやすく作ろうと頑張ってみましたがわかりにくくなってしまったかもしれません。一応、前のも残しておくので見やすい方を使用してくだされ。右側の隙間は気にしないように。
★ 誰にも知られずひっそり更新　2004/05/28

★ 公式テンプレCSSセレクタ領域！?パート1　

■ 重要事項
仕様が多少変わったので注意してください。詳細は下記URLへ。
★ おかえりどぶさん。

[ 更新日時：2007/02/28 21:27 ]

[ コメントを見る・書く(11) ]
[ トラックバック(関連するBlog)を見る(3) ] [ トラックバック(関連するBlog)を書く ]

[ ↑ページトップ ]

Doblogスタッフがやらねば誰がやる！

[ 00:03 ]

[ スライドショウ ]

■ スタッフブログ
そろそろトップページにカテゴリを設けて記事のグループ化をしてみてはどうでしょうか?

プロフィール変更ページの興味分野にある階層化されたカテゴリがトップにあれば、欲しい情報が拾いやすくなり検索によるServer負担が減る？それより何より、もっと色々な人の顔が見えるようになるような気がしますがどうでしょう。

★ Doblogがやらねば俺がやる！
なんてツワモノさんがいたら応援しますよ。
参考リンク　≫　JUGEMトラックバックセンター

■ 2004/05/22追記
痴呆街道まっしぐらのヒヨコ君ですが、皆様いかが御過ごしでしょうか?

★ Doblog用のカテゴリ別リンク集はこちら↓
Doblogサーチβ版 by doblog-linxさん

ん～仮にトラックバックセンターなる物が開発側とユーザー側で同時進行した場合どうな･･(o_ _)o...zzZZ

[ 更新日時：2004/05/22 12:37 ]

[ コメントを見る・書く(4) ]
[ トラックバック(関連するBlog)を見る(1) ] [ トラックバック(関連するBlog)を書く ]

[ ↑ページトップ ]

ヒヨコ君増殖中テンプレカスタマイズ(ヘッダテキスト編)

[ 19:04 ] [ ヒヨコ君テンプレ編集 ]

[ スライドショウ ]

2004アテネ五輪女子バレーボール盛り上がってますがいかが御過ごしでしょうか？
ガンバレ！ドラえもん

■ ヘッダテキストをカスタマイズ
今回は画像で紹介です。各セレクタ別にカラー分けしました。
★ ニックネーム・パスワードの色変更は少し特殊なので↓を参考にしてください。
ニックネーム＆パスワードが消えてる人集合～！（訂正）

★ 2004/06/12追記
★ ヒヨコ君増殖中テンプレートにはヘッダ背景画像を貼り易いように.mydoblog-headerにコメントを追加しました。ｖ1.6～
/* background-image: url("http://www.doblog.com/img/○○○/○○○/ファイル名"); */
ヘッダ背景画像使用する場合はアドレスを入れた後、構文前後にある/* と*/ を外してください。

★ デザイン変更はプレビュー機能を使いましょう。一応バックアップをお忘れなく。

★ 余談
カウンタ同一IPからはカウントされなくなってますね。
日本女子バレ。アテネおめでと。。。レオちゃんすげーよ。

[ 更新日時：2004/06/12 18:24 ]

[ コメントを見る・書く(9) ]
[ トラックバック(関連するBlog)を見る(0) ] [ トラックバック(関連するBlog)を書く ]

[ ↑ページトップ ]

オシャレBlog普及委員会！

[ 20:21 ] [ オシャレBlog普及委員会 ]

[ スライドショウ ]

Onefinedayのbooさんがヒヨコテンプレ用タイトル背景画像を作ってくれました。

★ Onefineday by Booさん
ヒヨコ君テンプレート用タイトル背景（1）

★ 余談
機能拡張でRSS2.0とか表示が増えたけど、この行ログアウト状態で見るとやたらなげーな。
幅狭めてるblogだとPC環境によっては改行されてる予感・・・ﾄﾎﾎ

[ 更新日時：2006/07/16 10:53 ]

[ コメントを見る・書く(6) ]
[ トラックバック(関連するBlog)を見る(0) ] [ トラックバック(関連するBlog)を書く ]

[ ↑ページトップ ]

1 月	2 月	3 月	4 月
5 月	6 月	7 月	8 月
9 月	10 月	11 月	12 月

ニックネーム：パスワード：
\| MyDoblogトップ \| Doblogポータル \| DoblogMusic \| Doblogガイド \| ユーザ登録 \| 使い方 \| よくある質問 \| ツールバー \| サポート \|

2004 年 5 月
S	M	T	W	T	F	S
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31