カテゴリ:ブログカスタマイズ( 4 )


2006年 09月 12日

Web2.0風ロゴ画像を簡単に自動作成

◎ Web2.0風ロゴ画像を5秒で自動作成できるサイト

Web2.0風のロゴ画像を簡単に作ることができます。

Web2.0風ロゴ画像 作成手順
 1、http://msig.info/web2.php にアクセスします。
 2、「Text to make Web 2.0:」の枠に、ロゴにしたい文字列を入力
 3、reflection をかけるかどうか選択(かけてもかけなくても変化なし?)
 4、βマークをつけるかどうか選択
 5、「Generate」ボタンを押して 完成!

※備考;「2.0」の文字か、最後の文字が「r」だと文字が赤くなるようです。

▼ Web2.0風ロゴ画像 サンプル
Generated Image 「βマーク」あり
Generated Image 「reflection」未選択
Generated Image

WEB2.0 関連書籍
 ※ Googleのすべて WEB2.0への道 2

無料ブログ比較・評価&サンプル
 ※無料ブログ(blog)パーツ(ツール)
 ※ブログ 作成・アクセスアップの方法 解説書
 ※ブログ ツール・パーツ 関連書籍(解説本)
[PR]

by 412983 | 2006-09-12 10:36 | ブログカスタマイズ
2006年 06月 24日

Webサイト サムネイル画像自動作成

ホームページ(Webサイト)サムネイル自動作成
 ※URLを指定するとサイトのサムネイル画像を自動生成し簡単にホームページに組み込めます

▼サンプルサムネイル
無料ホームページ作成講座ブログ ■無料ホームページ作成講座ブログ
  ※ホームページ作成で基本となるHTML基礎知識を中心に解説。
    アクセスアップの為にHTMLの基礎を身につけSEOに心がけよう


▼「サムネイル生成ツール利用上の注意」より記事抜粋

 ソーシャルブックマークや人気サイトランキング、個別テーマのリンク集のような、同じサイトの画像を繰り返し呼び出す場合、過去に生成された画像をキャッシュし再利用しておりますので、スムーズに表示することができます。

 一方で、1ページあたりの新規生成サムネイルが5枚を超える場合、ページの表示がもたつくことがございますので、動的に表示される検索結果などに組み込む場合は1ページあたり3~5枚程度のご利用にとどめてください。


無料ブログ テンプレート カスタマイズ方法
 ※ブログ カスタマイズ 方法
 ※スタイルシート (CSS)
 ※HTML タグ 関連解説
 ※JavaScript (ジャバスクリプト)
 ※ブログ&HP ツール パーツ
 ※アクセスアップに役立つ情報
 ※ブログ アクセスアップ SEO
 ※人気ブログランキング比較評価
 ※ブログ 宣伝 広告
 ※ブログ関連 本・書籍・ブック
[PR]

by 412983 | 2006-06-24 00:15 | ブログカスタマイズ
2006年 01月 30日

テキストボックス風のオブジェクト

テキストボックス風のオブジェクトを作る

テキストボックス風のオブジェクトを作ります。

▼ 実行例-1 & ソース ▼
<div style="width:460px;height:90px;overflow:auto;border:1px solid #ff0000;padding:5px;">
この部分に、文字やイメージなどを挿入します。
無料ブログ テンプレート カスタマイズ
 ※ブログ アクセスアップ SEO 1
 ※ブログ アクセスアップ SEO 2
 ※ブログ アクセスアップ SEO 3
</div>

▼ 実行例-2 & ソース ▼
<div style="width:460px;height:50px;overflow:auto;border:5px double #0000ff;padding:5px;background-color:#ffffaa;">
この部分に、文字やイメージなどを挿入します。
背景色や背景画像、枠線の種類などの指定もできます。
ブログ アフィリエイト SEO テンプレート
 ※アフィリエイト プログラム
 ※アフィリエイト ノウハウ 講座
 ※アフィリエイト 初心者 稼ぐ コツ
 ※アフィリエイト 本 ブック 書籍
</div>

▼ 実行例-3 & ソース ▼
<div id="scrollbar" style="width:460px;height:70px;overflow:auto;border:2px dotted #999;padding:5px;">
BODYタグ内にスクロールバーのCSS設定をしている場合には、それがそのまま継承されてしまします。
オブジェクトに特定の指定がしたい場合には、別途
div#scrollbar {
scrollbar-face-color: #aaa;
scrollbar-track-color:#ccc;
scrollbar-shadow-color: #eee;
scrollbar-highlight-color: #fff;
scrollbar-darkshadow-color: #bbb;
scrollbar-arrow-color: #fff;
}

のように指定する必要があります。
</div>



無料ブログ テンプレート カスタマイズ方法
 ※ブログ カスタマイズ 方法
 ※スタイルシート (CSS)
 ※HTML タグ 関連解説
 ※JavaScript (ジャバスクリプト)
 ※ブログ&HP ツール パーツ
 ※アクセスアップに役立つ情報
 ※ブログ アクセスアップ SEO
 ※人気ブログランキング比較評価
 ※ブログ 宣伝 広告
 ※ブログ関連 本・書籍・ブック
[PR]

by 412983 | 2006-01-30 13:32 | ブログカスタマイズ
2005年 08月 16日

文字をスクロールさせる

文字をスクロールさせます

タイトルやサブタイトル(サイト説明文)などに使うと効果的です。

スクロールの速さを指定する
 ↑
<marquee scrollamount="5" scrolldelay="50" behavior="scroll"
loop="0">スクロールの速さを指定する</marquee>

 ※scrollamount="5" 数値を大きくするとスクロールの速度が速くなります
 ※scrolldelay="50" 数値を小さくするとスクロールの速度が速くなります

文字の大きさ20px、赤色指定
 ↑
<MARQUEE style="font-size:20px;color:#ff0000;padding:5px;">文字の大きさ20px、赤色指定</MARQUEE>

1度だけ動かし、スクロールを止める(※IE のみ有効)
 ↑
<marquee scrollamount="5" scrolldelay="50" behavior="slide"
loop="1">1度だけ動かし、スクロールを止める(※IE のみ有効)</marquee>
 ※サンプルページ

その他、スクロールする文字サンプル
JAVAスクリプト~サンプル置き場

無料ブログ テンプレート カスタマイズ方法
 ※ブログ アクセスアップ SEO
 ※アクセスアップに役立つ情報
 ※人気ブログランキング
 ※ブログ 宣伝 広告
 ※ブログ&HP ツール パーツ
[PR]

by 412983 | 2005-08-16 00:55 | ブログカスタマイズ