【ダグ】画像やアイコンのサイズを変更する方法。飲みニュケーション！ブ━━∵&#59;（&#59;:゜:鑾&#59;゜&#59;，

【この記事もただのブログネタ消化です。読み飛ばすのに４秒かかります。】

ブログネタ：お酒を飲めないのは損だと思う？ 参加中

★・・・・・・・★・・・・・・・・★・・・・・・・★・・・・・・・★・・・・・・・★・・・・・・・★・・・・・・・★

こんにちは。
ブログネタ運営局のジョニーです。
仕事後の生ビール
寒い日に熱燗をキュッと
おしゃれなバーでカクテル…
それがない生活なんて考えられません。

「飲みニュケーション」
なんて言葉もあるくらいだし
お酒を酌み交わしながらの会話って
案外腹の底が見える気がします

みんなはお酒を飲めないのは損だと思う

お酒を飲めて得をした
お酒が飲めなくて損をした
そんな実体験も教えてください

★・・・・・・・★・・・・・・・・★・・・・・・・★・・・・・・・★・・・・・・・★・・・・・・・★・・・・・・・★
飲みニュケーション。。

飲みニュケーション。。。

飲みニュケーション。。。。

「飲みニュケーションッ」
ブ━━━━━!!｀;:ﾞ;｀;･(ﾟεﾟ )ﾌﾞｯ!!
あ。でもお酒のめないのは損やで?。
私は飲めなくて割り勘負けするので腹が立ちます。
なので食いまくってやります。
でもゲロを吐くので全て無かったことになります。
酒豪に生まれたかったぜええええええええヾ(;ﾟ曲ﾟ)ﾉｷｨｨｨ

【画像やアイコンのサイズを変える方法?】

画像を大きくしたり、小さくする方法やで。
標準エディタで、画像クリック⇒ドラックアンド伸ば?すでって？
そんな事言わんといてええ。。(΄??????)/

知っておくといつか使うときが来るかもしれへんデェええ！
サイズ変更ダグだっちゃ★

斎藤佑樹お宝全裸画像。



↓画像をＨＴＭＬダグ表示させると多分こんな感じになってるよね？

<a href="http://blog-imgs-44.fc2.com/h/a/r/harutepodon/blog_import_4decaf97e7687.jpg"><img border="0" src="http://blog-imgs-44.fc2.com/h/a/r/harutepodon/blog_import_4decaf975f2ff.jpg" alt="ハルＫＡＲＡの量産型お尻テポドン夢日記" /></a>

これがサイズ変更のダグやでえええ！！

style="width: 578px; height: 325px;"

　　　　　　　　　　　　　　　　　　　↑幅サイズ　　　　　　　　　　　　　　　　↑高さのサイズ

上のやつにご希望のサイズの数字を入れて下のあたりにいれるんやぁああ

<a href="http://blog-imgs-44.fc2.com/h/a/r/harutepodon/blog_import_4decaf97e7687.jpg"><img border="0" style="width: 578px; height: 325px;" src="http://blog-imgs-44.fc2.com/h/a/r/harutepodon/blog_import_4decaf975f2ff.jpg" alt="ハルＫＡＲＡの量産型お尻テポドン夢日記" /></a>

そしたら祐ちゃんがオッキします！

ふぁあああああああお
もっこりぃいいい

いやいや。よくわからんこを書いてしまったd(｡ゝε･｡)Йё
やっぱコピペすんぜ！

■サイズを変えたい場合。

画像のサイズはタグ文で変更できるわけですが、等倍で大きくしないと画像が汚くなります。

下のマリオのサイズは12×16です。つまり24×32にすればきれいに大きくなります。

↑ソース　<img src="mario01.gif" width="12px" height="16px">

↑ソース　<img src="mario01.gif" width="24px" height="32px">

GIFアニメも同じように変えられます。

↑ソース　<img src="making_02.gif" width="63px" height="9px">


↑ソース　<img src="making_02.gif" width="126px" height="18px">


↑ソース　<img src="making_02.gif" width="252px" height="36px">


↑悪い例
等倍でサイズ変更しないとこんなふうにガタガタになっちゃうのです。


　　
↑小さなレミングスもこんなに大きく！！

ちなみに逆もしかり。
うちはわりと本来16×16サイズのアイコンのサイズを32×32にしたがるのでちっこくしたい場合は半分にするだけ。


↑ソース　<img src="dq3_yu.gif" width="32px" height="32px">

↑ソース　<img src="dq3_yu.gif" width="16px" height="16px">


■向きを変えたい場合。

画像の向きを変えるにはスタイルシートのfliph()を使いましょう。ただ、ブラウザ次第ではちゃんと動作しない事もあるので注意が必要です。

やりかた１ ： imgタグに埋め込む

↑ソース　<img src="mario01.gif" width="12px" height="16px">

↑ソース <img src="mario01.gif" width="12px" height="16px"style="filter: fliph();">

やりかた２ ： divやspanで囲む

↑ソース　<img src="mario01.gif" width="12px" height="16px">

↑ソース　<div style="width:12px;filter:fliph();"><img src="mario01.gif" width="12px" height="16px"></div>
＊注意！！
divやspanで囲む場合はwidthを指定するか、 position:absolute;を指定しないとダメらしいです。面倒臭いことですな。

　　　　→　　　　
このように向かい合う事が出来るのです。

こんな感じで素材をもっと楽しく便利に活用しましょう。


てか、ごめんなさい。
ここに書いたスタイルシートのやり方とか本当に適当です。鵜呑みにしないで自分で調べてから使ってください。

スタイルシートのフィルターを使えば他にも色々できます。
画像をモノクロにしたり、半透明にしたり、色を反転させたり、etcetc...
その辺のやり方はググればすぐに出てくると思うので各自調べてみましょう。

うおおおおおおおちんぷんかんぷーーん（/TДT)/ｱｰ

以上！！！

園長KillYOUランキングメタボ園長教育者村

アホでも出来たブログカスタマイズもくじ

全然関係ないテーマの最新記事

• 【画像付き】大相撲　八百長力士　名前　…　02月22日
• 美しくアメブロ向上はイバラの道☆ハルち…　02月11日
• アメブロランキングでアクセスアップ上位…　02月08日
• 【アメブロ裏技】読者が増えるツール発見…　02月17日
• アホでも出来たアメブロカスタマイズＣＳ…　02月05日
• サイドバーにYouTubeを貼り付け。…　02月02日
• 草なぎ剛ファンです?つよぽんはカツラじ…　02月01日
• ＫＡＲＡです。所属事務所とのトラブルで…　01月19日
• 【速報】エリーの小さいころの夢はケーキ…　02月23日
• 別れさせ屋殺人事件「テポドンスタイル」　02月23日
• 【写真流出】サイバーエージェント社員エ…　02月19日