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

[ 01:16 ]

[ スライドショウ ]

■ ヒヨコ君増殖中について
　ヒヨコ君増殖中はCSS＆Doblogデザイン変更ネタ中心で作られております。
　すべてのコンテンツはサイドメニューにある"ジャンルに格納"されています。

■ NEWS
　・ 2007/01/30 ここはまだ需要あるのかな？まあいいや。もうすぐ春がくる。
　・ 2007/01/30 Onefineday ありがとう。きっと忘れない。
　・ 2006/12/13 もう冬だぜ。青空。
　・ 2006/09/03 食欲の秋！お腹が妊娠３ヶ月のようだ！
　・ Renaissance　- quyu -”の空遊さんがテンプレ配布中。
　・ 2006/07/16 現仕様にあわせた記事の修正をしました。（できるだけ）
　・ 2006/06/19 ドブさん仕様変更に伴いテンプレートバージョンアップ
　・ 2006/03/03 デザイン変更だぜ！
　・ 2006/01/05 今年は恋をいっぱいしよう！
　・ ”Onefineday”のbooちゃんがテンプレ配布中。
　・ 2006/01/02 あけましておめでとう。
　・ ”奥様はブヒ。”のnaomiさんがテンプレ配布中。
　・ 2005/12/29デザイン変更。今年ももう終わりだね。
　・ 2005/12/15デザイン変更。もうすぐクリスマスだね。ヽ(`Д´)ﾉ
　・ ”NOA'S STREET”のノアさんがテンプレ配布中。
　・ 10/05デザイン変更。
■ お勧め画像
　・ Onefineday＠booちゃんところ閉鎖らしい・・・

■ ピックアップ記事つーか基本です。
　・ CSSってどうやって編集するの？
　・ CSSの追記とかってどうやってやるの？
　・ CSSで使用されるコメントについて。
　・公式テンプレCSSセレクタ領域はこうなっているかも！?
　・公式テンプレCSSセレクタ領域！?　パート2
　・ CSSプロパティ一覧(テストバージョン)
　※ドブさん仕様変更のため一部のコンテンツが理解不能になっているかもしれません・・・

■ ヒヨコ君増殖中ではテンプレートを配布しております。
　・ヒヨコ君テンプレ一覧
　・ヒヨコ君テンプレ編集
　☆ ver2.0各ブラウザ表示結果

■ ヒヨコ君テンプレ改＆素材提供blog様情報
　・オシャレBlog普及委員会

■ GUESTBOOK　
　・感想・要望・足跡・喜怒哀楽。お気軽にどうぞ。
　・ CSS関連の疑問質問もどうぞ。ある程度の事なら何とかお答えできそうです。
※ すべてにお答えできる訳ではないのであらかじめご了承を・・・・

[ 更新日時：2007/01/30 01:17 ]

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

[ ↑ページトップ ]

overflowを活用してみようぜ！

[ 20:35 ] [ CSSを弄り倒そう ]

[ スライドショウ ]

コメント欄にご要望がありましたのでdoblogでのoverflowの使い方について少し書いてみようと思います。ただ、正しいHTML等に拘る人にはお勧めできません。

　・あいうえお
　・あいうえお
　・あいうえお
　・あいうえお
　・あいうえお
　・あいうえお
　・あいうえお
さて、doblogで記事内に使用できるタグは＜i＞＜b＞＜u＞の3つしかありません。基本的にはこのタグに対してCSSでoverflowを宣言すれば良いのですが、過去の記事に上記3つのタグが使われている場合に宣言してしまえば問答無用で過去記事にも反映されてしまいます。それは困るし書き直しは面倒なので、上記タグを組み合わせる・連続させる事で差別化します。

例えば記事をこのように記述します
＜b＞＜i＞・あいうえお
・あいうえお
・あいうえお
・あいうえお
・あいうえお
・あいうえお
・あいうえお＜/i＞＜/b＞
CSSはこんな感じ。
.blog-text-text b i {
height: 95px; /*表示させたい高さ*/
color: #000000; /*フォントカラー*/
border: 1px solid #CCCCCC; /*ボーダー幅と色*/
padding: 0px 5px ; /*上下・左右のパディング*/
background-color: #FFF; /*背景色*/
margin: 0;
scrollbar-3dlight-color: #FFF;
scrollbar-arrow-color: #ccc;
scrollbar-darkshadow-color: #FFF;
scrollbar-face-color: #F7F7F7;
scrollbar-highlight-color: #ccc;
scrollbar-shadow-color: #ccc;
scrollbar-track-color: #F3F3F3;
overflow: auto;
font-style: normal;
text-decoration: none;
display: block;
font-weight: normal;
}
上記CSSは.blog-text-textと言うdivにあるb要素内のi要素のみに反映されます。
CSSはコピペでいけるので適当に改変してご使用ください。
注意点としてoverflowは変に多用すると読み難くなるだけなので注意しましょう。

応用として、このような組み合わせ・連続させる方法を使用すればDoblogでも記事中で無限に色など指定が可能になります。

こんなのでもいけるみたいです＾＾;
＜b＞＜b＞＜b＞＜b＞ただいま混みあっています。＜/b＞＜/b＞＜/b＞＜/b＞
.blog-text-text b b b b {
}

[ 更新日時：2006/09/24 14:10 ]

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

[ ↑ページトップ ]

テンプレートが増えたんだ。

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

[ スライドショウ ]

”Renaissance　- quyu -”の空遊さんがテンプレートを配布してます。

★ Renaissance　- quyu - by 空遊さん
≫ ジャンル：Reference：Tool
≫ジャンル：Template：Only

★ 今回は秋を感じさせるテンプレートのようです。その他にもテンプレートがたくさんあります。模様替えをお考えの方はゴーゴー。

[ 更新日時：2006/09/17 12:09 ]

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

[ ↑ページトップ ]

ヒヨコ君増殖中テンプレバージョンアップ作業完了と重要告知

[ 22:52 ]

[ スライドショウ ]

今回のドブさんバージョンアップに伴い、練習用CSS以外のテンプレート公開を終了しました。長らくのご利用ありがとうございました。

練習用のテンプレートは以前と変わりなくご使用くださいませ。
現仕様に見合う修正をしておきました。よろしく～。

尚、ジャンル表示時にレイアウトがおかしくなってしまうのは、ドブさん側のHTML記述ミスなので、そのうち直るのではないかと思われます。

■追記 (2006/07/04) NEW!
ジャンルページのHTML記述ミスいつのまにか修正されたッぽい。完璧だ。

■ ヒヨコ君増殖中テンプレート改配布blog各位様へ
前バージョンのテンプレートをそのままの状態では利用できない仕様になりました。
新たに更新するか削除するかしてくださいませ。よろしくお願いします。

[ 更新日時：2006/07/04 22:56 ]

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

[ ↑ページトップ ]

現仕様に対応作業中(完了しました）

[ 19:24 ]

[ スライドショウ ]

微妙に仕様変更されているようなのでバージョンアップ作業中です。
つか、この際だからHTML全部書き直せばよかったのに・・・

■ 余談
・　ジャンルへのURLが変わってるから、リンク切れになってる・・・(´Д｀;)
・　ジャンルページ表示時のNTTデータ著作表示divが変。なぜなんだろう。
・　公式テンプレートでもジャンルページ表示時のNTTデータ著作表示divが消えてるから、HTMLのどこかに記述ミスがある予感。
・　やはり記述ミス発見。(´Д｀;)
・　サッカー観戦中。

■　関連リンク
・　おかえりどぶさん。＠onefineday
・　バージョンアップに伴う、記事タイトルのリンク色を変更するぞ、ブヒ。＠奥様はブヒ

■ doblogバグ情報はこちらへ
・　Doblog - デジ欲侍の破り捨てるメモ。 -

[ 更新日時：2006/06/27 22:17 ]

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

[ ↑ページトップ ]

凄いテンプレートが増えたブー。

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

[ スライドショウ ]

”Onefineday”のbooちゃんがテンプレ配布中。

★ Onefineday by booちゃん
≫ テンプレート：：petit-plein （修正済）
≫ ジャンル：Make up Doblog

対応済み

★ 皆様もうおなじみのドブログテンプレート職人のカリスマ、Onefinedayのbooちゃんですが、このたび当テンプレートを使用して新作を作ってくれました。どんなテンプレートかといえば、なんとトップ画像がランダムで変わるらしいです。マジスゲー。その他にもOnefinedayでは、大量のオリジナルテンプレート・莫大な背景画像・CSSカスタマイズ情報などなど盛りだくさんなのです。

★ 2883nobody.jp

[ 更新日時：2006/07/16 13:09 ]

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

[ ↑ページトップ ]

またまたテンプレートが増えたブヒ。

[ 17:51 ] [ オシャレBlog普及委員会 ]

[ スライドショウ ]

”奥様はブヒ。”のnaomiさんがテンプレ配布中。

★ 奥様は（2006年も）ブヒ。 by naomiさん

2006/07/16現在、新テンプレート作成中？！。

★ 第一弾は今年の干支である犬を使用したテンプレートのようです。他にも奥様はブヒではテンプレートに関する話題満載なので行ってみるブヒ。

[ 更新日時：2006/07/16 11:06 ]

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

[ ↑ページトップ ]

超久しぶりにテンプレート増えたよ。

[ 17:24 ] [ オシャレBlog普及委員会 ]

[ スライドショウ ]

”NOA'S STREET”のノアさんがテンプレ配布中。

★ NOA'S STREET by ノアさん
≫ N-st. テンプレートについて

対応済み

★ 優しい感じのテンプレートです。

[ 更新日時：2006/07/16 11:03 ]

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

[ ↑ページトップ ]

MY CSS DESIGN ヒヨコ君増殖中は少し休憩します

[ 23:59 ]

[ スライドショウ ]

当方のネタ切れ暦はかれこれ７ヶ月程になりますが、まさにピークです。ここで無理をしてしまえば以前と何も変わらない慢性ネタ切れ状態を繰り返すだけなので、今回は一度、ブログ自体の更新にお休みをいただき、いろいろ見たり読んだり感じたりして何かを見つけることが出来たら好いなと思っております。ただ、そこら辺にいると思うので、何かあれば、なくても構いませんが、お気軽にコメント残していってください。宜しく。

MY CSS DESIGN ヒヨコ君増殖中は少し休憩します。
"MY CSS DESIGN ヒヨコ君増殖中" by ヒヨコ

[ 更新日時：2005/10/09 17:52 ]

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

[ ↑ページトップ ]

ヒヨコ君の適当CSS講座　INDEX

[ 23:58 ] [ ヒヨコ君の適当CSS講座 ]

[ スライドショウ ]

★ 擬似クラス宣言順序について
★ CSSプロパティ一覧(テストバージョン)
★ CSSで使用されるコメントについて。
★ CSSの追記とかってどうやってやるの？
★ 第5回ヒヨコ君の適当CSS講座 (背景画像コピペバージョン）
★ CSSってどうやって編集するの？
★ 第4回ヒヨコ君の適当CSS講座 (背景画像編）
★ 第3回ヒヨコ君の適当CSS講座　(ボックスの構成）
★ 第2回ヒヨコ君の適当CSS講座（セレクタの種類）
★ 第1回ヒヨコ君の適当CSS講座（CSSとは？）

■ CSS関連情報を探すならココ！
★ 風に吹かれて-Blowin' in the Wind by chibisaruさん
★ どぶさぽちゃんv by まるたま。さん

[ 更新日時：2006/07/16 12:29 ]

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

[ ↑ページトップ ]

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

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

2007 年 1 月
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