フリーフォントで 『感情はんこ画像』 作成

フリーフォントではんこ画像作成を使って、要するに『顔文字』を作成するサンブルです。






http://goo​.gl/izVH2




http://goo.gl/Rkr8z







http://goo.gl/MxUfx




http://goo.gl/pBxGu







http://goo.gl/63YxN




http://goo.gl/mtVKY







http://goo.gl/joVys




http://goo.gl/MlWhn







http://goo.gl/EvBpZ




http://goo.gl/iQmbq







http://goo.gl/kyXzr




http://goo.gl/Tzp5M







http://goo.gl/NxN5i




http://goo.gl/HU7hh







http://goo.gl/x9Kjy




http://goo.gl/JOVDq






いずれも自由に使っていただいてけっこうです。
連絡等も必要ありませんので、ダウンロードしてご自由にお使い下さい。

※ 但し、元はフリーフォントなのでそれぞれのライセンスによっては、商用利用等が制限
※ されているものがありますので注意して下さい。

フリーフォントのライセンスの情報 : フリーフォントで簡単ロゴ作成 が参考になると思います。

★ HTML での貼り付け方は うーーん、困った ( はんこ画像 ) を参考にして下さい
( Picasa を使うと自由に画像サイズ変更可能になります )

Shadowbox : Lady Gaga - Bad Romance

YouTube

※ 画像をクリックすると、Shadowbox で動画が開始されます

Shadowbox : Lady Gaga - Poker Face

YouTube

※ 画像をクリックすると、Shadowbox で動画が開始されます

Shadowbox : Lady Gaga - Judas

YouTube

※ 画像をクリックすると、Shadowbox で動画が開始されます

HTML 特殊文字一覧

❤

DIV の角丸とドロップシャドウ

同一ドメインでないと、behavior:(ie-css3.htc) 使った処理は出来ないので、
普通のブログは全滅です。ここだけできたりするのは・・・ちょっと笑ってしまいました。

※ IE9 は、border-radius: で普通に OK です。

<div
	style='
		width:100px;
		height:100px;
		background-color:#404040;

		-moz-box-shadow: 10px 10px 20px #000;
		-webkit-box-shadow: 10px 10px 10px #000;
		box-shadow: 10px 10px 20px #000;

		-moz-border-radius:10px;
		border-radius:10px;

		behavior: url(http://lightbox.cocolog-nifty.com/ie-css3.htc);

	'
></div>

忍者に続け

おお、動いた。単純ブログは偉い。

関連する記事

google.load + YUI Loader で、カラーピッカーを設置
さて、動くかな?　google.load + YUI ColorPicker

SyntaxHighlighter ビルドユニット

このユニットが投稿できなかったのは、maglog だけです。

utf-8

<script type="text/javascript" src="http://winofsql.jp/sh/load_sh_unit.php?charset=utf-8"></script>

shift_jis

<script type="text/javascript" src="http://winofsql.jp/sh/load_sh_unit.php?charset=shift_jis"></script>

euc-jp

<script type="text/javascript" src="http://winofsql.jp/sh/load_sh_unit.php?charset=euc-jp"></script>

Shadowbox + Panoramio

ブログ別サンプル

ココログ
JUGEM
livedoor

Seesaa


関連する記事

超簡単。Shdowbox + Panoramio

エキサイトブログの写真貼り付け

画像を大きく表示する為のプラグインの設定手順はこちらです
エキサイトブログでウインドウを開いて大きな画像を表示する為の手順


まず、画像をアップロード。
この画像は、209 KB で、1024x768 です。



次に、URL をコピーします。



そして、下の img タグをブログに貼り付けて、src="" の " と " の間に URL を貼り付けます

<img src="" width="400">





投稿するとこのようになります。




クリックすると大きくなります