スポンサーサイト ブログランキング・にほんブログ村へ
ランキング参加中。クリックお願いします♪
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
ブログランキング・にほんブログ村へ


【--/--/-- --:-- 】 | スポンサー広告 | page top↑
面白ランキングボタン(2) ブログランキング・にほんブログ村へ
ランキング参加中。クリックお願いします♪
絵が変わるランキングボタンの作り方です。


さてさて、ランキング用の画像がアップロードできたら、画像の横にある『この画像で記事を書く』ボタンを押してみます。

<a href="画像URL"><img src="画像URL" alt="ファイル名" border="0" /></a>

こんな感じのが表示されましたか?
もっとオマケがついてたり、両端の部分はなかったりしてもOK。


ランキングボタンは、こんな感じになってます。
<a href="ランキング用URL">表示するもの</a>



ちょっとややこしいけど、
画像をランキングボタンにしている人は表示するもののところが上の青色部分、
文字だけでランキングだと、ここは文字になってると思います。
これだけ頑張って探してくださいね。


                    


ではでは、クリックすると変わる絵にしちゃいましょう。グー!
これが、画像がランキングボタンになっている状態です。

<a href="ランキング用URL"><img src="画像URL" alt="ファイル名" border="0" /></a>


オレンジの斜線を消して、ピンクの部分を追加してください。

<a href="ランキング用URL" target="_blank"><img src="画像URL" alt="ファイル名" border="0" onClick="this.src='変化後の画像URL'"></a>

追加する時、前との空白は半角1つ分だけです。
target="_blank"は、『別ウィンドウで開く』 なので、もう書いてある人もいると思います。^^


2回に分けて長々と書いたけど、実はこの最後の部分だけでOK。(^^;)



このランキングボタンは、最初の画像で動く絵を使っています。


動く絵の作り方は、動く絵を作っちゃおうの記事に書いてあります。
リンクしてるので、もしよかったら遊んでみてください。にっこり



おかんさんに教えてもらうまで気付いてなかった。
オリジナル画像を使用する場合は 150x60ピクセル以内 のサイズで "FC2ブログランキング" の文字を必ず表記してください。
表記がないとランキングの削除対象となります。ご注意ください。



 このサイズ以内だそうな。
私、ずっと違反してたやん。汗;
無題
作り直さなきゃ。


ペイントは、『変形』 → 『キャンバスの色とサイズ』 でサイズ変更できます。
無題


おかんさん、ありがとう!
ブログランキング・にほんブログ村へ


スポンサーサイト

テーマ:ママのひとりごと。 - ジャンル:育児

【2009/02/27 06:58 】 | ブログ記事の小技 | コメント(5) | トラックバック(0) | page top↑
面白ランキングボタン(1) ブログランキング・にほんブログ村へ
ランキング参加中。クリックお願いします♪
いろいろ見てると、皆さんいろんなランキングボタンを作ってますね。
クリックすると絵が変わる、なんて面白いものも。


これをペイントで作る方法を紹介しちゃいます。
まずは、好きな絵をペイントに貼り付けちゃいましょう♪

windows.gif

 『スタート』 → 『すべてのプログラム』 → 『アクセサリ』 → 『ペイント』
ペイントを開いてください。


 写真でもなんでも、好きな絵をペイントに貼り付けます。
自分のPC上にある写真なら 『編集』 → 『ファイルから貼り付け』
ネット上の自由に使っていい画像は、その上で右クリック → 『コピー』


ペイントの 『編集』 → 『貼り付け』 で貼り付けます。

paint.jpg


 サイズを調整。
今は周りに点々があると思いますが、左横のボタンをどれかクリックすると消えます。
ペイントの 『変形』 → 『伸縮と傾き』 で、水平方向、垂直方向を小さくします。
写真の場合、元のサイズにもよりますが、10%にしても大きめ。


もちろん、別のところで小さくしてからペイントに貼り付けてもOK。グー!

 これは5%に縮めてみました。
saru.jpg


もし、周りに白い部分があるようなら、
『変形』 → 『キャンパスの色とサイズ』 でサイズをかなり小さくしてから貼り付けるといいです。
貼り付けると、その画像サイズに合わせて大きくなってくれます。


 ランキングボタンっぽくする。
ただ画像があってもランキングボタンだって分かりませんよね。
FC2バナー一覧
 こちらで好きなバナーをコピーします。(画像の上で右クリック→『コピー』)

で、さっきのペイントで貼り付け。(『編集』→『貼り付け』)
周りに点々がついている間は自由に動かせるので、クリックしたまま好きな位置に持っていきます。
(ドラッグ&ドロップ)

 保存とアップロード。
『ファイル』 → 『名前をつけて保存』 で保存しましょう。グー!
ただし、FC2ブログではbmpという名前のファイルは使えないので、JPEG、GIF、PNGのどれかにします。
まあ、JPEGでいいかなと思います。にっこり
name.jpg

saru1.jpg こんなんできました。


まだ自分のPC内にあるだけですね。
記事を書くときに上にある、富士山マークをクリック。
e.jpg


↓こんな画面が開くので、『参照』ボタンでさっきのファイルを探して、『アップロード』ボタンをクリック。
up.jpg


う~ん、なかなか絵が変わるところまでいかない。
たぶん明日の記事で書き終わると思います。


こんなのもできます。


クリックすると、ランキングページが別ウィンドウで開いて、ここに戻ってきてみると絵が変わっています。グー!


すみません!
コメントでおかんさんに教えてもらったんですが、オリジナル画像をランキングボタンにするなら、150×60ピクセル以内と規定があったようです。
上の例は、どちらも大きすぎです。(><)
 このサイズまで。
無題
ブログランキング・にほんブログ村へ


テーマ:ママのひとりごと。 - ジャンル:育児

【2009/02/26 10:57 】 | ブログ記事の小技 | コメント(3) | トラックバック(0) | page top↑
写真であそぼ♪ ブログランキング・にほんブログ村へ
ランキング参加中。クリックお願いします♪
写真に吹き出しをつけるの、いいのがありました!!
おかんのスチャラカ日記の おかんさん が教えてくれた PhotoScape


このページの ダウンロードボタン から ダウンロードね。
非商用利用なら無料です。グー!


ブログ写真にピッタリのソフトですね。^^
吹き出し、
文字入れ、
フレーム、
複数枚の写真をレイアウト、
サイズ変更、
モザイクやぼかし、
もちろん、明るさなどいろいろ調整、
縁つき手書き文字(マウス書き?)を入れるのも簡単♪
さらに、GIFアニメ作りまで!


も一つおまけに、一括名前変更。
写真を撮った日付などの名前に簡単に変換。

すんばらしい!!


ついでに、画像を四角いパズルのように分解したり、
PrintScreenのように画面コピーとか、
とにかく いろいろ遊べそう♪


ケーキ

こんな感じでいろんなフレームが入ってます。
吹き出しも、いろんな形があって楽しい♪
位置の調整も簡単!


いやん、こんないいのがあったのね。
おかんさん、紹介ありがとう!
愛してるわ




2007_0919写真0014

へへっ♪
風景写真に、みいの顔テクスチャをつけちゃった。笑う
いやあ、遊べるわあ
ブログランキング・にほんブログ村へ


テーマ:ママのお役立ち情報 - ジャンル:育児

【2008/10/31 07:06 】 | ブログ記事の小技 | コメント(6) | トラックバック(0) | page top↑
画像に吹き出し ブログランキング・にほんブログ村へ
ランキング参加中。クリックお願いします♪
画像に吹き出しをつけてる人、どうやってるのかなあ?


笑顔のゆくえ(^▽^)♪
の しずくさん からコメントいただいたので、『私ならこうする』を書いてみます。
使うのは、ワード と ペイント


うちは、Word2003 を使ってます。


 画像ファイルを入れたい場所にドラッグ&ドロップします。
(マウスを押さえたまま持ってくる)
その画像を 『右クリック』 → 『図の書式設定』

無題



 レイアウトのタブをクリック。
折り返しの種類と配置『行内』以外のどれかにします。
(どれでもOK♪  この図は行内になってます)

無題1



 吹き出しを入れましょう。グー!
下にある 『オートシェイプ』 から好きな形を選びます。
『オートシェイプ』が見当たらなければ、上の
『挿入』 → 『図』 → 『オートシェイプ』で。
選んだら、吹き出しを乗せたい画像をクリック

word1.gif



 吹き出しを好きな位置・好きな大きさに変えちゃいましょう。
吹き出しの周りの四角にカーソルを持っていってください。
size.jpg2方向の矢印は、拡大・縮小。
マウスを押さえたまま動かすと、好きな大きさに変えられます。
idou.jpg
+の形の矢印は、移動。
図のように吹き出しの四角の外にあると全体を移動。
吹き出しの四角と重なってると、四角の部分だけが移動します。
saki.jpg
黄色の四角は、吹き出しの先の位置です。
これもマウスを押さえたまま動かして、好きな位置に持っていきます。




 場所が決まったら、吹き出しの中身です。グー!
普通は文字を入れると思いますが、ドラッグ&ドロップで画像を入れたり、吹き出しの色を変えたりもできます。

無題

吹き出しも変えてみようかな♪

吹き出しを選び、周りの四角の上で
『右クリック』 → 『オートシェイプの書式設定』

または、上の『書式』 → 『オートシェイプ』

無題

『色と線』タブをクリック。

color1_20081030084336.jpg

こんな色を選ぶと、

banbi2.jpg

あはは・・すごい色。(^^;)



 さーて、これをペイントに貼り付けましょう。

写真をクリック、Shiftキーを押しながら吹き出しの枠もクリック。
これで両方を選んだ状態になりましたか?
画像の上で 『右クリック』 → 『コピー』

追記: ここは画面をコピーしちゃおう♪で書いたPrintScreenを使ってもいいかも♪

それだと、画面上の大きさそのまま。
Shiftで選ぶと、ワードを100%で表示した大きさになります。



ペイントを開いて、
『編集』 → 『貼り付け』
いい感じにできてたら、
『ファイル』 → 『名前をつけて保存』
ファイルの種類は JPEG を選びます。

無題3


                    


ペイントで保存して、50%に縮小したもの。
無題


の時に、写真も50%くらいに縮小。
ペイントで保存したあとは、全くいじってないもの。
無題



下の方がきれいですね。
小さな文字も擦れずにすむし。
吹き出しと一緒に、画像の大きさも調整しておいた方がいいかも♪
ブログランキング・にほんブログ村へ


テーマ:ママのお役立ち情報 - ジャンル:育児

【2008/10/30 05:39 】 | ブログ記事の小技 | コメント(1) | トラックバック(0) | page top↑
画面をコピーしちゃおう♪ ブログランキング・にほんブログ村へ
ランキング参加中。クリックお願いします♪
今日は朝から、クッキーを4種焼いてました~。あちゃー
みんなで作るのは今日なんだけど、今朝までレシピ確認・・。
さすが一太の母、計画性のなさは抜群です。
なんか雷も鳴ってるし・・・。



ま、それは置いといて・・・
知ってる人も多そうな気もするけど、
↓こんな感じで、画面をそのまま取ってきちゃうワザを紹介します。
windows.gif


やり方はとっても簡単♪
キーボードの右上の方『Print Screen/SysRq』 と書いてあるキーを探します。
もうちょっと省略して書いてあるキーボードもあるようですが、それっぽいのを探してください。


このキーをポンと押せば、もう今見えている画面は全部覚えました。グー!
上の絵の 『スタート』 → 『すべてのプログラム』 を押して
『アクセサリ』 → 『ペイント』 を開いてください。


ペイントの上の方『編集』→『貼り付け』
または、右クリック→『貼り付け』 で、画面が全部ペイントにコピーされます。


あとは、欲しい範囲を選んで、その上で 右クリック→『コピー』
新しくペイントを開いて、↓ここで幅と高さを小さくします。

ペイント

で、『貼り付け』すると、選んだ範囲だけのサイズの画像の出来上がり♪



キーをポンと押し、ペイントに貼り付けるだけ~笑う
グリムスの記録とか、何でもどうぞ♪
ブログランキング・にほんブログ村へ


テーマ:ママのお役立ち情報 - ジャンル:育児

【2008/09/26 09:04 】 | ブログ記事の小技 | コメント(7) | トラックバック(0) | page top↑
| ホーム | 次ページ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。