スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサーサイト/--/--/-- --:--/スポンサー広告/ トラックバック(-)/コメント(-)

Thanks[Flashなどのobjectやembed がz-indexを無視]に良回答

2008-10-05の記事
「Flashなどのobjectやembed がz-indexを無視して最前面に表示」に対して、ご回答を頂きました。
[menu-open]クリックで現れるメニュー部に記事内に添付しているFlashなどのobjectやembed が突き破って最前面に現れていたのです。

この度、http://web-conte.com/blue/200811/25_2053.phpの 相馬称 さんからコメント及びトラックバックを頂き解決いたしました。

↓[menu-open]をクリックした時、YouTubeが非表示になっているのが解かります。

合わせて、menu-openした時、クリックした同じ場所がmenu-closeに変わるように教えて頂きました。

私のために「showhideのscriptが開いた時、Flashが非表示になる」という記事を書いていただいてほんとうにありがとうございました。
詳しくは、こちらをご覧ください。


相馬称 さんは Lightbox JS v2.0 と Flashという記事を書いていらした方だったのです。


【More Open】
スポンサーサイト
Thanks[Flashなどのobjectやembed がz-indexを無視]に良回答/2008/11/27 07:06/[Blog]カスタマイズ/ トラックバック(0)/ comment(0)

YouTube

YouTube/2008/11/23 16:28/[Blog]カスタマイズ/ トラックバック(0)/ comment(0)

FC2Blogサイドメニューツリー化

メニューがツリー化されていると
見やすくなりますね。
以前にやってみたのですが、改めてここに書いておきます。
参考にさせていただいたのは
scripts for livedoorさんです。ありがとうございます。

メニューのツリー化のためのscriptを</body>タグの直前に入れました。


<!--ここから下はメニューのツリー化のためのscriptです-->>

<script type="text/javascript">
<!--
function makeTreeElements (idName,objList) {
if (!objList.innerHTML) return;
var objLink = objList.getElementsByTagName('a')[0];
var linkUrl = objLink.getAttribute('href');
if (idName.indexOf('comment') > -1 || idName.indexOf('tb') > -1) {
var tmpText = objList.innerHTML.split("⇒");
tmpText[0] = tmpText[0].slice(0,tmpText[0].search(/<BR/i));
this.base = Array('<a href="',linkUrl,'">',tmpText[0],'</a>').join('');
this.elem = objLink.innerHTML;
} else if (idName.indexOf('entry') > -1) {
var tmpText = objList.innerHTML;
tmpText.match(/¥((¥d¥d¥/¥d¥d)¥)/);
this.base = Array('<strong>',RegExp.$1,'</strong>').join('');
this.elem = Array('<a href="',linkUrl,'">',objLink.innerHTML,'</a>').join('');
} else if (idName.indexOf('link') > -1) {
var tmpText = objList.innerHTML;
if ( tmpText.match(/¥[(.+)¥](.+)/) ) {
this.base = Array('<strong>',RegExp.$1,'</strong>').join('');
this.elem = Array('<a href="',linkUrl,'" target="_blank">',RegExp.$2,'</a>').join('');
}
} else if (idName.indexOf('category') > -1) {
var tmpText = objList.innerHTML;
if ( tmpText.match(/¥[(.+)¥](.+)/) ) {
this.base = Array('<strong>',RegExp.$1,'</strong>').join('');
this.elem = Array('<a href="',linkUrl,'">',RegExp.$2).join('');
}
} else if (idName.indexOf('archive') > -1) {
var tmpText = objList.innerHTML;
tmpText.match(/¥((¥d+)¥)/);
var tmpCnt = Array(' (', RegExp.$1, ')').join('');
tmpText = objLink.innerHTML;
tmpText.match(/(.+) (¥d+)/);
this.base = Array('<strong>',RegExp.$2,'</strong>').join('');
this.elem = Array('<a href="',linkUrl,'">',RegExp.$1,'</a>', tmpCnt).join('');
}
return this;
}
function createTreeList(idName,option) { // version 2.2
var objFocus = this.document.getElementById(idName);
if (!objFocus) return;
if (!objFocus.innerHTML) return;
var objLists = objFocus.getElementsByTagName('li');
var linkList = new Array();
var outText = new Array();
if (objLists.length > 0) {
for (i=0;i<objLists.length;i++) {
var chckFlag = true;
var elemText = new makeTreeElements(idName,objLists[i]);
if (!elemText.base || !elemText.elem) return;
for (j=0;j<linkList.length;j++) {
if ( linkList[j].base.indexOf(elemText.base) > -1 ) {
chckFlag = false;
linkList[j][linkList[j].length] = elemText.elem;
}
}
if (chckFlag) {
var tmpNum = linkList.length;
linkList[tmpNum] = new Array();
linkList[tmpNum][0] = elemText.elem;
linkList[tmpNum].base = elemText.base;
}
}
if (linkList.length > 0) {
outText[outText.length] = '<ul>¥n';
for (i=0;i<linkList.length;i++) {
outText[outText.length] = Array('<li>',linkList[i].base,option.top).join('');
if (linkList[i].length > 0 && option.sort) linkList[i].reverse();
for (j=0;j<linkList[i].length;j++) {
outText[outText.length] = (j == linkList[i].length - 1) ? option.end : option.list;
outText[outText.length] = Array(linkList[i][j],option.leef).join('');
}

outText[outText.length] = Array(option.btm,'</li>').join('');
}
outText[outText.length] = '</ul>¥n';
objFocus.innerHTML = outText.join('');
}
}
}
var gTreeOption = new Array;
gTreeOption['list'] = '<li class="lst">'; /* ツリー用マーク(通常) */
gTreeOption['end'] = '<li class="end">'; /* ツリー用マーク(末端) */
gTreeOption['leef'] = '</li>\n'; /* 各枝の末尾 */
gTreeOption['top'] = '<ul class="tree">'; /* ツリー本体の最初 */
gTreeOption['btm'] = '</ul>'; /* ツリー本体の最後 */

createTreeList('newentrylist',gTreeOption); // 最新エントリリストのツリー化
createTreeList('entrylist',gTreeOption); // エントリリストのツリー化
createTreeList('commentlist',gTreeOption); // 最新コメントリストのツリー化
createTreeList('tblist',gTreeOption); // 最新トラックバックリストのツリー化
createTreeList('linklist',gTreeOption); // リンクリストのツリー化
createTreeList('categorylist',gTreeOption); // カテゴリリストのツリー化
createTreeList('archivelist',gTreeOption); // アーカイブリストのツリー化
// -->
</script>
<!--メニューのツリー化のためのscriptここまで-->

</body>
</html>

それから次の二つの画像をパソコンに保存してからBlog の管理ページ「ファイルアップロード 」からアップし、そのアドレスを調べます。

tate.gif


matu.gif


次にスタイルシートの一番後ろに次を書き足します。


ul.tree {
list-style: none;
margin: 0px;
padding: 0px;
}
ul.tree li {
margin: 0px;
padding: 0px 0px 0px 16px;
background-image: url(アップしたtate.gifのアドレス);
background-repeat: no-repeat;
}
ul.tree li.end {
background-image: url(アップしたmatu.gifのアドレス);
}

次にプラグインの設定 に行き
「最新コメント」の「詳細 」→【HTMLの編集】をクリック

<div id="commentlist">
<ul>
<!--rcomment-->
<li><%rcomment_etitle><br /><a href="<%rcomment_link>#comment"><%rcomment_name>(<%rcomment_month>/<%rcomment_day>)</a></li>
<!--/rcomment-->
</ul>
</div>


同じくcategoryカテゴリーの「詳細 」→【HTMLの編集】をクリック


<div id="categorylist">
<ul>
<!--category-->
<li><a href="<%category_link>"><%category_name>(<%category_count>)</a></li>
<!--/category-->
</ul>
</div>





同じくlinkリンクの「詳細 」→【HTMLの編集】をクリック


<div id="linklist">
<ul>
<!--link-->
<li><a href="<%link_url>"><%link_name></a></li>
<!--/link-->
</ul>
</div>


同じく最新記事の「詳細 」→【HTMLの編集】をクリック


<div id="newentrylist">
<ul>
<!--recent-->
<li &align>
<a href="<%recent_link>" title="<%recent_title>" onMouseOver="runSound()"><%recent_title> (<%recent_month>/<%recent_day>)</a>
</li>
<!--/recent-->
</ul>
</div>

更に
リンクリスト、
カテゴリリストをグループ分けします。
[友達]○○
[友達]▼▼
[友達]□□
などですね。
カテゴリーでは
[生活]○○
[生活]▼▼
[生活]□□などです。


尚アーカイブについてはFC2では上手く行かないとの検索エンジンの噂・・・・・
なおも検索しているとプラグインに良い物があるとのこと
共有プラグイン追加で

プラグイン名 TreeArchive_PD と検索
名前:TreeArchive_PD 作者:daniel[pcafe] ▼他の作品 というところ
▼他の作品 をクリック
2ページ目の Tree-Arcive をダウンロードしました。

daniel[pcafe]さま、ありがとうございます。




【More Open】
FC2Blogサイドメニューツリー化/2008/11/21 17:25/[Blog]カスタマイズ/ トラックバック(1)/ comment(14)
| ホーム |

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。