ちなみの独り言・・・

やりたいことから検索できるＷｉｋｉ文法・スタイルシート目的別リスト ２

やりたいことから検索できるWiki文法パート１	最新記事＞画像からリンク

パート１が文字数制限に掛かったのでパート２を作ります。　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　リストのソース公開します。

||<#ffeeee'style='width:575px;padding:3,9' ``[ＵＲＬ 基礎編：タイトル・引用・リンク]＞実例を示してその記述を書いてます。コピペできます。||
||<#eeeeff'style='padding:3,9' ``[ＵＲＬ タイトル＆引用で改行する方法]＞ちょとしたアイデアでこんなことも出来ます。

●1行目だけ幅を指定したら後は不要です。連続する場合は自動でそろいます。
●'padding:3,9'が周囲の余白調整です。0,0にすれば上下左右、余白なしです。

【転載】カウントダウン時計を設置したい＞しんさんが分かりやすく記事を書いてくれました。コピペできます。

タイトルを装飾したい　＞　文字を大きくしたり斜体にしたり出来ます。これから追加します。

クリックしたら大きくなる画像を配置したい　＞　画像の横に上端から説明文が入れられます。

いろんなフォントを使いたい＞ＭＳ標準搭載の書体は出来ます。欧文書体の時、和文はゴシックになります。

アンダーラインや取り消し線を使いたい　＞　文字を大きくして色も付けられます。背景色も付けれます。

背景と罫線を組み合わせたい ＞ 背景（画像）と罫線を組合わせて原稿用紙風に出来ます。

引用２と引用３でセンタリングしたい　＞　偶然発見しました。引用２は太字と斜体が使えます。

タイトルでセンタリングしたい ＞ タイトル１，２，３，４，５,太字でセンタリングが出来ます。

画像の横に引用２、引用３やタイトルで説明文が入れたい　＞簡単に画像の説明が入れられます。

画像とタイトルを組み合わせて配置したい ＞ 画像の下にタイトル１，２，３，４，５を入れて配置できます。

色付き罫線を簡単に引きたい　＞　簡単な記述で色付き罫線が引けます。中に文字を書くことも可能です。

ゲストブックでセンタリングがしたい ＞ ゲストブックに画像や文章をセンタリングで配置できます。

ゲストブックで画像を並べたい　＞　簡単な記述で画像を並べられます。記事にも使えます。

縦書きにしたい ＞ 縦書き：箇条書きも出来ます。

GIFアニメーションを作りたい＞フリーソフトを使って簡単に作成できます。名前アイコンや背景にも使えます

画像サイズを簡単に縮小したい ＞フリーソフトを使って初心者でも簡単に画像サイズが縮小出来ます。

表組で文字をセンタリングしたい　＞　背景色を付けて文字センタリング出来ます。縦書きも出来ます。

＜画像からポップアップリンクしたい

タイトルや引用で縦書きにしたい　＞　偶然に縦書きが出来ました。使うことは少ないと思いますが・・・・

画像や文章をコピー出来ないようにしたい　＞　画像や文章をクリック出来ないように設定します。

画像をコピー出来ないようにしたい：２　＞　左クリックも右クリックも出来ないように設定します。

画像にフィルター効果をつけたい　＞　いろんなフィルター効果（ぼかし、反転、白黒、波など）を使えます。

---

やりたいことから検索できるWiki文法パート１へ	やりたいことから検索できるWiki文法パート２へ

(C)京都写真日記：SUZUTA【最新版】
転載されますとその記事は更新されません。最新版をクリックして確認してください。

転載元: 京都写真日記：Wiki文法を使いこなそう

やりたいことから検索できるＷｉｋｉ文法・スタイルシート目的別リスト

やりたいことから検索できるWiki文法パート２へ

基礎編：タイトル・引用・リンク　＞　実例を示してその記述を書いてます。コピペできます。

タイトル＆引用で改行する方法　＞　ちょとしたアイデアでこんなことも出来ます。

顔アイコン･マーク　＞　かわいいマークや絵文字が簡単に挿入できます。♥ ♥ ♥

簡単な画像の配置　＞　基本的な画像の表示方法を書いてます。

複数画像の配置　＞　画像のレイアウトのやり方を書いてます。

画像の配置と文章の回り込み　＞　簡単に画像と文字に背景色付けてレイアウト出来ます。

画像の配置：表組みを使って　＞　画像と文章を好きな所に配置できます。

表組みで配置した画像を拡大表示　＞　サムネイルからオリジナルの画像サイズがポップアップします。

背景色＆拡大表示　＞　背景に色をつけてカラフルに♪

Wikiで大きい文字　＞　簡単に文字を大きくしたり色を付けたり出来ます。

背景と枠に色を付けたい　＞　枠の種類が選べて幅の調整が出来ます。額縁風の枠もあります。

文字を大きくして色を付けたい　＞　背景や文字に色が付けられます。

画像と文章をセンタリングしたい　＞　画像の上下に文字をセンタリングして表示できます。

色バックに画像を配置して白文字にしたい　＞　記述がかなり長くなりますがコピペすれば大丈夫。

行間、文字間隔を調整したい　＞　使う機会は少ないかもしれませんが何かの時に覚えておくと便利かも。

Wikiで絵文字　＞ １キロバイトの素材屋さんの絵文字の使い方を紹介します。

セルの余白を調整したい　＞　余白を調整すると文章がセンタリングできます。

スコアボード　＞　文字を出来るだけ大きくして簡単に書く方法　＞　コピペできます。

テーブルセル内で改行＆センタリングしたい　＞　任意の場所で改行＆センタリングできます。

１行の中で文字の大きさを変えたい　＞　文字を大きくしたり色付けしたり出来ます。

画像にタイトルや説明文を入れて並べたい　＞　画像の上下に文章を入れてレイアウトできます。

画像からリンクしたい　＞　新：画像をクリックすると他のサイトや違う画像に移動できます。

サッカーニュースを設置したい　＞　サッカーファンタジスタのサッカーニュースが簡単に設置できます。

Yahooの天気予報を設置したい　＞　Yahooの天気図がコピペで簡単に設置できます。

背景画像を指定したい　＞　背景画像の上に文章が書けます。

背景画像を原稿風にしたい　＞　背景画像を使って原稿のように見せます。

背景画像で行間調整したい　＞　行間や改行、センタリング、文字の大きさ指定できます。

背景画像の位置を指定したい　＞　背景画像を任意の位置に指定できます。

ポインターが乗ったら画像が変わるようにしたい　＞　少し難しいですがコピペすれば簡単に出来ます。

簡単テンプレート【4・3・2枚用】　＞　タイトル入りサムネイル（画像拡大します）レイアウトできます。

表組みの幅をそろえて色をつけたい　＞　テーブルの幅を指定して文字センタリングが簡単に出来ます。

背景画像に画像と説明文を入れたい　＞　組み合わせたら新しいことが出来ます。画像は拡大できます。

文中にクリックしたら拡大する縮小画像を入れたい　＞　縮小画像が文章の途中に簡単に入れられます。

顔アイコンや文字から画像にリンクを貼りたい　＞　簡単に画像にリンク出来ます。　　

やりたいことから検索できるWiki文法パート２へ

(C)京都写真日記：SUZUTA【最新版】
転載されますとその記事は更新されません。最新版をクリックして確認してください。

= パート１の最終更新日　2005.10.3

転載元: 京都写真日記：Wiki文法を使いこなそう

誰でも出来る！画像処理！！ヤフーブログを軽くしよう！！

ＹＡＨＯＯブログって何でこんなに重いの！？

って思っている方はきっとたくさんいるはず。
ベータ版というせいもあると思いますが、もともと不具合が多い上、アクセス集中にサーバーが耐えられないの？って私はよく感じています。

でもブログが重いのはＹＡＨＯＯ側のせいではない場合もあるのです。

他のブログを見てよく感じるのですが、画像が非常に重い場合がたくさんあります。
うちの本館はプロバイダーとの契約が３０メガバイトなので、ＨＰの容量は３０メガまでしかつくれません。
それ以上増やすには別料金になってしまいますので、ファイルの大きさには非常に気を使っています。

それに引き換えＹＡＨＯＯブログは容量も大きいし、特別な知識が無くても簡単に作れてしまうので、ファイルのサイズを見落としがちになっているのではないでしょうか？

ファイルサイズを大きくしている原因はほぼ画像の使い方です。
画像の調整をしなくても自動的に枠に収まるよう修正されてしまうので、あえて画像の大きさを考えていない方って多いのではないでしょうか？

上のこの画像は解像度１０２４×７６８のパソコンモニターで開いた６３６×８０７（６００KB）サイズのアンドロメダ画像をwindows標準のペイントで開いたものです。
画像が大きくてアンドロメダの足が途中で表示されていませんね。

このまま、ブログにアップすると６００KBというかなりの重量の画像なので、この記事は大変重くなってしまい、画像を表示するまでにとても時間がかかる上、スクロールしてもなかなか動きません。

そこでペイントで画像修正してあげます。
「メニューバー」の「変形」を開き、「伸縮と傾き」をクリックします。

最初は水平方向、垂直方向ともに「１００％」になっていますので、任意でパーセンテージを変えてあげましょう。
この場合は７０％に縮小してあげます。

７０％に縮小した画像は解像度４４６×５６５（６８．２KB）に落ちました。
元の大きさの７０％にしただけで、ファイルサイズは元の１１％程度の大きさになりました。
ペイントで見ても絵画の全体が表示されていますね。
このぐらいのサイズならサクサクと画像が開きます。

ちなみに今回ＵＰしたこの４枚の画像の解像度は４１０×３０７ピクセルで上から31.2KB、36.4KB、32.0KB、26.5KBです。

やってみれば非常に簡単な作業の上、ユーザーにとってもとてもありがたいことですので、今まで試したことがない方は是非トライしてみてください。

ＷＥＢページを作る上でファイルサイズを出来るだけ小さくすることは非常に大切なことですので、是非皆さんにオススメします。

フォントサイズ

＜ｆｏｎｔ　ｓｉｚｅ＝"1"＞
＜ｆｏｎｔ　ｓｉｚｅ＝"2"＞
＜ｆｏｎｔ　ｓｉｚｅ＝"3"＞
＜ｆｏｎｔ　ｓｉｚｅ＝"4"＞
＜ｆｏｎｔ　ｓｉｚｅ＝"5"＞
＜ｆｏｎｔ　ｓｉｚｅ＝"6"＞
＜ｆｏｎｔ　ｓｉｚｅ＝"7"＞

webカラー（ブラウザーセーフカラー）３

　■　#cc0000
　■　#cc0033
　■　#cc0066
　■　#cc0099
　■　#cc00cc
　■　#cc00ff
　■　#ff00ff
　■　#ff00cc

　■　#cc3300
　■　#cc3333
　■　#cc3366
　■　#cc3399
　■　#cc33cc
　■　#cc33ff
　■　#ff33ff
　■　#ff33cc

　■　#cc6600
　■　#cc6633
　■　#cc6666
　■　#cc6699
　■　#cc66cc
　■　#cc66ff
　■　#ff66ff
　■　#ff66cc

　■　#cc9900
　■　#cc9933
　■　#cc9966
　■　#cc9999
　■　#cc99cc
　■　#cc99ff
　■　#ff99ff
　■　#ff99cc

　■　#cccc00
　■　#cccc33
　■　#cccc66
　■　#cccc99
　■　#cccccc
　■　#ccccff
　■　#ffccff
　■　#ffcccc

　■　#ccff00
　■　#ccff33
　■　#ccff66
　■　#ccff99
　■　#ccffcc
　■　#ccffff
　■　#ffffff
　■　#ffffcc

　■　#ffcc00
　■　#ffcc33
　■　#ffcc66
　■　#ffcc99
　■　#ffff00
　■　#ffff33
　■　#ffff99
　■　#ffff66

　■　#ff6699
　■　#ff6666
　■　#ff6633
　■　#ff6600
　■　#ff9900
　■　#ff9933
　■　#ff9999
　■　#ff9966

　■　#ff0099
　■　#ff0066
　■　#ff0033
　■　#ff0000
　■　#ff3300
　■　#ff3333
　■　#ff3399
　■　#ff3366