海外ドラマが好き♪

携帯百景に はまりちぅ♪

エントリータイトルに点線を(追記)

2007-04-12 16:46:35 | テンプレ・CSS
テンプレをこの間変更したんだけど チューリップがどぎつくて。やっぱり変えちゃった。
これで少しはトーンダウンしたかしら?

今日あれこれいじってたんだけど ひとつ問題が。以前エントリータイトルの下にアンダーラインじゃなくて ドットを入れてたのを思い出して エントリータイトルのところに dotted と 書いてみたんだけど どうもできない。
下線は 表示されるけど それ以外は 無視されるような気が。

おかしいなぁ。以前はできたはずなんだけど。以前やったときの記録が残ってなくて残念。テキストのデコレーションって 無効になっちゃったのかな?それとも私のやり方が悪いのかなぁ?

どなたかわかる方があれば 教えてくださいな。



お友達のYukiちゃんが教えてくれたので追記。



私はカスタムブルーを使ってるんだけど 何で以前できたのに?って思ってたら 大きな勘違い。


/* エントリータイトルの飾り(<a href="#" class="etTitleLink">で使用) */
.etTitleLink {
text-decoration: none;
border-bottom:3px dotted #666699;

}

none って デコレーションしない。って意味だと思って わざとはずしてしまったの。それが表示されない原因だったの。

う~ん、まだまだCSSを理解してないね。こうやって( ..)φメモメモしておかないと また同じ間違いを起こしそうだわ。

無事解決してよかった! どうもありがと。


最新の画像もっと見る

11 コメント

コメント日が  古い順  |   新しい順
Gooかぁ・・・ (Yuki)
2007-04-12 18:18:26
テンプレをいじるだけのために、私もGooブログを試してみたいなぁ・・・
でも、結局投稿しなくなってしまいます(-_-;)
返信する
あら? (じゃすみん)
2007-04-12 19:41:58
試してみたら?
一個だけ記事書いてあとはずーっとテンプレいじってるとか・・・。(だめかしらね?)
返信する
それじゃ (Yuki)
2007-04-13 00:30:32
CSSに関する説明がしっかりされていますね。
ちょっと登録してみますわ。

最近のマイブームは Opacity で
透明度を変更するスタイルです。

あと、Windows Vista + IE7 の環境で
メイリオフォントに変更できるかも検証してみます。
返信する
おっ? (じゃすみん)
2007-04-13 07:34:49
Opacityっていうのがわからないや。

そういえば 今こういうのがはやってるみたいですよ。twitter”(トウィッター)と“tumblr.”(タンブラー)っていうもの。お友達の記事で知ったんだけど 知ってます?

またいずれ時間のあるときでも検証されてみては?

返信する
難しいから挫折しました (Yuki)
2007-04-13 07:40:37
http://blog.goo.ne.jp/mbsupport/

twitter、tumblr。
どちらも聞いた事がありません(^_^;)
返信する
そういえば・・ (Yuki)
2007-04-13 08:12:50
質問に答えていませんでした(^_^;)
スタイルを入力しても平気かな?

border-bottom:2px dotted #FFD57D;

ボーダーを表示したい場所に

border-bottom:

数字px(線の太さ)

dotted (線の種類)

#FFD57D (色)

を挿入します。

ジャスミンさんの場合だと、おそらく etTitle だと思います。
返信する
ニアミス? (じゃすみん)
2007-04-13 08:27:46
今、見てきました。行動が早くてびっくりですよ。

私はカスタムブルーを使ってます。

そこにunderlineといれるとunderは引けるんですが 以前描けたはずのドットができないような気がしたもので。
/* エントリータイトルの飾り(<a href="#" class="etTitleLink">で使用) */
.etTitleLink {
text-decoration: border-bottom:2px dotted #FFD57D;
}

これだったら アンダーラインしか入らなくて。
素材やさんのラインを借りて背景画像として指定するしかないような気が。
返信する
ん・・・ (Yuki)
2007-04-13 09:12:48
text-decoration:none;
border-bottom:2px dotted #FFD57D;

text-decorationはしませんよ、という意味のnoneが抜けてますね。
実際にローカルで試したのですが、おそらくデフォルト状態の点線になります。ただ、線の太さがいくつだったか不明ですが。

たぶん、これ、私が上手く理解していなのかも知れません。どういう事だろう?
返信する
えっ? (じゃすみん)
2007-04-13 11:37:23
私 noneって デコレーションしないときの意味だと思うんですが。
だから noneをわざとはずしたんですが。
gooブログのCSS編集が変わったのかもしれませんわ。
もしかしたら有料のアドバンスじゃないとだめとか あるのかも。
返信する
事件解決 (Yuki)
2007-04-13 19:44:44
良かった~良かった~
返信する