メッセージの編集
お名前
本文
返信が遅くなりすみません。しばらく閲覧していなかったので再度ご質問されたことに気がつきませんでした。とりあえず回答させていただきます。 ▼HEAD・HTML詳細設定内のHEADに <noimode><meta http-equiv="content-type" content="text/html; charset=Shift_JIS" /></noimode> <imode><meta http-equiv="Content-Type" content="application/xhtml+xml; charset=Shift_JIS" /></imode> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <noimode><script type="text/javascript">//<![CDATA[ if (document.getElementById) document.write('<style type="text/css"> .tree { display: none; }<'+'/style>'); function tree(id) { if (document.getElementById(id).style.display == "block") document.getElementById(id).style.display="none"; else document.getElementById(id).style.display="block"; } //]]> </script></noimode> <style type="text/css"> body{ margin: 0; padding: 0; } a{ text-decoration: none; /*ページに、各端末共通で指定したいCSSが他にあればここに記述(セレクタ指定)*/ </style> ▼XHTMLに変換するデフォルト設定 ▼レイアウト編集内 <span onclick="tree('section-1');" title="クリックしてください" style="color:#5a7e3d;font-size:medium;cursor:pointer; cursor:hand;">コンテンツ内リンク</span><div id="section-1" class="tree">├<a href="URL" title="リンク先の簡単な説明。小説なら(ファンタジー)">小説</a> └<a href="URL" title="交流の場">掲示板</a></div> <span onclick="tree('section-2');" title="クリックしてください" style="color:#5a7e3d;font-size:medium;cursor:pointer; cursor:hand;">外部リンク集</span><div id="section-2" class="tree">├<a href="URL" title="お友達">サイト名</a> └<a href="URL" title="お友達">サイト名</a></div> ▼説明 上記の設定は、JavaScript及びCSS対応端末は文字クリックでDOMによるリンク一覧が開閉するツリーメニューの表示であり、非対応端末及び端末側の設定でJavaScriptやCSSをOFF設定の端末にもリンク可能になるように、ツリーメニューは開いた状態のままで通常のリンク一覧が表示する設定です。 ▼ご覧のように、レイアウト編集内の各ツリーメニューごとのidは違うid名にします。(ページ内に同じid名は使えない仕様だから) ▼javascriptのdocument.writeは、XMLでは使わないほうがいいのですが、ナノさまはdocomo携帯以外はtext/html(ブラウザはHTML文書だと認識するため)の出力なので問題ないです。 ▼スマートホンを考慮する場合は、上記にプラスして、指でタップしやすいようにulやliタグを使い、CSSにてaタグをdisplay:block指定のブロックレベル要素にさせて、リンク領域を広くしてあげると親切だと思います。 (今回は省略しソースコードは提示していませんが)
編集パス
編集
記事削除
×
人気急上昇中のBL小説
BL小説 BLove
- ナノ -