他力本願もアレなのでもうちょっと頑張る
2008-11-19


禺画像]
今は寒いので時期が悪い。春になったら本気だす……じゃなくてw
メッセージツールにidを設定して欲しいの続き。

とりあえず希望は出したのですが、対応してもらえるか以前に、検討してもらえるかも定かではありません。

個々のメッセージをデザインするのが無理なのであって、全部のメッセージを一括して変更ならできる訳で……ならばもう一工夫。 菌類(ワライタケ)でやると地獄をみるのは明らかなので、簡単なペンギンで……ヘタレでどうもすいませんw)

Google検索の最初の部分です。
<div class="mod mod-message">
<h2 class="mod-caption"><a name="part3915017"></a>Google</h2>
<div class="mod-body">
<p class="mod-text"></p>

<div class="ggl">
<center>
メッセージに入力したのは<div class="ggl">以下です。邪魔になりそうなのはh2、pタグです。CSSで消えてもらいましょう。
次の内容をCSSに追記します。
.mod-message h2,
.mod-message p {
        display: none;
}

一方で他のメッセージは、肝心な部分まで消えてしまいます。
<div class="mod mod-message">
<h2 class="mod-caption"><a name="part3885752"></a>おすすめ</h2>
<div class="mod-body">
<p class="mod-text">
<a href="http://puppet.asablo.jp/blog/2008/06/05/3562629">LANケーブルと電話線を1本にするの補足</a><br><br>
<a href="http://puppet.asablo.jp/blog/2008/10/11/3813259">Firefox 3:「よく見るページ」をカスタマイズする その2</a>
</p>
メッセージに入力したのは<a href="〜の2行です。

ならばこうしてやる(笑)。
<div class="mod mod-message">
<h2 class="mod-caption"><a name="part3885752"></a>おすすめ</h2>
<div class="mod-body">
<p class="mod-text"></p>

<div class="com-message">
<h2 class="mod-caption">おすすめ</h2>
<p class="mod-text">
<a href="http://puppet.asablo.jp/blog/2008/06/05/3562629">LANケーブルと電話線を1本にするの補足</a><br><br>
<a href="http://puppet.asablo.jp/blog/2008/10/11/3813259">Firefox 3:「よく見るページ」をカスタマイズする その2</a>
</p>
</div>
メッセージに入力したのは<div class="com-message">〜</div>の7行です。
やってることは、CSSで消した部分と同じ内容を別のクラスでもう一度書いただけです。
他にもメッセージがあれば、同じ要領で編集します。
ただし、このままでは表示されませんので、さっきのCSSに次の内容を追記します。
.com-message h2,
.com-message p {
        display: block;
}

高々メッセージのタイトル消すだけでこの面倒さ。菌類(ワライタケ)みたいに背景CGまでいじるとなると、信じられない手間がかかります。だから
メッセージにidつけてくださいよ。m(_'_)m


ともあれ、これでGoogole検索のメッセージは自由です(笑)。なので、タイトルの下に移動してみました。





コ、コレはどのくらい自由かのサンプルなんだからね。

HTMLカスタマイズの「body要素 開始タグ直後 ★1」に書けば、こんな苦労しなくて同じことできるって知ってたんだから。

か、勘違いしないでよね。

もっといいサンプルを思いつかなかっただけなんだから。







続きを読む

[CSS]
[アサブロ]
[AA]

コメント(全0件)
コメントをする


記事を書く
powered by ASAHIネット