ぬこみくじ page.5

ぬこみくじ page.5 †

↓

「覧」画面でのカスタマイズについて †

ぬこみくじって非表示にできないの？ †

お楽しみ頂けないのは残念ですが、ぬこさんがOFF機能はないと仰っているので、不要な方はCSS設定画面の設定1～5を使って自力で対処して下さい。

リンクを消す方法 その１．

[HREF*="omikuji=1"] {display: none;}

存在そのものが消えますので、歯抜け状態に余白が残ることもありません。

リンクを消す方法 その２．

上記の方法で消せない場合は、部分一致の指定方法に対応していない端末やブラウザかもしれませんので、こちらを試して下さい。

[HREF="/?omikuji=1&guid=ON"] {display: none;}

２．の方法でもダメなら、

その３．

[HREF*="omikuji=1"] {visibility: hidden;}

その４．

[HREF="/?omikuji=1&guid=ON"] {visibility: hidden;}

も試してみて下さい。
３．や４．のやり方は、表示を消した所が空いて歯抜け状態になりますので少々カッコ悪いかもしれません。

目立たない場所に移動する方法

body {position: relative;}
[HREF*="omikuji=1"] {position: absolute; bottom: 5; right: 10;}

消したくはないけど今の場所だと邪魔、という方は、これでページの右下に移動できます。数値は各自で微調整して下さい。

 

いや、むしろ目立たせたいんだけど何か方法ない？ †

設定例

[HREF*="omikuji=1"] {
color: orange;
font-size: 120%;
font-weight: bold;
position: absolute; top: 5; right: 10;}

2行目以降の内容を解説すると、
「フォントカラーをオレンジにして、サイズを通常の文字と比較して120%の大きさに拡大し、太字に変え、画面の右上に移動させる」という指示です。
色、サイズ、位置はお好みで。
要らない指示の行は消して下さい。（※最後を半角中括弧で閉めるのを忘れないように）
見やすいように改行していますが、一続きに書いてもOKです。
半角スペースも全て省略可能です。