Web サイトのサムネール作成ツール

URLを指定すると、そのサイトのサムネイル画像を自動生成してくれるサイト

SimpleAPI

たとえば、Yahoo のサムネールはこんな感じになる。

サイトの説明では、「すぐに生成されない場合、実際にウェブサイトに貼ってから数時間で表示されるようになります」となっているが、いつまでたってもサムネールが作成されないサイトもある。デフォルトでは、サムネールが左寄せになるので、テキストはこのように右側に回り込む形になる。回り込みを解除したい箇所に <br clear="left"> を挿入する。

テキストの回り込みをさせたくない場合は、



サムネールのコード内の align="left" を削除すると、上のように回り込みが解除できる。

もう 1 つ ThumbnailWEB というサイトでも Web サイトのサムネールを作成できる。これでサムネールを作成するとこんな感じになる。

どっちが好きかは好みでしょうか。こっちはデフォルトで回り込みなしになっています。ただし、こっちのサムネールサービスを利用すると、画面左上に「ThumbnailWEB」のバナーが表示されます。

ブログの記事でタグ表示させたい時に便利な「タグ抜きツール」

ブログや Web サイトでタグを記述する場合は、タグを抜くのがけっこう面倒です。

たとえば、リストタグを使って普通に文字列を記述すると、当然タグが反映され


  • タグ抜き

  • タグ付け

こんな感じになります。タグそのものは表示されません。

パグタグページで提供している「タグ抜きツール」を使うと、簡単にタグを抜いて、タグ自体を表示することができます。

左側のメニューフレームから「タグ抜き」ツールを選んで、タグ抜きしたい文字列コピペして、「タグ抜き!」ボタンを押すと、Web 上でタグを記述できる形式に変換され、こんな風にタグを表示できるようになります。

<ul>
<li>タグ抜き</li>
<li>タグ付け</li>
</ul>

これって「タグ抜きツール」と呼んでますが、実際にはタグが表示されるようになるわけだから、「タグ付けツール」と呼んでもよさそうな・・・。ややこしい。         

seesaa ブログと さくらブログの「自由形式」の表示を左寄せにする

自由形式に記述した内容が中央そろえで表示される場合に、これを左寄せで表示したいときは、「自由入力欄」に以下のように入力する。

<div class="side">
表示したい内容
</div>

これで左寄せになるはずです。というか、スタイルシートの div class "side" の text-align に指定したとおりになるということです。通常は、div class "side"(.side)は text-align:left; に指定されているはずなので、左寄せになります。

また、自由形式のタイトルは何も表示されないようになっているので、これを表示したいときには、以下のように side クラスの前に sidetitle タグを挿入してタイトルを指定します。

<div class="sidetitle">コンテンツのタイトル</div>
<div class="side">
表示したい内容
</div>

参考サイト:
シーサーブログのサイドバー

<<前へ 91011121314151617|18