パソコン関係

カスケーディング　スタイル　シート　のことを　CSS　と略称します。

ウエッブページ(html=インターネットで見るページのこと)で、ページごとに設定する背景や、文字の大きさ、文字色、余白、行間設定などをCSS（外部スタイルシートとも言う）のファイルとして保存し、沢山のページへリンクで適用させて利用します。

マンダムのホームページではCSSで設定している項目として
①背景画像の指定、その挿入位置、並べ方
②文字の大きさと色、行間設定
③スクロールバーの色柄
④リンクが付いているところへマウスが乗った時の変化(背景が青くなる）
⑤縮小画像を開く時の方法　　などです

適用したいページへリンクして繋げることで多くのページへ適用ですることができて大便利に活用できます。

時々背景画像を交代させますが、CSSで指定している背景画像を同じファイル名にしてサーバーへ送り込むことで数百のページが同時に変わります。
マンダムのホームページでは背景画像がデザイン上大きな要素を占めているので時々背景を変更して変化を楽しんでいます。

数日前まで利用していた背景画像の原画（ハワイで撮ったハイビスカス）

背景用に加工した画像

今回変更した新しい背景画像の原画
佐布里パークロードに咲いていた桜

何時までも桜の花では時期が合わなくなるので、しばらく経ったら又交代させますね。
画像の加工は　AdobeのPhotoshopを利用しています。

2015年04月04日(土) No.324 (パソコン関係)

Lightbox_plus の採用

ホームページテクニックとして以前書き込んだサムネールを開く方法について、マンダムのホームページへの適用がほぼ完了しました。

サムネールをクリックして開く手法の一つですが、最近あちこちのページで見られるようになった新しいテクニックです。

開いているページの上へ重なって開くポップアップ方式の一つです。
浮かび上がる窓は一つだけで、都度その中の拡大画像が入れ替わって出ます。
用法により次の画像や前の画像への移動が出来、出てきた画像の拡大も自由自在、大変便利な機能です。

この機能をどなたでも利用できるように解説ページを作成し、JavaScript と　css　を一括したプログラムもzipにしてダウンロードできるようにしてあります。

興味のある方は　クリックマークからどうぞ

2015年03月15日(日) No.316 (パソコン関係)

ページトップへ今日の日付を追加

　　　　　　　　　
javaを利用して本来パソコンが持っているカレンダー機能を表示させました。

「ようこそマンダムのホームページへ」　の　右側です。

2014年12月20日(土) No.306 (パソコン関係)

ホームページテクニック

サムネイルからクリックして大きな画像を開くときの手法として、LightboxというJavaのツールを採用しました。

サムネールをクリックするとページの上、中央にポップアップで拡大画像がでます。

拡大画像の上(どこでも可）をクリックすると閉じますが、閉じないで下から見えている別のサムネールをクリックするとポップアップ画像が入れ替わります。
常時前面表示で画面としては一つだけ。左肩のアイコンクリックで拡大縮小も可能。

　通常Javaで拡大画像を出す場合は、一度閉じないといくつでも拡大画像が出てくるので、最後にページの裏側に前に見た拡大画像が残っていることになります。
　Javaを利用しない場合は現在見ているページが、拡大画像のページへ変わるか、別のタブへ出すかのどちらかです。
最近あちらこちらで見かけるようになったので採用しました。

順次全てのページへ適用してゆくよう、進めています。

なお、左メニューにあるPCテクニック講座にも具体的な手順を載せたいと思っています。

2014年11月02日(日) No.293 (パソコン関係)

マルウエア、アドウエア対策

勝手にポップアップ広告が出るような場合はマルウエアに感染しているので対策が必要です。

勝手にPCへもぐりこんできて、意図しないような動作をする意味ではウイルスと同じかも。

削除するには少しテクニックが要ります。
どこに居るのか判らないことが多いのでプログラムのアンイストールからでは対処できませんし、名前を変えて潜り込んでいる場合が多いので検索から見つけることも出来ません。
インターネットの履歴や一時ファイルが原因の場合もありますが、ソフトのインストールなどにおまけで潜り込んでくる場合もあり、原因が良くわからないのが一般的です。

マルウエア・アドウエアを削除するソフトを利用することになりますが、スパイボット、Adawareをインストールしてスキャンしてみましたが効果が無く、AntiMalwareで検索して見つけたMalwareBytesというソフトを試してみたら、削除できました。
公式サイト　→　http://www.malwarebytes.org/

これは効果があるようですので紹介してみました。

2014年08月19日(火) No.271 (パソコン関係)

背景の変更

ホームページの変更に伴い背景を変更しました。

外部スタイルシート（CSS)を利用してページのスタイル(背景・文字色・行間・スクロールバー）などを設定してリンクするだけで適用されるようにしているので一箇所変更すると数百ページが同時に変わります。
なお、背景画像の変更についても削除して新しい画像を送り込むというのが普通で、且つ新しい名前の背景画像に入れ替えるという変更をCSSに書き加えてCSSそのものも変更することになりますが、これらは一切触らずに従来とお同じ名前で新しい画像を上書きで転送することで対処しています。名前を変えないで中身だけを変更するというやり方で簡便に済ませています(~~♪。

青いバラの背景から黄色のハイビスカスに変更し、しばらく継続します。

背景が変わるだけでホームページのイメージが大きく変わるので面白いですね。

ページごとにスタイルを設定すると沢山のページのデザインを変更すると大きな手間が掛かりますが、外部スタイルシート利用の場合は簡単です。

メインフレームの徒然日記の場合も同じ背景画像をリンクで利用しているので同時に変更されます。

以前と同じファイル名で違う画像と入れ替えるのがコツというかミソというか(~~♪　CSSの背景画像のファイル名変更も不要になります。

2014年08月11日(月) No.270 (パソコン関係)

[1] [2] [3] [4] [5] [6] [7]

[Admin]

2015年04月04日(土)

CSS

2015年03月15日(日)

2014年12月20日(土)

2014年11月02日(日)

2014年08月19日(火)

2014年08月11日(月)

カテゴリー一覧

旅行(15)
パソコン関係(40)
日記(272)

---------------------------------------------------------------------------------------------------------------------
2019年 / 01月 / 02月 / 03月 / 04月 / 05月 / 06月 / 07月 / 12月
---------------------------------------------------------------------------------------------------------------------
2018年 / 01月 / 02月 / 03月 / 04月 / 05月 / 06月 / 07月 / 08月 / 09月 / 10月 / 11月 / 12月
---------------------------------------------------------------------------------------------------------------------
2017年 / 01月 / 02月 / 03月 / 04月 / 05月 / 06月 / 07月 / 09月 / 10月 / 11月 / 12月
---------------------------------------------------------------------------------------------------------------------
2016年 / 01月 / 02月 / 03月 / 04月 / 05月 / 06月 / 07月 / 08月 / 09月 / 10月 / 11月 / 12月
---------------------------------------------------------------------------------------------------------------------
2015年 / 01月 / 02月 / 03月 / 04月 / 05月 / 06月 / 07月 / 08月 / 09月 / 10月 / 11月 / 12月
---------------------------------------------------------------------------------------------------------------------
2014年 / 01月 / 02月 / 03月 / 04月 / 05月 / 06月 / 07月 / 08月 / 10月 / 11月 / 12月
---------------------------------------------------------------------------------------------------------------------
2013年 / 01月 / 03月 / 04月 / 05月 / 06月 / 07月 / 08月 / 10月 / 12月
---------------------------------------------------------------------------------------------------------------------
2012年 / 01月 / 02月 / 03月 / 04月 / 05月 / 06月 / 07月 / 08月 / 09月 / 10月 / 11月 / 12月
---------------------------------------------------------------------------------------------------------------------
2011年 / 05月 / 06月 / 07月 / 08月 / 11月 / 12月
---------------------------------------------------------------------------------------------------------------------

++HOME++
[Admin] [TOP]

shiromuku(fs4)DIARY version 3.50