「ほっ」と。キャンペーン
カテゴリ:html・css( 55 )
AlphaEditor
ここ3年ほどホームページはさわっていません。管理もしないでいけないのですが、目は疲れるし、首は痛くなるし、寝不足になるわで遠ざかっております。
ところが、今日、梅の花のmarqeeの作成方法を教えてというコメントがあり、めんどくさいことはもう、嫌なのですが、そういえばXP時代に簡単にソースが書けるEditorを使っていたことを思い出し、windows8.1でも使えるかと、AlphaEditorをVectorからダウンロードしました。
lzhファイルをダウンロードし、展開したのですが、こんなメッセージが出て、使用できません。
d0048312_22322534.jpg

一旦はあきらめかけたのですが、検索したら「alphaEDITの動作にDhtmlEdというプログラムのインストールが必要」というのがあり、こちらのページからダウンロードさせていただきました。
そしたら、難なく開けました。懐かしいEditorです。私はHTMLソースは手書きだったのでこのEditorはソースのHTMLソースを書くときに使用していました。タグのHTMLソースはややこしいのです。
AlphaEditorの画面です。
d0048312_22385272.jpg

ここにソースを書きこんで「HTMLソース」をコピーしてブログやホームページに貼りつければ、ソースを表示することができます。ソースの「HTMLソース」です。??ああ、ややこしい
d0048312_22415435.jpg

 ↓ の記事にAlphaEditorからコピーしたソースを貼り付けましたが、なんとなくおかしい。画像は自分の画像ですので試してみたい方はご自分の画像を用意してください。
エキサイトブログの場合は一度画像をアップしてそのプロパティから画像のURLをコピーして使用します。コピーが終わったら編集画面から画像のソースを削除します。アップロード済みの画像を削除してはいけません。編集画面から削除するだけでブログには画像を残しておかなければ表示されません。
あぁ、ちょっと頭がもうろうとしてきた。ややこしいことは抜きにして、お風呂入って、寝よ。
[PR]
by mmi331 | 2015-02-16 22:52 | html・css | Comments(2)
縦書き
先日聴いた「ゆるゆるみやざき☆ポップ☆」を覚えたくて歌詞を書きだしてみましたが、横書きではどうも見づらいので、縦書きにしてみました。
ところが、全部そのまま横書きをコピーして貼り付けたら、順番が変になり、全部表示されませんでした。
そこで、2段にして1段ごとに縦書きタグを書きました。
題と作詞作曲の部分はpadding-leftを100pxにしました。
その前に、この曲について詳しく書いてあるブログを見つけましたので。 
非公式☆宮崎のうた作ろうプロジェクト進行中

ゆるゆるみやざき☆ポップ☆
作詞:みやざきアピル隊
作曲:キナコ
編曲:tamaライス


ゆるゆるみやざき 元気をチャージ 
時間がゆっくり流れてく
ゆるゆるみやざき のんびりライフ 
どげんかするのは明日から

あたたかな海と 宮崎平野 
野菜肉魚 グルメ天国
みやぎとみやざき、間違われるけど
でも怒ったりしないよ だって「てげてげ」だから

ゆるポジ てげポジ ときどきso 日向時間はいい言葉
マンゴーめったに食べれない うどんはやわやわコシがない
飲み会必ず芋焼酎! 今日こそ決めるぜアイウォン酎!
人にやさしく自分に甘く みやざきライフはso sweeeeet!

てげてげみやざき ゆかいな仲間 
海、空、大地が ごちそうだ
てげてげみやざき まったりライフ 
心はいつでも あったかい




リニアの跡地はソーラーパネル 
九州新幹線は、ちょっと欲しかった
せめて高速は 通って欲しい 
でも多くは望まないよ だって「てげてげ」だから

ゆるポジてげポジときどきso 日向時間が合い言葉
キンカンたまたま言いにくい? 略してごらんよ言えなくない?
海、空青いよ海岸線! こまかいことなど気にしません!
人にやさしく自分に甘く みやざきライフはso sweeeeet!

ゆるゆるみやざき 笑顔でいこう 
悲しい日々もあったけれど
おひさまはいつも輝いてる 
青空の下、歩いてゆこう

ゆるゆるみやざき 元気をチャージ 
時間がゆっくり流れてく
ゆるゆるみやざき のんびりライフ 
どげんかするのは明日から

Youtubeから


縦書きタグ 他のブログでは有効かどうかわかりません。
<p style="writing-mode: tb-rl; white-space: nowrap;
font-size:1.2em;background-color:#ffffff;">
歌詞
</p>
[PR]
by mmi331 | 2012-03-07 23:19 | html・css | Comments(0)
コスモスとトンボ
e0095659_13353396.gif
e0095659_13492841.gif
   のどかなコスモス畑の昼下がり ♪

計算が苦手なので何度もずれを訂正しました。ぴったり合ったかな?
トンボがコスモスの向こうを飛んでいるときは手前の画像が重なっています。コスモスの手前を飛んでいるときは手前の画像は透過されています。トンボはマーキーで動いています
d0048312_21564769.jpg
種明かしをするとこんな画像です。
背景画像の上に重ねてあります。
背景画像は(このブログでは)一度アップロードして右クリックから画像urlを取得します。
<div style="background-image:url()">の()の中に入れます。</div>の間に内容を書きますが、タグはすべて半角英数です。

マーキーが表示されないブラウザではトンボは真ん中で止まっています。(たぶん)

チェック柄の枠で
d0048312_20282097.jpg
d0048312_2029342.jpg
  
d0048312_22371255.jpg

     
[PR]
by mmi331 | 2011-10-15 20:31 | html・css | Comments(2)
ワードファイルをリンク・・・?
今、ちょっとホームページのアップロードで苦戦しています。
ワードファイルをリンクするのでワードファイルをアップロードしなければなりません。
昨日メールで送られてきたワードを、まずはアップロードする前に自分のパソコンでリンクして確認したら
いきなりエラーです。セキュリティの設定でファイルを開くことはできません・・・とかなんとか。
d0048312_630287.gif
え~?前回のワードファイルは大丈夫だったのに。
あ、そうだ、ワード2007で作成したワードがメールで送られてきたので「保護されたビュー」バーをクリックして「編集を有効」にしたうえで上書き保存するのを忘れていました。
今度は大丈夫。
d0048312_21112161.jpg

今度はファイル名を半角英数に直して・・・・・あれ?またエラー
あ、そうだ、X'masという名前が良くなかった。’は使えなかったのね。
そこで「名前の変更」でファイル名を変えようとしたらまたエラー。
あ、そうだ、一度開いて、新しい名前で保存したら、OKでした。ふぅ~
ところでこのワードファイル、2つあるのですが、もう一つは4ページもあって800KBを超えます。もっと軽くならないかとPDF変換したら540KBになりました。不思議です。今まではPDFに変換すると3倍近い容量になるのに、今回はなぜ少なくなったのでしょう? 画像が多いからかしら?
そしてこのPDFファイルを開いている途中、またエラー。最新のAdobe leaderをインストールしてください、と。実はこのNECパソコン、以前から何度もAdobe leaderをインストールするのですが、いつも「インストールに失敗しました」と出ます。でも、今回はMicrosoftの「問題の送信」で表示された詳細からの解決策ページなので、うまくインストールできました。しっかりGoogl chromeがついてきましたが、それは起動しないようにして・・・・

ワードファイルをアップロードするのは初めてのことです。

慣れないことは時間がかかりますが、今回わかったことも多くて勉強になりました。
2010って、PDF変換できるのね~。先日、PDF変換ソフトをうっかり消してしまったのでちょうどよかった。

昨年のdocxファイルも編集できるようになってうれしい~♪  2010で
d0048312_2142389.jpg

[PR]
by mmi331 | 2011-09-17 21:51 | html・css | Comments(0)
高温注意報  ルリマツリ
今日も北海道、東北の一部を除き、猛暑です。
高温注意報まで出て、いったいどこに避難したら良いのやら。車もエアコンも使用すれば外を排気熱で更に暖めます。屋内でじっとしていれば爽やかな風が入ってきて心持涼しいのですが、ちょっとでも動くと汗が滝のように流れます。








d0048312_2045142.gif


昨年プランターで咲いたルリマツリ、年越ししたので今年は地植えしたら、花が咲きました。
さすが南国の花、この猛暑でも涼しげに咲いています。
d0048312_1430201.png

黒地に白の円形フェードアウトにテクスチャ・メタルを掛け、黒フェードアウトした画像に加算合成。2階調化して今度はテクスチャコンクリート壁を適用。角丸切りぬき枠にぼかしを掛け、減算合成。

明日から3日間お墓参りに行ってきます。交通費が高いのでツアーを利用して中1日の自由時間に行動します。ついでにあちこち観光できて、一人旅の贅沢を味わってきます。

帰ってから3日たってまた出かけるのでこのまま20日過ぎまでお休みするかもしれません。
では、行ってきまーす
[PR]
by mmi331 | 2011-08-10 20:50 | html・css | Comments(2)
Picasaウェブアルバムの写真をリンク
水曜日は同好会で、Picasaウェブアルバムにアップロードした写真をホームページやブログにリンクする方法を勉強しました。私も、このブログにほかのページにアップした画像をリンクすることがよくありますが、私の場合は単にめんどくさくてリンク式にしますが、Picasaの場合はどのように画像のURLをとるのか興味がありました。

なぜこんなことをするかというと、ホームページによっては大きなサイズの写真がアップロードできないとか、一度に何枚かの写真を貼るとなかなか開かないとかいう場合があるので、ウェブアルバムからリンクするというものです。なんだかよくわかりませんが、とにかくやってみました。
説明では、ウェブアルバムのソースを検索してお目当ての画像URLを探すということですが、これは、ホームページのことを良く知らないとかなりめんどくさいです。

そこで、画像を右クリックすると、プロパティから画像のURLが出るのでそれを貼り付けてみました。
まずは私のとうの昔アップしたまま忘れていたPicasaウェブアルバム(2006年のダリア)です。
これはスクリーンショット画面です
d0048312_2025822.jpg

このサムネイル画像をリンクしてみました。

そして、このサムネイル画像をクリックすると512×384の画像になります。これを直リンクしてみました。


ウェブアルバムでクリックした画像はさらに、全画面、またはズームアップで元画像になります。
(これはスクリーンショット画面です)
d0048312_20103724.jpg


Picasaにアップロードした写真は640×480なので(私の場合)そのサイズになります。
ウェブアルバムからの直リンクです
<img src="画像のURL">  これだけだとブログに収まりません

そこで、幅を500に指定しました。(ブログの幅が500なので)
<img src="画像のURL" width="500" height="375" alt="ダリア">
ダリア
画像が全部で6枚出ていますが、実際にこのブログにアップロードしたのはスクリーンショット画像の2枚だけなので画像の容量は2枚分しか減りません。。

説明が下手なので、何がなんだかわからないかもしれませんが・・・・(^^ゞ これはテストです。

ただ、以前、niftyや、インフォシークのウェブアルバムを利用していましたが、サーバーがアルバムを廃止してしまったら、ホームページにリンクした画像は×になってしまいました。Picasaはそんなことはないと思いますが・・・

久しぶりのPicasaはログインしようにもIDもパスワードも忘れ、あちこちひっくり返してやっとパスワードを探し出し、ついでに写真を追加アップロードしようと思ったらやたらエラーばっかり出て、アドオンを有効にするのもうっとうしいので、パス!
でも、Picasaウェブアルバムのことが少しわかってよかったです。
[PR]
by mmi331 | 2010-12-03 20:36 | html・css | Comments(2)
遊び
エキサイトブログは自分でタグを書くことができるので面白いんだけど、タグをよく知らないと思ったように出来ない・・・(^_^;) 
しかも、エキサイトブログはテーブルが使えない・・・う~ん、どうしよう
フィルター遊び Glow

フィルターあそびMaskとGlow
フィルターあそびDropShadow

フィルター遊びBlur
影の色が反映されないのはなぜ?

ブラウザによっては、ただの文字にしか見えないかもしれません。私はI・E 8 しかないので確かめることが出来ません。

のんびり行こうといいながら、遊んでばっかりのmmiでした。
[PR]
by mmi331 | 2010-11-27 20:59 | html・css | Comments(2)
フィルタ効果
他のブログを見て、真似をしたかったのですが、どうしても、思うようになりませんでした
↓の文字は画像ではありません。フィルタ効果です・・・のはずでしたが・・・??

ウサギの絵は前にオートシェイプで描いたものです。




自己流で変なタグを書いていると、ブログ自体がが見えなくなってしまうかも・・・。
filter:Blur()です。
filter:Wave()です

参考にさせていただいたサイト
とほほのWWW入門・フィルタ効果

すべてこの画像です Normal
d0048312_11214644.gif


More
[PR]
by mmi331 | 2010-11-26 21:13 | html・css | Comments(0)
音符
今、同好会ではイベントお誘いのホームページを作っていますが、担当のNさんとHさんは音符がマウスストーカーでついてくるスクリプトをはめ込んでいます。ご紹介できないのが残念ですが、おもしろい!私はjavaスクリプトは全然わかりません。勝手にいじると動かなくなったりするのであまり使いません。このブログはjava scriptが使えませんので、例によってマーキーで。マウスストーカーほど派手ではありませんが・・・
d0048312_18571567.gif
 
d0048312_18574144.gif
 
d0048312_18575373.gif
 
d0048312_1858653.gif
 
d0048312_18582250.gif

d0048312_18584274.gif

音符は文字コード表から入力してフォントの色を変え、アニメにしたものです。動きはマーキーをいろいろ使っています。
ブラウザによっては音符が動いていない可能性もあります。

 
d0048312_18585591.gif

音楽フォントについては2009年3月2日の記事に書きましたので。
[PR]
by mmi331 | 2010-06-26 22:27 | html・css | Comments(2)
チューリップ
秋に球根を植えなかったので今年は我が家のチューリップはありません。
でも、あちこちのお宅に咲いているのでいつでも楽しむことができます。
近所のチューリップです。
d0048312_2152250.jpg
d0048312_216038.gif
音楽フォントで作った楽譜をPictBearSEのフィルタ→波でウェーブにしました。JTrimではどうしてもスムーズなウェーブができませんでした。どうしたら出来るのでしょうか・・
d0048312_21152857.jpg
 
フリーフォントと文字入力 音楽フォント「ONGAKUN」は「フリーフォントと文字入力」のページの下のほうにリンクがあります。
[PR]
by mmi331 | 2010-04-09 21:20 | html・css | Comments(0)