ソースで/不思議な箱、他 [ソネットブログさん:仕様?]
- <ul> の中に <span>。
<ul …> <span id="myblog-header-right"> <li><a href="…">…</a></li> ~ ~ ~ ~ ~ ~ ~ <li><a href="…">…</a></li> </span> <span id="myblog-header-right-no-login"> <li><a href="…">…</a></li> ~ ~ ~ ~ ~ ~ ~ <li><a href="…">…</a></li> </span> </ul>
ul 直下に span は置けないハズなのだが…。
ログインしているかどうかで表示内容を変えるのに span を使用しているらしい。- 「
キーワード広告
」の href 中の「&」。 <a href="http://~/xx.pl?xx=1&k=%EF%BC%9F…" …>?</a>
は、
<a href="http://~/xx.pl?xx=1&k=%EF%BC%9F…" …>?</a>
が良いらしい。
ページヘッダ左端の、
が、「ツタ」スキンだと、
というふうに左が欠けてしまう。CSSを弄って調整した。
とあると、So-net blog さんのトップに行くつもりで、
をクリックして、So-net さんのトップに行ってしまう。
慣れの問題なのだろう。
「デザイン
」-「レイアウト
」の「ごみ箱を空にする
」が軽くて(?)怖い。
ちょっと外しておきたいコンテンツを、ごみ箱においておくのはあると思う。「設定を保存する
」のつもりで、うっかり「ごみ箱を空にする
」をクリックしてしまうと取り返しのつかない(大げさ)ことになる。
ごみ箱を空にする際に確認するか、ちょっと置いておける場所があると良いと思う。
Adobe® Flash® Player に脆弱性があるということで、9.0.124.0 にしようとしたら、プロバイダの Proxy のせいで、9.0.115.0 をインストールしてしまう。 download.macromedia.com, fpdownload.macromedia.com には直接接続するように設定した。Shockwave® Player が「11」になっているのを発見したので、「11」をインストールした。「Allow backward compatibility
」をオフにしていると「10」が必要なモノではエラーになるらしい。オンになっていても Internet Explorer で「オフライン作業
」になっていると「10」をダウンロードできないらしい。
4月19日:
ソネットさんのトップページに「不思議な箱
」が現れた。
「So-netメニュー
」の枠の中を斜めに移動していくようだ。
Firefox でも「不思議な箱」は現れる(*1)。
ソネットさん、ありがとうございます。
ブラウザの機能を利用する方法もある。Opera だと「ユーザ JavaScript」機能で自動更新と箱の判定が出来る。
Firefox は拡張機能(テキストで、リンク,manifest,rdf,xul,js ファイルを作成する)で何とかなる。
So-net blog リニューアルでHTML編集/月別表示の改造,他 [ソネットブログさん:仕様?]
リニューアルでサイドバーのHTMLを編集できるようになったらしいので、いろいろ編集してみた。
主なところは、
月別表示
<% … %> の仕様がよく分からないので、<% … %> に表を作成してもらい JavaScript で表示用に加工している(*)。
私のように1記事/月の場合は、手でリンクを追加しても良かったかもしれない(笑)。
HTML:
<div class="sidebar" id="archive"> <h3 class="sidebar-title"><% content.title | html %></h3> <div id="alm_p_<% content.id %>" class="sidebar-body custom-body"> <% content.header -%> <script type="text/javascript"> (function () { var aaa = [ <% loop:list_archives -%><% if:archives.article_count -%>[<% archives.createstamp | date_format("%Y,'%m'") %>,<% archives.article_count | __or__ | echo('0') %>], <% /if -%><% /loop -%>]; if(! aaa.length) return; var dl = document.createElement('dl'); dl.className = 'alm-c-dl'; var dd; function flush() { var ori = 6; var i = dd.childNodes.length - 1; for( i -= (i%ori); i > 0; i -= ori) { var br = document.createElement('br'); br.className = 'alm-c-br'; dd.insertBefore(br, dd.childNodes[i]); } dl.appendChild(dd); } var oy = -1; for( var x in aaa) { var tx; var kako = aaa[x]; var a = document.createElement('a'); a.className = 'alm-c-a'; a.href = '<% blog.page_url %>archive/'+kako[0]+kako[1]+'-1'; a.title = '記事数 ' + kako[2]; tx = document.createTextNode(Number(kako[1])+'月'); a.appendChild(tx); if(kako[0]!=oy){ oy=kako[0]; if(dd) flush(); tx = document.createTextNode(oy+'年'); var dt = document.createElement('dt'); dt.className = 'alm-c-dt'; dt.appendChild(tx); dl.appendChild(dt); dd = document.createElement('dd'); dd.className = 'alm-c-dd'; dd.appendChild(a); continue; } dd.insertBefore(a, dd.firstChild); } flush(); var doko = document.getElementById('alm_p_<% content.id %>'); doko.appendChild(dl); })(); </script> <div class="alm-c-end"></div> <noscript><ul> <% loop:list_archives -%><% if:archives.article_count -%><li><a href="<% archives.page_url %>"><% archives.createstamp | date_format("%Y年%m月") %></a>(<% archives.count | __or__ | echo('0') %>)</li><% /if -%> <% /loop -%></ul></noscript> <% content.footer -%> </div> <div class="sidebar-end"></div> </div>
CSS:
dl.alm-c-dl, dt.alm-c-dt, dd.alm-c-dd, a.alm-c-a{ border-style:none; margin:0; padding:0; font-size:10px; line-height:13px } dl.alm-c-dl{ margin-top:12px; margin-bottom:16px } dt.alm-c-dt{ clear:both } dd.alm-c-dd{ margin-top:.4px; margin-left:4px; margin-bottom:24px } br.alm-c-br{ clear:both } a.alm-c-a{ display:block; width:26px; float:left; text-align:right } div.alm-c-end{ border-style:none; margin:0; padding:0; clear:both }
最新記事一覧
「
...
」で省略されていても、リンクにカーソルを当てるとお題が表示されるように、<li><a href="…"><%…%></a></li>
に、
<li><a href="…" title="<% article.subject | html %>"><%…%></a></li>
というふうに、
title
属性を追加した。タグクラウド
空白を含むタグは、
a._tag[href*="%20"]:before { content: '「' } a._tag[href*="%20"]:after { content: '」' }
で、「Turbo C++」というふうに 「 」 を付けて表示させようとしたら、IE7 では機能しないし、Firefox 2 では文字が重なってしまうので中止。
Y*uT*be で "Ox*gene *3" 関連が著作権侵害のクレームでバッサリ削除されていた。"Oxy*ene 1*" は仕方ないとして、"Trib*te T* Emin*nt (Oxyg*ne Rememb*ranca)" まで削除されているのは何か解せなかった。
Harbot1に設定 [ソネットブログさん:仕様?]
Harbot™の「Harbot1」 スキンに設定してみた。
内容が枠いっぱいなので読みづらいように思える。もっと枠との間を空けてほしかった。
ということで、「花・植物」の「ツタ」スキンに設定した。
Livly2に設定 [ソネットブログさん:仕様?]
Livly Island™ の「Livly2」 スキンに設定してみた(*1)。
背景画像がずれたりするし、画像を表示しないモードではリンクの在処がわからなくなる。
内容が端にくっついているようだったので、画像サイズ, margin等を調整した。
iframe と script の利用 [ソネットブログさん:仕様?]
現時点では、HTMLタグの制限(というか禁止タグ)に iframe(インラインフレーム) や script(*1) があるようだが、書き方によっては機能するらしいし、JavaScript使用という方法もある。
(なかなか表示されないことがあります。気長にお待ちください。)
(*:Windows の IE6, Firefox1.0.7, Opera8.5 でしか確認していませんが…)
↑は、input の onclick になっているが、 img の onload でも良いかもしれない。(画像表示,JavaScript有効,innerHTMLが機能するブラウザの場合)
追記: *1 で script 要素が使えるので、document.write 等も良いかもしれない。
<script type="text/javascript"> document.write('<','iframe src="http://blog.so-net.ne.jp/_images/blog/magnus/1356541.jpg" width="460" height="345" title="画像: (C) Copyright 2002 IBM">[iframe無効]<','/iframe>') </script>
objectでインラインフレームという方法があるが、ActiveX扱いになるので、
- IE等で機能しない。(警告が出る)
- ノートン先生等に<object …>から</object>迄を削除される。
ことがある。
<object data="☆" type="◇" …>~</object> ☆ = http://blog.so-net.ne.jp/ ◇ = text/html … = width="640" height="480" 等。
「URL自動リンクと改行だけのシンプルな入力」で、
<iframe src="☆" … >~</iframe>
と書くと、
という具合に機能しないが、(2007-04-06追記:いつ頃からそうなっていたのか不明だが、機能している)
<iframe src="☆" … >~</iframe >
というふうに、「<」と「>」の間に改行を入れると(現時点では)機能するようだ。
追記: ↑は、『一部広告タグの利用について』で無効になっていたらしい。編集するまでは有効になっていたので気がつかなかった。src="URI" 付きの script も、
<script type="text/javascript" src="☆" ></script >
というふうに、「<」と「>」の間に改行を入れると(現時点では)機能するようだ(*1)。
イベント属性は必要? [ソネットブログさん:仕様?]
「Amazonアソシエイト・プログラムへの対応・広告枠の挿入・新機能リリースについて」によると、「URL自動リンクと改行だけのシンプルな入力
」で、「原則すべてのHTMLタグが利用可
」になったらしい。
script が(現時点では)制限(*1)されているのにイベント属性が使えるのがよく分からないし、 So-net blog さんでは、<head>~</head> の中に書くことができない style 要素が有効(*2)なのも謎。
週間アクセスランキングのタイトル省略 [ソネットブログさん:仕様?]
So-net blogさんトップの「週間アクセスランキング
」の表示幅がないので「..」で省略されるタイトルもあるようだ。So-net blogさんがトップページ作成の際に、
<a href="/magnus/2005-01-13" title="週間アクセスランキングのタイトル省略" >週間アクセスランキン..</a>
というふうに、title=""
を追加すると、
- So-net blogさん側での変更が必要。
- ブラウザの仕様/設定によっては出ない。
- タイトルが出るまでに時間が要る。
の点がアレではあるが、リンクにマウスカーソルを合わせるとタイトルが出るようになって良いかもしれない。
週間アクセスランキン..
↑にマウスカーソルを合わせるとタイトルが出る(かも)。
プレビューの幅 [ソネットブログさん:仕様?]
投稿後に実際の表示を見ると、幅がある画像が切れていたり,行が禁則処理等でおかしなところで折り返していることがある。投稿後の幅でプレビューできると良いと思った。
保存しなければならないが、「記事管理」で「下書き」をクリックすると↑ができる。
nice! をお気楽にする [ソネットブログさん:仕様?]
nice! 騒動(?)の原因となった某氏への人格攻撃に nice! があるのはどうかと思う。
nice! 数はヒトを熱くさせるらしい。
- nice! を送る際に匿名を選択でき、匿名の場合は「☆人の方が、nice!と投票しています。」等になる。取り消しもできる。
- 匿名 nice! はランキングの対象にならない。
- 匿名 nice! は「○○さんの記事をnice!と思った人」,「○○さんがnice!と思った記事」にリストされない。(「○○さんがnice!と思った記事」は、管理ページでは表示されると良いかも)
のような、お気軽 nice! があっても良いような気がした。
nice! を拒否する機能もあって良いと思う(So-net blogさんの「お詫び」でコメントとトラックバックは受け付けていないのに、 nice! だけは受け付けていると怒っている向きがあったので)。
URL自動リンク [ソネットブログさん:仕様?]
「URL自動リンクと改行だけのシンプルな入力」で、
http://blog.so-net.ne.jp/magnus/2004-12-12 ftp://127.0.0.1/ mailto:hoge@
と書くと、URL自動リンク機能で
http://blog.so-net.ne.jp/magnus/2004-12-12
ftp://127.0.0.1/
mailto:hoge@
という風にリンクになるが、リンクにしたくないときは、
http://blog.so-net.ne.jp/magnus/2004-12-12 ftp://127.0.0.1/ mailto:hoge@
と書くと良いようだ。
http://blog.so-net.ne.jp/magnus/2004-12-12
ftp://127.0.0.1/
mailto:hoge@
と表示されるようになる。
http://blog.so-net.ne.jp/magnus/2004-12-12 ftp://127.0.0.1/ mailto:hoge@
の場合は、58だけで済む。
&#数字; の最後の ; は省略できる場合もあるが、必ず付けるようにしておくと失敗がなくて良いだろう。
検索での大文字・小文字の区別 [ソネットブログさん:仕様?]
So-net blogさんの「検索」は大文字・小文字が区別されるようだ。
(Netscape と netscape では検索結果が異なる)
2005年4月18日: 記事検索機能のアップで区別されなくなったようだ。gooさんのドメイン指定付ウェブ検索らしい。
Pの中にブロック要素が… [ソネットブログさん:仕様?]
So-net blogさんの記事本文付近のソースを見ると、
~お題とリンク</h3><p><p…>本文</p> <br style="clear:both"></p><div …>日付等~
のように、<p>
と</p>
の間に、ブロック要素の<p
…></p>
があるのが気になる。
table等を書くと、
<table…>~</table><p class="auto"> </p>
(現時点では“空”になっている)<p class="auto"></p>
がくっつくのも気になる。