So-net無料ブログ作成
ソネットブログさん:仕様? ブログトップ

ソースで/不思議な箱、他 [ソネットブログさん:仕様?]

 「自分のブログ」のソースを見てみたら、気になる箇所があった。
<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&amp;k=%EF%BC%9F…" …>?</a>

が良いらしい。


 ページヘッダ左端の、

【So-netロゴ(?)と「So-net」と「ブログ」】

が、「ツタ」スキンだと、

【左のロゴ(?)が欠けた「So-net」と「ブログ」】

というふうに左が欠けてしまう。CSSを弄って調整した。

【So-netロゴ(?)と「So-net」と「ブログ」】

とあると、So-net blog さんのトップに行くつもりで、

【「So-net」】

をクリックして、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メニュー」の枠の中を斜めに移動していくようだ。

【おめでとうございます!!ソネットポイント10ポイントを獲得です!!】
Copyright 2008 So-net Entertainment Corporation

 Firefox でも「不思議な箱」は現れる(*1)
 ソネットさん、ありがとうございます。

*1:
Opera ブラウザの場合、箱の画像を読み込んでいるのに何故か表示されない,無理矢理表示させた箱をクリックしても何も起きない、現象があった。
ブラウザの機能を利用する方法もある。Opera だと「ユーザ JavaScript」機能で自動更新と箱の判定が出来る。
Firefox は拡張機能(テキストで、リンク,manifest,rdf,xul,js ファイルを作成する)で何とかなる。

nice!  コメント  トラックバック 
共通テーマ:blog

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 では文字が重なってしまうので中止。

*:
<% … %> に同じようなデータを2回も作成してもらうのもアレなので、noscript の内容から加工しようとも思ったが、IE7 は noscript が空になっているので止めた。

 Y*uT*be で "Ox*gene *3" 関連が著作権侵害のクレームでバッサリ削除されていた。"Oxy*ene 1*" は仕方ないとして、"Trib*te T* Emin*nt (Oxyg*ne Rememb*ranca)" まで削除されているのは何か解せなかった。


3月19日:
Windows 用 Safari 3.1 が出たらしい。 Apple 製品は「定期的なユーザ情報の収集」(範囲が曖昧)があるのでインストールは止めておく。


nice!  コメント  トラックバック 
共通テーマ:blog

Harbot1に設定 [ソネットブログさん:仕様?]

 Harbot™の「Harbot1」 スキンに設定してみた。

 内容が枠いっぱいなので読みづらいように思える。もっと枠との間を空けてほしかった。

 ということで、「花・植物」の「ツタ」スキンに設定した。


タグ: So-net blog
nice!  コメント  トラックバック 
共通テーマ:blog

Livly2に設定 [ソネットブログさん:仕様?]

 Livly Island™ の「Livly2」 スキンに設定してみた(*1)

 背景画像がずれたりするし、画像を表示しないモードではリンクの在処がわからなくなる。
 内容が端にくっついているようだったので、画像サイズ, margin等を調整した。

*1:
Harbot™ のスキンも(出るとすると)こんな感じなのかな、ということで。

タグ: So-net blog
nice!  コメント  トラックバック 
共通テーマ:blog

iframe と script の利用 [ソネットブログさん:仕様?]

 現時点では、HTMLタグの制限(というか禁止タグ)に iframe(インラインフレーム) や script(*1) があるようだが、書き方によっては機能するらしいし、JavaScript使用という方法もある。

http://blog.so-net.ne.jp/_images/blog/magnus/1356541.jpg

↑のクリックで、此処が iframe になるハズ(*)
(なかなか表示されないことがあります。気長にお待ちください。)
(*: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"
  等。
objectの実験は止めておきます。

「URL自動リンクと改行だけのシンプルな入力」で、

<iframe src="☆" … >~</iframe>

と書くと、

という具合に機能しないが、(2007-04-06追記:いつ頃からそうなっていたのか不明だが、機能している)

<iframe src="☆" … 
>~</iframe
>

というふうに、「<」と「>」の間に改行を入れると(現時点では)機能するようだ。

追記: ↑は、『一部広告タグの利用について』で無効になっていたらしい。編集するまでは有効になっていたので気がつかなかった。

src="URI" 付きの script も、

<script type="text/javascript" src="☆"
></script
>

というふうに、「<」と「>」の間に改行を入れると(現時点では)機能するようだ(*1)

10月21日に確認してみると、小細工(?)なしで script 要素が使えるようになっていた。(機能追加後の仕様?)

タグ: So-net blog
nice!  コメント  トラックバック 
共通テーマ:blog

イベント属性は必要? [ソネットブログさん:仕様?]

 「Amazonアソシエイト・プログラムへの対応・広告枠の挿入・新機能リリースについて」によると、「URL自動リンクと改行だけのシンプルな入力」で、「原則すべてのHTMLタグが利用可」になったらしい。

00:00:00

 script が(現時点では)制限(*1)されているのにイベント属性が使えるのがよく分からないし、 So-net blog さんでは、<head>~</head> の中に書くことができない style 要素が有効(*2)なのも謎。

*1:
10月21日に確認してみると、小細工(?)なしで script 要素が使えるようになっていた。(機能追加後の仕様?)
*2:
広告騒動(?)の際には、広告消しに使用されていた。

タグ: So-net blog
nice!  コメント  トラックバック 
共通テーマ:blog

週間アクセスランキングのタイトル省略 [ソネットブログさん:仕様?]

 So-net blogさんトップの「週間アクセスランキング」の表示幅がないので「..」で省略されるタイトルもあるようだ。So-net blogさんがトップページ作成の際に、

<a href="/magnus/2005-01-13"
  title="週間アクセスランキングのタイトル省略"
>週間アクセスランキン..</a>

というふうに、title="" を追加すると、

  • So-net blogさん側での変更が必要。
  • ブラウザの仕様/設定によっては出ない。
  • タイトルが出るまでに時間が要る。

の点がアレではあるが、リンクにマウスカーソルを合わせるとタイトルが出るようになって良いかもしれない。

週間アクセスランキン..
 ↑にマウスカーソルを合わせるとタイトルが出る(かも)。


タグ: So-net blog
nice!  コメント  トラックバック 
共通テーマ:blog

プレビューの幅 [ソネットブログさん:仕様?]

 投稿後に実際の表示を見ると、幅がある画像が切れていたり,行が禁則処理等でおかしなところで折り返していることがある。投稿後の幅でプレビューできると良いと思った。

 保存しなければならないが、「記事管理」で「下書き」をクリックすると↑ができる。


タグ: So-net blog
nice!  コメント  トラックバック 
共通テーマ:blog

nice! をお気楽にする [ソネットブログさん:仕様?]

 nice! 騒動(?)の原因となった某氏への人格攻撃に nice! があるのはどうかと思う。
 nice! 数はヒトを熱くさせるらしい。

  • nice! を送る際に匿名を選択でき、匿名の場合は「☆人の方が、nice!と投票しています。」等になる。取り消しもできる。
  • 匿名 nice! はランキングの対象にならない。
  • 匿名 nice! は「○○さんの記事をnice!と思った人」,「○○さんがnice!と思った記事」にリストされない。(「○○さんがnice!と思った記事」は、管理ページでは表示されると良いかも)

のような、お気軽 nice! があっても良いような気がした。

 nice! を拒否する機能もあって良いと思う(So-net blogさんの「お詫び」でコメントとトラックバックは受け付けていないのに、 nice! だけは受け付けていると怒っている向きがあったので)


タグ: So-net blog
nice!  トラックバック 
共通テーマ:blog

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@

という風にリンクになるが、リンクにしたくないときは、

&#104;ttp://blog.so-net.ne.jp/magnus/2004-12-12
&#102;tp://127.0.0.1/
&#109;ailto:hoge@

と書くと良いようだ。

http://blog.so-net.ne.jp/magnus/2004-12-12
ftp://127.0.0.1/
mailto:hoge@

と表示されるようになる。

http&#58;//blog.so-net.ne.jp/magnus/2004-12-12
ftp&#58;//127.0.0.1/
mailto&#58;hoge@

の場合は、58だけで済む。

 &#数字; の最後の ; は省略できる場合もあるが、必ず付けるようにしておくと失敗がなくて良いだろう。


タグ: So-net blog
nice!  コメント  トラックバック 
共通テーマ:blog

検索での大文字・小文字の区別 [ソネットブログさん:仕様?]

So-net blogさんの「検索」は大文字・小文字が区別されるようだ。
(Netscape と netscape では検索結果が異なる)

2005年4月18日: 記事検索機能のアップで区別されなくなったようだ。gooさんのドメイン指定付ウェブ検索らしい。


タグ: So-net blog
nice!  コメント  トラックバック 
共通テーマ:blog

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>がくっつくのも気になる。


タグ: So-net blog
nice!  コメント  トラックバック 
共通テーマ:blog
ソネットブログさん:仕様? ブログトップ