ミニバス誘致活動の記録 0
全40件 (40件中 1-40件目)
1
小さい画像をクリックすると、元のサイズの画像が別ウインドウで開きます。楽天ブログでは使えないタグが多く、ずっとサムネイル表示は出来ないと諦めていました。ところが、先日楽天写真館のアルバムをあれこれ摸索している時に、偶然「楽天写真館にアップロードした写真を使って投稿出来る」と書いてあるのを見つけました。一度に10枚まで投稿出来るとか・・・。試しに、昨秋三千院へ行った時の写真を使って投稿してみることにしました。楽天ブログを始めて6年余りになりますが、途中から変わったのかそれとも始めから出来たのか・・・。迂闊にも、全く知りませんでした。
2013.02.21
コメント(4)
≪ MARQUEE ・ ほたる ≫久しぶりに、<MARQUEE>タグを使って遊んでみました。MARUUEEの属性を使い、スクロールする方向、スピードなどの数値を変え、少しでも雰囲気を出そうと試行錯誤・・・。ところが、これが中々難しいのです。よく考えたら、私が最後に本物の蛍が飛んでいるのを最後に見たのはいつの事だったでしょう。蛍の画像は、先日作成した蛍を黒背景に変えました。作成方法は、「JTrimで描画・ホタル」の手順の末尾に入れてあります。☆蛍は、夫々下記の大きさにリサイズ→回転→マウスで囲み切抜き したものを使っています。 大(縦、90px)、 小(縦70px) 記載した「HTMLソースは」、「楽天ブログ」用に作成していますので、他のブログの場合は使えないかもしれません。その節は、あしからずご了承くださいね。☆使い方1.下記のソースをコピー、「メモ帳」もしくは、直接日記に「貼り付け2.全角の「< >」を、半角の「」に変更3.画像(・・・)の部分を、置き換えます。<table width="100%" border="1" bordercolor="red"><tr><td bgcolor="000000"><marquee height="150" behavior="alternate" direction="up"><marquee direction="right" scrollamount="3">画像(右向きホタル)</marquee></marquee><marquee height="150" behavior="alternate" direction="up"><marquee direction="left" scrollamount="5">画像(左向きホタル)</marquee></marquee><marquee height="150" behavior="alternate" direction="up"><marquee direction="right" scrollamount="4">画像(右向きホタル)</marquee></marquee></td></tr></table>
2009.07.31
コメント(8)
≪ リルマツリ ≫今年も「ルリマツリ」の花が咲き始めました。少しずつ、メインのサイトとブログの整理整頓(?)をしています。MARQUEEを使った「スライドショー」「HTMLソースあそび」等の過去の日記を、自分自身の備忘録として「フリーページに」まとめ、過去のページにリンクをはりました。こちらからご覧下さい。→
2008.07.10
コメント(6)
《 我が家のヤマボウシ 》この花、何かに似ていると思いませんか? そう、「ハナミズキ」です。実は、この木は植木屋さんが「ハナミズキ」と間違えて植えたのです。30年余り前、新聞で見た「ハナミズキ」に憧れて、植えてもらったのです。(当時は、アメリカハナミズキと言われていたように記憶しています。)ところが、背丈だけはどんどん伸びるものの、全く花が咲かないのです。諦めて切ってしまおうかと話していたら、数年たってやっと花をつけました。何か違うぞ・・・?と思ったものの、時既に遅し・・・。抜いてしまうのも大変なほどの大木になっていました。「ヤマボウシ」だと言うことが分かったのは、それから暫く経ってからでした。以来、爽やかな花を沢山つけてくれるようになり、今では我が家の庭に無くてはならない存在になりました。難点は大きくなり過ぎることで、主人が毎年枝を詰めてくれています。写真を撮るのに一苦労しました。下から写すと、花が見えない・・・、ベランダから写すと遠くて花が小さい・・・。で、已む無く脚立の上に上って写しました。☆「ウイキペディア」で調べて見ました。ヤマボウシ(山法師、学名 Benthamidia japonica )ミズキ科 ヤマボウシ属の落葉高木。高さ5~10メートル。幹は灰褐色。ハナミズキ(花水木、学名:Benthamidia florida)ミズキ科ヤマボウシ属の落葉高木。北アメリカ原産。別名、アメリカヤマボウシ。
2008.05.12
コメント(12)
大阪の従姉妹が作ったステンドガラスの作品です。小さいパーツを組み合わせた繊細な作品で、これだけの作品をデザインして作り上げる才能と労力に対して、身内ながら尊敬してしまいます。叔母の家へ行くたびに、以前から気になっていました。ステンドガラスだけでなく他にも色々素敵な作品を写させてもらってきました。今回はこの作品だけにして、折を見て皆様にも見て頂けたらと思っています。《水面に映るガラスの街》ペピママさんに刺激されて、違った角度から写した画像を元に「水面に映る夜の街」をイメージして遊んでみました。この画像はソフトを使わず、スタイルシートを使って作成しました。水面に映る画像の部分は、上半分の画像を垂直方向を70%に圧縮させ、ペイントを使って、そのまま上下を反転させました。出来上がった画像のURLの末尾に画像をゆがませる為のソースを追加しています。style="filter:Wave(Freq=15,Strength=5,LightStrength=50)"2枚の画像を上下に組み合わせています。Freq ・・・ 波を繰り返す数を指定。Strength ・・・ 波のうねりの強度を指定。 初期値=0LightStrength ・・・波形部分の明るさを0~100の間で指定。 数値が大きくなるほど波の部分が暗くなる。 初期値=0
2008.04.29
コメント(12)
≪ 牡丹の花 ≫家から1~2分のポストへ行くついでに近所を一回りしてきました。2日前には濃い赤紫色だけしか咲いていなかった「H邸の牡丹の花」がほぼ満開でした。(昨日の日記の写真)前半のH邸の3枚は日当たりの良い「モダンな洋風の家」、後半の3枚は「しっとりとした純和風建築の家」の門までのアプローチに・・・と、其々全く違った雰囲気の場所に植えられています。不思議と違和感無くどちらの家にも調和してとても素敵でした。≪ 今日のHTMLソース ≫<p align="center"><table width="100%" height="330" border="15" bordercolor="#999999" bgcolor="#999999" cellpadding="0" cellspacing="0"><tr><td width="100%" height="300"><MARQUEE scrollamount="4" behavior="alternate">画像1画像2画像3画像4画像5</MARQUEE></td></tr></table><br>マウス&キーボードの画像(グレー)</p>4月20日の日記との違い1.スライドショーの幅を日記の幅一杯に広くしました。 width="100%"2.マウス&キーボードの色をテーブル枠の色と合わせて薄めのグレーにしました。
2008.04.22
コメント(8)
「我が家の花たち」と、ご近所の「牡丹と藤の花」最初の2枚は、ベランダから写した「我が家のハナミズキ」です。3枚目は、真冬に咲き続けた「ど根性ジキタリス」です。我が家のハナミズキは、年によって寝ぼけた様なピンク色だったり、今年のように赤に近い色だったりと花の色が微妙に違うのです。今年は、ルピナスのために石灰を撒きましたから、もしかしたら紫陽花と同じように土壌によって変わるのでしょうか?どなたかご存知の方がいらしたら教えて下さるようお願いします。≪ 今日のHTMLソース ≫☆パソコンのディスプレイ<p align="center"><table width="430" height="330" border="15" bordercolor="#333333" bgcolor="#999999" cellpadding="0" cellspacing="0"><tr><td width="400" height="300"><MARQUEE scrollamount="4" behavior="alternate">画像1画像2画像3画像4画像5</MARQUEE></td></tr></table><br>マウス&キーボードの画像</p>☆キーボードとマウス右クリックで保存して、お使い下さい。※注キーボードとマウスは「透過 Gif」にしてあります。日記に「背景色」をお使いの方は、必ず 「Gif」 で保存してください。
2008.04.20
コメント(14)
YOKOHAMA≪ 大通り公園・全国大陶器市 ≫期間:平成20年4月12日(土)~4月20日(日)主催:横浜市中区女性団体連絡協議会と全国大陶器市振興組合会場:大通り公園・石の広場 特設会場詳細はこちらから→
2008.04.16
コメント(8)
YOKOHAMAペピママさんと一緒に、横浜公園へチューリップを見に行ってきました。ワイドテレビのスライドショーでご覧下さい。JTrim を使わないで、テレビ画面が作れないかと考えてみました。この方法なら、どなたでも簡単に楽しんでいただけます。≪ 今日のHTMLソース ≫<center><table width="440" height="265" border="20" bordercolor="#666666" bgcolor="#999999" cellpadding="0" cellspacing="0"><tr><td width="400" height="225"><MARQUEE scrollamount="4" behavior="alternate">画像1画像2画像3画像4画像5</MARQUEE></td></tr></table><table width="440" height="30" bgcolor="#333333"><tr><td bgcolor="#666666"><font style="font-size:16px;" color="#FFFF66"><b>YOKOHAMA</b></font></td></tr></table><table width="300" height="20" bgcolor="#666666"><tr><td></td></tr></table></center>☆使い方1.上記のソースをコピー → 日記に貼り付ける。2.タグの括弧を全角から半角英数に変更する <> → 3.「画像」挿入する。 (「PHOTO」をクリック→使いたい画像を選びます)HTMLソースは、一旦メモ帳に貼り付けて、タグの山括弧(<>)を修正した後、日記に貼り付ける方がベターです。☆注1ワイドテレビのイメージで、画像サイズを 16:9(400px : 225px)にしました。画像のサイズに合わせて、table(表)と、td(セル)の数字を変更して下さい。(例)画像サイズ 400px : 300px の場合 「table」は、width & hight共、上下左右のテレビ枠の分として、40pxずつプラスします。)<table font color="#FF0033" width="440" height="340" border="20" bordercolor="#666666" bgcolor="#999999" cellpadding="0" cellspacing="0"><td width="400" height="300">☆注2マルリッキー様から、下記のコメントをいただきました。タグをコピーして、私も遊んでみましたら、YOKOHAMAの文字が左に寄ってしまいました。fontタグの前後にcenter位置のタグを入れたら、日記と同じ様に中央になりました。YOKOHAMA の文字が中央に来ない場合、font の前後に<center>~</center>を追加するか、セルの中に align="center" を追加してください。(例1)<td bgcolor="#666666"><center><font style="font-size:16px;" color="#FFFF66"><b>YOKOHAMA</b></font></center></td>(例2)<td>align="center" bgcolor="#666666">マルリッキー様有難うございました。
2008.04.15
コメント(8)
今日の横浜は、朝から冷たい雨・・・。お天気の方が一日交替で春と冬を行ったり来たりしています。道路を隔てた向かい合わせの二軒の家で、種類の違う桃の花が咲き競っていました。昨日写した写真です。今日のHTMLソース基本的には昨日と同じですが、<table(表)>と<td(セル)>の幅を100%にしました。日記のフレームの幅は、其々違う場合がありますから、100%にすれば寸法にかかわらず横幅一杯になりますので、この方が良いかもしれません。☆例<table width=100%"><td width="100%">
2008.04.10
コメント(8)
≪ 八重桜 ≫昨日は、風雨が強くまるで嵐のような一日で、染井吉野はすっかり葉桜になってしまいました。写真は、近くの汐見台団地の中に植えられている桜です。これも八重桜の一種なのでしょうか。そばで見ると花びらは2枚重なっているだけでした濃いピンクがとても華やかで綺麗でした。今日のHTMLソース<p align="center"><table border="1" bordercolor="#db7093"><tr><td width="500"><MARQUEE scrollamount="4" behavior="alternate">画像1 画像2 画像3</MARQUEE></td></tr></table></p>☆使い方1.上記のソースをコピー → 日記に貼り付ける。2.タグの<>は全角になっていますので、半角の に修正します。3.画像と画像の間に隙間が出来るように、「半角スペース」が入れてあります。 画像を続けたいときは、スペース入れずに続けます。 <table> (表)1.幅を指定→ width="500"2.枠の幅と色を指定 border="1" bordercolor="#ab7093"<td>(セル) 1.幅を指定→ width="500"<MARQUEE> 1.スピードを指定 → scrollamount="4" (標準="6") (数字を小さくすると遅くなります。)2.動き方を指定(今回は往復運動)→ behavior="alternate" ☆その他 <MARQUEE><table>など、タグの中に追加する部分(属性)については、其々の内容の間に、必ず「半角スペース」を入れます。(例)<table(半角スペース)border="1"(半角スペース)bordercolor="#db7093">
2008.04.09
コメント(10)
I 家のしだれ桜 ・1I 家のしだれ桜 ・2岡村公園の桜岡村公園の桜高井戸の桜例年、他の木より1週間ほど早く咲くこの木は満開でした。バス停二つ分歩き、出かける前に岡村公園の桜を見てきました。ご近所の I さんの家のしだれ桜は、わざわざ見に来る方もあるほど、満開になるとそれはそれは見事です。岡村公園の桜は、全体としては2~3分咲きでしょうか。咲いている木を選んで写しましたが、満開になるのはもう少し後のようです。行きの電車の中から見る東横線沿線の桜も未だ咲き始めたばかりでした。ところが、渋谷から井の頭線に乗り換え、浜田山駅を過ぎた辺りから風景が一変、まるで春霞のようなピンク色が目に飛び込んできました。高井戸駅から義母が入院している病院の周辺は桜の大木が多く、木の下に立って見上げると、まるで桜を独り占めしている様な幸せな気持ちになりました。
2008.03.26
コメント(4)
週一度、義母が入院している高井戸の病院へ通っています。義母が入院した1月下旬、庭にあるこの池には氷がはっていました。先週まで全く姿を見せなかった亀たちが、今日はのんびりと甲羅干しをしていました。tableの幅を広くして色をつけたただけで、額縁風になりました。<p align="center"><table border="10" bordercolor="#deb887"><tr><td bordercolor="#800000">画像</td></tr></table></p>
2008.03.13
コメント(4)
<p align="center"><table width="100%" border="2" bordercolor="#993366"><tr><td bgcolor="#000000">画像(GIFアニメ)<MARQUEE width="100" height="300" direction="down"><MARQUEE behavior="alternate" scrollamount="3"><MARQUEE direction="right">花びら3</MARQUEE>花びら2</MARQUEE><MARQUEE>花びら1</MARQUEE></MARQUEE></td></tr></table></p>梅の画像をテーブルの背景に設定して花びらを舞わせたかったのですが、残念ながらテーブル、セル共に「background」は使えませんでした。ブログは諦めてメインのページで花びらを散らしました。「風に舞う花びら」完成! ← こちらをご覧ください。
2008.03.04
コメント(8)
一週間でマスターするHTMLfor Windows著者:冨永敦子発行所:(株)毎日コミュニケーションズHTML+CSS Handbook3rd Edition著者:水津弘幸 ・石井 歩 ・C&R研究所発行所:ソフトバンク クリエイティブ(株)詳細HTML基本活用辞典著者:ノマド・ワークス発行所:(株)新星出版社≪一週間でマスターするHTML≫初版:2002年11月 2079円 (CD-ROM付)一年前に買ったものの用語すら分からなくて全く歯が立たず、一週間で挫折しました。今年になって一念発起!あらためて開いてみると、初心者でも分かるように基本から分かりやすく丁寧に書いてありました。≪HTML+CSS Handbook≫初版:2008年2月 2079円カラー版に惹かれて買い求めましたが文字が細かいのが難点です。最近出版された本は新しい情報や知識が盛りだくさんに掲載されていますが、ある程度基本を理解していると言う前提条件で書かれていることが多いようです。初心者の私にはこれ一冊では難解で、結局他の2冊をひっくり返して、同様の項目が記載されている箇所を見比べています。≪詳細HTML基本活用辞典≫初版:2001年4月 2100円最近出版されたものは、基本を理解していると言う前提で記載されている場合が多く、初心者には理解するのに一苦労します。この本は最初図書館で借りてきましたが、説明が比較的分かりやすく、結局「楽天ブックス」で買い求めました。以上、3冊がいつもお世話になっている参考書です。ブログの小技は主にこれらの本を参考にさせて頂いています。その他図書館で借りてきて拾い読みする場合もあります。楽天ブログの場合は、なぜか参考書通りに入力しても全く反応してくれないことが多く、試行錯誤しながらの毎日です。まだまだ記載されている内のほんの一部しか活用できていませんが、有り難いことに主婦の特権で自由時間は一杯有ります。老後の楽しみ♪~と思っています。
2008.03.02
コメント(4)
横浜駅北東口この写真の場所がどこかお分かりになりますでしょうか?今、横浜駅の大改造が進んでいます。東京寄りのホーム先頭の改札口から出るとご覧の場所に出ます。エスカレーターを上がって右手がそごう方面です。昨年の11月始めに初めてこの改札口を出た時、一瞬自分がどこに居るのか分からず驚いてしまいました。中央通路の混雑を避けて、京浜急行から東横線(みなとみらい線)への乗り換えに利用しています。☆画像に額縁のような枠を付ける方法画像URLの <>の中に、下記をコピーして貼り付けます。style="border: double 10px #000099; padding: 3px"
2008.02.28
コメント(3)
☆画像の周囲に影をつける方法今回は、文字や画像の周囲を発光させる方法を応用して周囲に影をつけました。画像URLの<>の末尾に、下記を追加します。style="filter:progid:DXImageTransform.Microsoft.Glow(color=#333333,strength=10)"デンドロビューム → color=#800080,strength=7マロニエ → color=#333333,strength=15strength→影の幅
2008.02.27
コメント(6)
ギンギアナム紅鶴アップで見ると、デンドロビュームやシンビジュームにそっくりです。調べてみると、「蘭科 デンドロビューム属」とありました。デンドロビューム=(学名:Dendrobium)ラン科セッコク属の学名カナ読み『ウィキペディア(Wikipedia)』☆画像に影をつける方法 その21.<画像URL>の<>の中に、下記のソースを入れる。style="filter:progid:DXImageTransform.Microsoft.DropShadow(color=#da70d6,offx=10,off y=10,positive=1)"
2008.02.25
コメント(2)
我が家の庭の「和水仙」です。例年12月末から咲き始め、次々と花を咲かせて長い間冬の庭を彩ってくれます。もうすぐ黄色や白のラッパ水仙、ビオラ、ノースポール、ゼラニューム、アメリカハナミズキなどが一斉に咲き始めることでしょう。☆画像に影をつける方法1.<画像URL>の<>の中に、下記のソースを入れる。style="filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=10)" color=#999999 strength=10 を好みに応じて変更して下さい。 ☆末摘む花のひとりごと・・・☆画像に影をつける方法は、これまでも何度も試してみたのですが中々うまく行かず、ずっと宿題になっていました。ホームページで試してみると出来るのに、楽天ブログでは全く反応なし・・・。ふと、ひらめいて試してみたら、あっけなく成功しました!まさにコロンブスの卵でした。これでまた、違ったバージョンの影も出来る筈です。順次掲載していきますので、しばしお待ち下さい。
2008.02.24
コメント(6)
- ペンダントヘッド各種 -まるで「プードル」の様な可愛い雰囲気になりました。モノトーンでまとめました。カラーパール・3色星型のペンダントヘッド・1星型のペンダントヘッド・2マルリッキー様のアイデアをお借りして、写真の説明文も一緒にスライドさせました。画像と説明文がずれないように一工夫してみました。“タネあかし”1.外側のテーブルの高さは、画像に合わせて決めます。2.分かり易い様に、内側のテーブルも border="1" にしましたが、 実際は"0"にします。画像1画像2画像3画像4画像5説明文1説明文2説明文3説明文4説明文5
2008.02.19
コメント(12)
プレビュー画面で「蝶」の動きを確認しながら、MARQUEEの属性をランダムに並べて見ました。すると、こんな楽しい画面が出来ました。お互いにぶつからない様に飛んでいるのが不思議です。「なぜこうなったのか・・・?」理論的なことは分かりませんが、一先ずご覧ください。☆ HTMLソース<p align="center"><MARQUEE width="500" height="300" bgcolor="#add8e6" direction="up"><MARQUEE behavior="alternate" scrollamount="4"><MARQUEE direction="right">画像A</MARQUEE>画像B</MARQUEE><MARQUEE>画像C</MARQUEE><MARQUEE>画像B</MARQUEE><MARQUEE direction="right">画像A</MARQUEE></MARQUEE></p>今回はテーブルを使わず、MARQUEEの属性を使ってスクロール枠の縦と横の幅を指定しました。
2008.02.18
コメント(5)
☆蝶の往復運動のタグと属性<MARQUEE behavior="alternate" scrollamount="4" width="200">画像</MARQUEE>☆今日の日記は、<MARQUEE>に下記の3種類の属性を追加しました。behavior="alternate" → 行ったり来たりの往復運動scrollamount="4" → スクロールの速度1(標準は6)width="200" → MARQUEEの範囲を指定(200ピクセル)
2008.02.17
コメント(4)
荏柄天神の紅梅、白梅が青空に映えて、とても綺麗でした。鶴が丘八幡宮では、結婚式に向かう新郎新婦に出会いました。☆今日のHTMLソース<p align="center"><table border="1" bgcolor="#efefef" width="500" height="324"><tr><td><MARQUEE scrollamount="3">画像 画像 画像 画像 画像</MARQUEE></td></tr><tr><td>説明文(1行目)(改行=エンターキー)説明文(2行目)</td></tr></table></p>※タグは、交差しないように順序に注意します。 分かり易いように、色で区別してみました。<p align="center"><table><tr><td><MARQUEE>~~~~~</MARQUEE></td></tr><tr><td>説明文(改行)説明文</td></tr></table></p>※楽天ブログの日記の場合、 「改行」は、なぜか<br>を使わず、改行キーを使います。<table>の属性 (tableに付加する内容)border="1" → テーブルの枠の太さbgcolor="#efefef" → テーブルの背景色width="500" height="324" → テーブルのサイズ今日の日記の場合の設定は下記の通りですが、ご自分の画像のサイズや好みに応じて変更して下さい。bgcolor="#efefef" (薄いグレー)width=画像の幅より広めに設定。 height=画像の縦のピクセル数と同寸)
2008.02.15
コメント(10)
☆MARQUEEを使ったシンプルなスライドショーのタグ<MARQUEE>●▲■</MARQUEE>“やくそくごと”1.日記の編集画面は「エディタ」を使います。2.上記のタグをコピー→全角の<>を半角のに書き換えてください。3.●▲■は、文字や写真など、スクロールさせたい素材と置き換えます。(※1)・車間距離は、●▲■の間に「全角」のスペースを入れました。・便宜上「スライド」と言う名称を使っていますが、HTMLの参考書によると「スクロール」が正しいようです。※1=フォトアルバムに保存した画像を使うとき☆MARQUEEの属性を使ったスライドショーの応用例☆縦のスライドショー(上から下へスクロール) 20.1.26 日記参照☆縦のスライドショー(下から上へ) 20.1.27 日記参照☆逆流れのスライドショー(左から右へ) 20.1.28 日記参照☆スクロールのスピードを変える。 20.2.7 日記参照☆スクロール回数、スピード、進行方向を指定する。 20.2.8 日記参照☆スクロール+上下運動。 20.2.12 日記参照☆点滅する文字(scrollamount) 20.2.13 日記参照イラストは「素材屋・ひなとん」さんからお借りしました。
2008.02.14
コメント(8)
★★★★★★「シェル母さん」に教えてもらった「点滅する文字」のタグを使ってみました。「文字」を「★」と入れ替えて、それだけでは寂しいのでフリー素材の「月と少女」の画像を入れて見ました。星は画像では無く、font(「ほし」と入力して変換すると出てくる「★」)の色とサイズを変えて使いました。シェルの部屋(シェル母さん)☆点滅する文字のタグ <marquee scrollamount="200">文字</marquee>☆日記で使ったタグ(上段の星)<marquee scrollamount="120">★(黄)</marquee><marquee scrollamount="200">★(薄いブルー)</marquee><marquee scrollamount="300">★(白)</marquee>下段の星は、上段のタグをコピー → scrollamount の数字を変えました。☆今日のHTMLソース<p align="center"><table border="1" bgcolor="#000000" width="510" height="400"><tr><td valign="top"><marquee scrollamount="120"><b>★</b></marquee>(改行キー)<marquee scrollamount="200"><b>★</b></marquee>(改行キー)<marquee scrollamount="300"><b>★</b></marquee>(改行キー)三日月と少女の画像(改行キー)<marquee scrollamount="300"><b>★</b></marquee>(改行キー)<marquee scrollamount="160"><b>★</b></marquee><marquee scrollamount="120"><b>★</b></marquee>(改行キー)</td></tr></table></p>☆「★」の色とサイズを変更する方法1.★をドラッグして反転させ、フォントの色とサイズを指定します。 (下図参照) 一番最初の★の様に、自動的にフオントカラーが挿入されます。2.★を太文字にします。→ <b>★</b>3.ソースをコピーしてそのまま日記に貼り付けて、<>を半角のに変更→「三日月と少女の画像」の文字を削除→「FHOTO」をクリックして、画像を入れる。4.その他table border="1" → 数字が大きくなると、縁の幅が太くなります。bgcolor="#000000" → テーブルの背景色(黒)を指定width="510" height="400" → テーブルの幅と高さを指定<td valign="top"> → セルの中に表示する位置を「top」に指定
2008.02.13
コメント(6)
スキップする文字のタグを「シェル母さん」と「ekubo19さん」から教えていただきました。スクロール回数と速度を指定して、応用編を作ってみました。もし画面に、だ~れも居なかったら、日記のタイトルをクリックするか、ツールバーの「更新」をクリックして下さい。貴女だけの為に再登場します~♪。☆スクロール+上下運動のタグ<marquee height="36" behavior="alternate" direction="up"><marquee direction="right">♪春よ来い~早く来い~♪</marquee></marquee>you 「ユウ ドット開店♪(ekubo19さん)
2008.02.12
コメント(8)
写真は「スワロスキービーズ(4mm)」を193ケ使って作った「グランドハート」です。色は「ライトシャムサテン」という特殊加工のビーズを使っています。深い真紅の輝きが私のお気に入りのペンダントです。普通のチェーンでは後姿が寂しいので、お揃いの色で丸いボールをつけてみました。好みの長さに結んで使います。☆画像のセンター寄せのタグ☆その1<p align="center>画像URL</p>1.「画像URL」の文字を削除して使いたい画像と入れ替えます。2.テーブルをセンター寄せにする場合も同様です。 必ず、終了タグ(今日の場合は</p>)を入れてください。その2 マルリッキー様が教えて下さったタグ<DIV ALIGN="center">センターへ貼り付ける画像やデータ</DIV>リッキーの部屋 ← こちらから
2008.02.11
コメント(6)
もし、画面にヘリコプターと自動車がいなかったら、日記のタイトルをクリックするか、ツールバーの「更新」をクリックして下さい!再登場いたします。ヘリコプターのタグ<marquee direction="right" loop=1 scrollamount=3><画像URL></marquee>自動車のタグ<marquee scrollamount=2 loop=1><画像URL></marquee>direction="right" → 進む方向を指定(右へ=right → 左への場合は何も書かなくて良い)loop=1 → スクロール回数を指定scrollamount=3 → スクロール速度を指定(数字が大きいほど早い)<hr size="5" color="#d2b48c"> → 水平線のタグ(道路のつもり)画像は、フリー素材(太陽と自動車は「GIFアニメ」)を使いました。
2008.02.08
コメント(4)
☆スライドショーのスピードを変える方法☆ <MARQUEE>のタグの<>の中に、scrollamount="数字" を入れます。 1.何もしない場合 <MARQUEE> ~ </MARQUEE>2.<MARQUEE scrollamount="8"> にした場合 <3.<MARQUEE scrollamount="10"> にした場合。ekubo19様からスピードを変えられないか?という質問を頂きました。確かどこかに書いてあった筈・・・と探してみたら有りました!「scrollamount=MARQUEE要素の属性の内の一つでスクロールの距離間隔をピクセル数で指定出来る」と有りました。(詳細HTML基本活用辞典)こんな所で如何でしょうか?
2008.02.07
コメント(4)
1.「PHOTO」をクリック→<画像URL>を挿入します。2.URLの末尾に半角スペースを入れて、モザイクをかける為の「DirectXフイルタ」(下記のソース)を挿入します。 style="filter:progid:DXimageTransform.Microsoft.Pixelate(Maxsquare=10)"3.(Maxsquare=10) 上記の()の中の数字が大きいほどモザイクは大きくなります。 数字を変えてお試しください。 4.モザイク画像のスライドショーは、 下記の「タグ」の間にモザイク画像を順に挿入すれば完成です。 <MARQUEE>画像1画像2画像3画像4画像5</MARQUEE>タグの中の <>は、必ず半角英数字の に変更して下さい。
2008.02.07
コメント(6)
☆画像の縁をぼかす方法☆タグを自分で入力しなくても、使いたいタグを「コピー→貼り付け」→「ご自分の画像と入れ替える」だけで簡単に出来ます。是非お試しください。1.日記の編集画面は「エディタ」を使います。2.「PHOTO」をクリックして、使いたい画像を挿入します。3.次は、使いたいソースをコピーして下さい。 (今回は下記の部分) style="filter:alpha(style=2,opacity=100,finishopacity=0)"4.自分の日記に挿入した画像のURL <img src="http://image.space.rakuten・・・>の < >の中の末尾に貼り付けます。 必ず、間に半角スペースを入れてください。5.ぼかしのスタイルを変えたいときは、 style=2(円形のぼかし)の数字を変更して下さい。style=1 右側だけのぼかしstyle=2 円形のぼかしstyle=3 四角形のぼかし
2008.02.06
コメント(6)
☆画像にモザイクをかける設定☆画像URLの <>の中に、style="filter:progid:DXimageTransform.Microsoft.Pixelate(Maxsquare=10)"を追加します。Maxsquare=10数字が大きくなるほどモザイクも大きくなります。色々数字を入れ替えてお試しください。
2008.02.01
コメント(4)
エリカの花もうすぐ立春、今年は暖冬という予報とは裏腹にこのところ暦通りの寒い日が続いています。おまけに今日は曇り空で、せっかく咲いた紅梅もくすんで見えました。お使いの帰り道「エリカの花」を見つけました。まるで、そこだけ春が来たような華やかさでした。画像の周囲を、少しだけぼかしてみました。☆ぼかしの設定の部分☆style="filter:alpha(style=3,opacity=100,finishopacity=65)"
2008.01.31
コメント(2)
☆画像の縁ぼかしの設定☆<画像URL style="filter:alpha(style=2,opacity=100,finishopacity=0)">画像URLの<>の中に、style="filter:alpha(style=2,opacity=100,finishopacity=0)" を追加します。style=1 → 右側のみのぼかしstyle=2 → 円形のぼかしstyle=3 → 四角形のぼかし☆この日記の場合☆<img src="http://image.space.rakuten.co.jp/lg01/99/0000608499/31/img4536ce1azikdzj.jpeg" width="480" height="360" alt="クリスマスローズ・2" border="0" style="filter:alpha(style=2,opacity=100,finishopacity=0)">
2008.01.30
コメント(2)
マルリッキー様から教えて頂いた通り、早速試してみました!なんとなんと、不思議なことにいろんな色が出てきました。面白~い!(outlook Expressのメール画面でも「ソースの編集」から同様に入力すると出来ます)1.下記のソースをコピー → 日記に貼り付け→ <>(全角)を(半角)に変える。2.ricky の部分をご自分の名前や愛犬の名前と入れ替えてみてください。(半角英数ならローマ字でも大丈夫です)<FONT COLOR="#ricky" size="3"><b>リッキーの色です♪</b></FONT>詳しくはマルリッキー様の日記(2007.1.28)をご覧ください。リッキーの色です♪マルリッキーの色です♪マルリッキーさんの色です♪末摘む花の色です♪紅花の色です♪ミニバスの色です♪百合の色です♪バラの色です♪わすれなぐさの色です♪ノカンゾウの色です♪マルリッキーさま有難うございました。皆様も是非遊んでみて下さい。
2008.01.29
コメント(2)
3ミリ、4ミリ、12ミリのスワロスキーパールを使った指輪3種。スワロスキーパールの輝きは本物に勝るとも劣らない品の良さがあり人気の指輪です。<左から右へ、逆の流れのスライドショー タグ><MARQUEE DIRECTION="right">画像1画像2画像3画像4画像5画像6</MARQUEE>(上のタグをコピーして、>< を、半角の >< に修正してお使いください。)通常、<MARQUEE>~</MARQUEE>の場合は、右から左に流れます。"right"にしたらどうなるかしら・・・?と試してみたら、見事成功!!!「だからどうしたの?」と言われると、全くその通りなのですが・・・。タグって難しいと思い込んでいたのですが、何だか勇気が湧いてきました。
2008.01.28
コメント(2)
さくらんぼのブローチ、携帯ストラップは、さくらんぼ、パイナップル、苺、3色の丸玉の4種類を掲載しました。苺以外はオリジナル作品です。<続・縦のスライドショー>下から上へ、昨日の「スライドショー」の逆バージョンです。違いは、table border="0"→"1"、画像の幅に合わせてwidthを308→268、MARQUEE DIRECTION="down"→"up" に、夫々修正しました。<p align="center"><table border="1" width="268" height="400"><tr><td><MARQUEE DIRECTION="up" WIDTH="268" HEIGHT="400">画像1画像2画像3画像4画像5</MARQUEE></td></tr></table></p>
2008.01.27
コメント(4)
上から下へ縦のスライドショーに挑戦してみました。この指輪は指に馴染んではめ易いと人気のデザインです。掲載した指輪をはじめペンダント、ネックレス、ストラップなど「ビーズアクセサリー」は、メインのページ「末摘む花」にたくさん掲載しています。是非ご覧ください。Gooブログでは「JavaScript」を駆使した楽しい日記を公開していらっしゃいます。羨ましくてタグを借りて色々試してみましたが、楽天の場合は禁止されているタグが多く、プレビューでは作動してもアップロードできないのです。何か出来る技はないかと、HTMLの本と楽天ブログのヘルプと睨めっこしながらアレコレ手探りしながら試しています。まだまだ試行錯誤中ですが、今日の日記で使った「上から下へ、縦のスライドショー」のタグを書きました。まだまだ稚拙で恥ずかしいのですが、三人寄れば文殊の知恵・・・一緒に楽しんでくださる方が増えれば、もっと凄い技を考え出して下さる方がいらっしゃる事を期待しています。<使い方>1.まず、使いたい画像(写真)をフォトアルバムに保存しておきます。2.入力方式は「エディタ」を使います。3.下記のタグをコピーして日記に貼り付け、><を半角=>
2008.01.26
コメント(3)
楽天のヘルプのソースを参考にテーブルを作ってみました。結果はご覧の通り・・・。テーブルの上の空間を減らそうと、あんなに苦労したのは一体何だったのでしょう?<今日の課題>1.テーブル+スライドショー2.テーブルの背景色を指定する。
2008.01.22
コメント(2)
non_non様やsakura様の裏技を試してみましたが、楽天ブログではソースを受け付けてくれませんでした。そこで、ふと思いついて試してみたら、あっけなくスライドショーが出来ました。 MARQUEEの応用です。ただ、このスライドショーの難点はブレーキが利かないことなのです。今後の課題ですが、ともかくUPしてみました。お花のスライドショーのタグ><MARQUEE>画像1画像2画像3画像4画像5</MARQUEE>(注)全角の><を、半角の >< と、入れ替えて下さい。
2008.01.19
コメント(11)
全40件 (40件中 1-40件目)
1