また・・広告さわりましたか？
ついこの間さわったばかりの広告・・・
また変更しましたか？（元に戻したのかな？）
記事下広告のアイコンがちゃんと表示されるように戻っています
ブログの一番下はおかしくなっちゃっているようですが・・
なぜ？こんな短期間にコロコロ変更する必要があるのでしょうか？
もっと他にやらなくてはいけないことがあるのではありませんか？
たまにはみなさまにクリスマスプレゼントで広告を消したりなどはいかがでしょう？
浅草むぎとろ
今日はクリスマスイブ・・・
わたしにはまったく関係がありませんので置いといて・・
本日は代休！
浅草まで出かけてみました・・・
雷門の交差点から東京スカイツリー
で・・・ここ！ 浅草むぎとろ とろろ料理の老舗です
お目当ては・・
平日11:00～13:30までの限定メニュー とろろたっぷり召し上がれ(バイキング形式） 1,000円
入り口のつぼの中に1000円を入れると席に案内されます
名前の通り・・・むぎめしととろろ
後は煮物と玉子焼きとお味噌汁しかありません
他の方の迷惑にならないようにあわてて撮ったので配膳がメチャクチャのままですが・・・
子供さんとか大勢で来てあれこれといった使い方は出来ませんが
とにかくとろろが食べたい！って～方が1人であるいは小人数で来て黙々と食すといった感じです
わたしが行ったときは女性の方が多かったです
こちらのとろろはげんこつ芋を使っているそうですごく粘りのあるとろろです
せっかく来たのだからと・・無理やり4杯目をおかわりしましたが・・
さすがに多すぎました・・
すでに5時間たっていますがまだお腹がいっぱいでちょっと苦しいくらいです
個人的にはもっと味の濃くて
少ないとろろをたくさんのだし汁で量を増やした的なさらさらのを・・
下品にガバガバ～って～のが好きなんですが・・
なんせ貧乏症なもんで・・・・
でも・・お腹は苦しいのですが
もう1杯食べてこればよかったなんていま思っていますから
やっぱりおいしかったんでしょう
とろろしかなかった割には1000円で元が取れた気分になっています
満足しました
あっ・・途中でお菓子を配ってくれたのですが
お腹がいっぱいでしたのでポケットの中に入れて忘れていました・・
ケーキの代わりにあとで食べよう・・・
JavaScript アイフレ【plus】
クリスマスぷれぜんと企画 第２弾！
アメブロではアイフレとインラインフレームはまったくの別物って割り切って・・・
アイフレプラス・・・？ おぉ～・・・名前だけはかっこよくつけてみました・・
命名は早い者勝ち？
スライドニュースの方がよかったかな・・？好きな名前で使ってください
この記事では1枚1枚のニュースって言葉を使って説明します
見本はこちらです
http://ameblo.jp/exlink01
http://ameblo.jp/exlink02
5秒ごとに入れ替わっているのがそうです
1枚あたりの表示時間は自由に設定できます
今回のは・・
フリープラグインもフリースペースもCSSも全部を設定する必要があります
ちょっぴりムズイけど・・・がんばってチャレンジ下さい
設置出来たら自慢できるよ ・・たぶん？ まじで～？
では・・・最初に表示するニュースのタグを作ります
アイフレではスクロールをつけたりしていましたが・・
今回のアイフレプラスでは・・何秒かごとに入れ替わりますので
スクロールはつけません
また・・表示時間内で読んでもらえるように1枚に長い文章はNGです
長い文章を作りたければその分枚数を増やしてください
枠内に入りきらない文章は表示されません
枠のサイズを大きくするかニュースの枚数を増やします
フリースペースに・・
（わかりやすくするためにずらしたり改行してあいだを空けていますがくっつけてかまいません）
※フリースペースに貼り付けるときには改行を全部削除します
<div id="news0">
<div id="news1">
<p>最初のニュースです。<br />
5秒で次のニュースを表示します。</p>
</div>
<div id="news2">
<p>二番目のニュースです。<br />
5秒で三番目のニュースを表示します。5秒で三番目のニュースを表示します。</p>
</div>
<div id="news3">
<p>三番目のニュースです。<br />
5秒で一番目のニュースを表示します。</p>
</div>
</div>
ニュースの枚数を増やす場合は
<div id="news0">と</div>のあいだにドンドン加えていきます
<div id="news0">
<div id="news1">
１番目のニュース
</div>
<div id="news2">
２番目のニュース
</div>
<div id="news3">
３番目のニュース
</div>
<div id="news4">
４番目のニュース
</div>
<div id="news5">
５番目のニュース
</div>
・・・・
・・・
・・
</div>
id名はnews1から増やしていきます（数字は半角）
</div>で閉じるのを忘れると表示がおかしくなっちゃうよ・・
かんたんなタグの作り方・・
標準エディタでニュースの文章を作ります
出来ましたらHTMLタグを表示にします
コピーしたタグを<div id="news1">と</div>のあいだに貼り付けます
news2やnews3の文章も同じようにして作っていきます・・
メモ帳とかの上で作業して全部が出来てからいったんパソコンに保存しておきます
（保存してあると後での修正や追加が楽になります）
その後・・全部の改行を削除してからフリースペースに貼り付けます
↓たとえば・・上の場合は・・
<div id="news0"><div id="news1"><p>最初のニュースです。<br />5秒で次のニュースを表示します。</p></div><div id="news2"><p>二番目のニュースです。<br />5秒で三番目のニュースを表示します。5秒で三番目のニュースを表示します。</p></div><div id="news3"><p>三番目のニュースです。<br />5秒で一番目のニュースを表示します。</p></div></div>
注意！
文章中の改行は<br />を使います
<br>では改行されません
また・・枠内に表示しきれない文章は切れてしまいます
もちろんリンクや画像を貼ったりもできます・・・
注意！
枠がずれてしまう場合は・・・
フリースペースに改行が残っています
つぎは・・・
フリープラグインは簡単です・・・
<script type="text/javascript">
var newsc = 3; //ニュースの枚数
var newsw = "165px"; //枠の横幅・・ＣＳＳの横幅と同じに
var interval = 5000; //１枚の表示時間 5000 = 5秒
</script>
ニュースの枚数は自由にどうぞ
（フリースペースのタグやCSSの設定もその分増やす必要があります）
ここで設定する横幅はCSSで設定する横幅と同じにします
１枚ごとの表示時間はミリ秒です
8000なら8秒ごとに・・15000なら15秒ごとに入れ替わります
フリープラグインの文字数が辛い場合は水色の注釈部分はカットしてください
ＣＳＳに・・・
#frame{
position:relative;/*おまじない・・すでにあれば必要ありません*/
}
#news0{
top:50px;/*上から*/
left:-200px;/*右から-（マイナスでスキン外へ）右側なら right */
font-size:12px;/*文字サイズ*/
position:absolute;
display:block;
}
#news1{
width:165px;/*枠の横幅フリープラグインと同じに*/
height:100px;/*枠の縦*/
color:#666666;/*文字色*/
border:3px solid #00ff00;/*線種*/
background-color:#cafcd9;/*背景色*/
padding:10px;
position:absolute;
overflow:hidden;
left:0px;
filter:alpha(opacity=70); /*背景色を半透明*/
-moz-opacity: 0.7;/*背景色を半透明*/
opacity: 0.7;/*背景色を半透明*/
}
#news2{
height:100px;/*枠の縦*/
color:#666666;/*文字色*/
border:3px solid #ff00ff;/*線種*/
background-color:#fcedf6;/*背景色*/
padding:10px;
position:absolute;
overflow:hidden;
display:none;
filter:alpha(opacity=70); /*背景色を半透明*/
-moz-opacity: 0.7;/*背景色を半透明*/
opacity: 0.7;/*背景色を半透明*/
}
#news3{
height:100px;/*枠の縦*/
color:#666666;/*文字色*/
border:3px solid #00ffff;/*線種*/
background-color:#d4f6fc;/*背景色*/
padding:10px;
position:absolute;
overflow:hidden;
display:none;
filter:alpha(opacity=70); /*背景色を半透明*/
-moz-opacity: 0.7;/*背景色を半透明*/
opacity: 0.7;/*背景色を半透明*/
}
線種(border)については この記事を参考にして下さい
#news0 で枠の表示位置や全部の共通設定（文字サイズなど・・）をします
#news1 これが1枚目のニュースのCSSになります（2枚目以降とはチョット違っています）
#news2～ 2枚目以降のそれぞれのCSSです（枚数が増えたらコレを増やしていきます）
もし・・ニュースの枚数を増やす場合は・・
#news2または#news3をコピーして
#news4としてCSSに追加します（線種とか文字色背景は変更可）
もっと増やす場合は#news5、#news6と増やしていきます
フリープラグインに設定する枚数も合わせてください背景色を半透明にしない場合は
filter:alpha(opacity=70); /*背景色を半透明*/
-moz-opacity: 0.7;/*背景色を半透明*/
opacity: 0.7;/*背景色を半透明*/
この部分を削除します
半透明でニュースが読み難い場合は削除して下さい
もし・・枠内の文章や画像・バナーなどを中央寄せにする場合は・・
#news0{
text-align:center;/*中央寄せ*/
}
これは1ブログ1つしか設置できません m(_ _)m
スプリクトを自分で書けば可能なんですが・・・
あいかわらずコメント開放が出来ません
ごめんなさい m(_ _)m
表示が崩れて困っている方や
コレが出来ないって言う方はブログの記事でSOSして下さい
記事中で「アメブロ向上企画書」でリンクしていただければ検索で見つけることが出来ると思います
よろしくお願いします