どりーみー

script
<!--
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(/
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('');
}
}
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;ivar chckFlag = true;
var elemText = new makeTreeElements(idName,objLists[i]);
if (!elemText.base || !elemText.elem) return;
for (j=0;jif ( 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] = 'for (i=0;ioutText[outText.length] = Array('if (linkList[i].length > 0 && option.sort) linkList[i].reverse();
for (j=0;joutText[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['sort'] = false; /* ツリー内の表示順 true:並び替える false:そのまま */
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); // リンクリストのツリー化
// -->

html
<div id="commentlist">{recent_comment_list}</div>

ｃｓｓ
ul.tree {
list-style: none;
margin: 0px;
padding: 0px;
　width:300px;
}
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);
}
【More Close】

1. 先ず一枚の画像をドラックするとキャンバスに入ります。
2. メニューのレイヤー（L）→新しいレイヤーの追加（N）


一番上レイヤー名（N）に名前を付けます。幅と高さを決め一番下　
塗りつぶしの色を透明にします。→OK（O）を押します

3. メニューのウインドウ（W）を押します
ドッキング可能なダイアログ（D）　→ブラシ（B） を選択


画像で下から2番目＋が付いたフォルダをクリックする

名称未設定というところに名前（キラキラ２）を付けます。
矢印のところ赤い丸のところを選択


半径 30.0、尖り 8、強度 0.30、縦横比 6.0 に設定
キラキラ２が出来ました。

4.メニューのウインドウ（W）を押し
ドッキング可能なダイアログ（D）　→ブラシ（B） を選択

右の方、先ほど作ったキラキラ２をクリックして
左の方、赤丸のところ「ブラシで描画」を選択
キャンバス上でクリックすると

綺麗に星が出来ました。


私はキラキラだけ使いたいので
5. 赤い矢印のところインポートした画像の目のアイコンをクリックして消す


6. 最後メニューの「ファイル」をクリック名前を付けてエクスポート拡張子pngで保存

ウエブビデオスタジオで作った動画です。


島さん、大変参考になりました。ありがとうございました。<(_ _)>

七夕のうた童謡 唱歌 叙情歌・MP3ダウンロードさま
【More Close】

参考にさせていただいたサイト
https://selifelog.com/blog-entry-268.html
ありがとうございました。
【More Close】

クリックで展開のHTMLとCSSです


HTMLは
<div class="box"><!--divでくくる-->
<input type="checkbox" id="check1" class="hiraku-hidden">
<label for="check1" class="hiraku-open">ありがとう</label>
<label for="check1" class="hiraku-close">できました。できました。出来ました。</label>

<input type="checkbox" id="check2" class="hiraku-hidden"><!--IDを上と変える-->
<label for="check2" class="hiraku-open">二番目です</label><!--IDに注意-->
<label for="check2" class="hiraku-close"><!--IDに注意-->できました。できました。出来ました。</label>

</div><!--/box-->


CSS
<style>
.hiraku-hidden {
display: none;　/* 今回は非表示 */
}
.box {
width: 420px;　/* close(隠れている部分)の幅 */
max-width: 100%;
}
.hiraku-open {
display: block;
padding: 10px;
width:400px;/* 高さ不要 */
border:1px solid #ccc;
background: #fff;
cursor: pointer;/* ポインターが手の形 */
position: relative;/* 変更部分 */
}
.hiraku-open::before,.hiraku-open::after {
content: '';
width: 20px;
height: 3px;
background: #000;
position: absolute;
top: 50%;
right: 5%;
*/ content: '';が不明ですがーになる、beforeとafterで同じ所に二つある＊/
}
.hiraku-open::after{
transform: rotate(90deg);
*/afterで90度回転させる。*/
}
/* 隠れている部分が開いたら縦棒を横棒にしてーにする */
.hiraku-hidden:checked + .hiraku-open:after {
transform: translateY(-30%) rotate(0);
}

/*隠れている部分 */
.hiraku-close {
display: block;
height: 0;
overflow: hidden;
padding: 0;
opacity: 0;
transition: 0.5s;/* 表示速度の設定 */
}

/* チェックボックスにチェックが入ったら隠れたr部分を表示する */
.hiraku-hidden:checked + .hiraku-open + .hiraku-close {
　width:400px;
height: auto;
opacity: 1;/*要素の透明度 */
padding: 10px;
background: pink;
}
</style>

【More Close】

Google Chromeを起動して右上の・・・（縦にミッツの点）をクリック

設定をクリック
•「Flash」を検索
サイトの設定をクリック
Flashをクリック
サイトでのFlashの実行をブロックする（推奨）をクリック→「最初に確認」になる

この後
Flashを使っているサイトのアクセスし
アドレスバーの
「保護されていない通信」をクリック
Flashを「許可」にする。
Flashの再生ボタンを押す。

先ほどの設定に戻ってみると
許可されたサイトが表示されている
【More Close】

それから頂いたコメント表示欄に入っている絵文字のtitleは

2番目のスプリクト最後の方

return s;
}

の上

function getStringCustmizeEmojiTag(list, s, att) {
for (var i = 0; i <list.length; i++) {
s = s.split('[' + list[i][0] + ']').join('<img src="' + list[i][1] + '"' + att + ' alt="' + list[i][0] + '" title="' + list[i][0] + '" />);
}

赤い字を書き足しました。




後日記

昔のIEの仕様ではalt属性でも表示されたらしい。
なるほど・・・
【More Close】

ｃｓｓに

.fc2_footer img{
width: 80px;
height : 18px;
}

と書くとよい。


【More Close】