スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

お気に入りの画像をアナログ時計の背景に

公開している クラシック・アナログ時計は、いろいろなテーマに合うように、透過でシンプルにしていたのですが、時計自体の背景にお気に入りの画像を入れて、オリジナルの時計を作ることもできます。

こんな感じです。
背景の画像はヘスティアさんのブログ ヘスティアのパステル☆ライフ からお借りしました。 タイトルは「希望の丘 グリーン」です。トップページに、いい感じの作品が並んでいます。

以下のソースを「プラグインの設定」からフリーエリアに貼り付けてください。
赤の部分が変更箇所です。

画像の場所:src= から始まる部分です。http://で始まる画像のurlを指定してください。リンクする画像のサイズは縦横200px前後がいい感じです。

画像のサイズ:width= height= の部分です。サイドバー幅に合わせてください。180くらいなら大丈夫だと思います。サイズの大きな画像でもここで指定した大きさで表示されます。

時計の位置:top : left : の部分です。top は画像の上辺からの距離です。left は画像の左辺からの距離です。時計の左上の角が指定した位置に来ます。

時計の大きさ:w= h= の部分です。50~150くらいがいい感じです。

注意:画像の無断使用は厳禁です。オリジナル画像かフリー素材、または、作成者に許可をもらったものを使用してください。
サンプルソース内の画像はオリジナルです。そのまま使用してもかまいません。

黒バージョンのソース
<div align="center"> 
   <table style="margin:0;padding:0;"> 
      <tr>
         <td style="border:0;margin:0;padding:0;"> 
            <div style="position : relative;overflow:hidden;"> 
               <img style="border:0;margin:0;padding:0;" src="http://blog-imgs-33.fc2.com/s/e/k/sekizaki/sample01.jpg" width="180" height="180"> 
               <div style="position :absolute;top : 20px;left : 65px;"> 
                  <script type="text/javascript" src="http://mog.sado-is.com/analog_classic4/analog_classic4.php?w=90&h=90"></script> 
                  <noscript>
                     <a href="http://sado-is.com/" target="_blank" title="佐渡島の次平">佐渡島の次平</a> 
                  </noscript>
               </div>
            </div>
         </td>
      </tr>
   </table>
</div>

白バージョンのソース
<div align="center">         
   <table style="margin:0;padding:0;">         
      <tr>
         <td style="border:0;margin:0;padding:0;">         
            <div style="position : relative;overflow:hidden;">         
               <img style="border:0;margin:0;padding:0;" src="http://blog-imgs-33.fc2.com/s/e/k/sekizaki/sample01.jpg" width="180" height="180">        
               <div style="position :absolute;top : 18px;left : 18px;">
                  <script type="text/javascript" src="http://mog.sado-is.com/analog_classic3/analog_classic3.php"></script>         
                  <script type="text/javascript" src="http://mog.sado-is.com/analog_classic3/analog_classic_a.js"></script>
                  <script type="text/javascript">swfshow(140,140,0);</script>         
                  <noscript>
                     <a href="http://sado-is.com/" target="_blank" title="佐渡島の次平">佐渡島の次平</a>         
                  </noscript>
               </div>
            </div>
         </td>
      </tr>
   </table>
</div>

コメントの投稿

管理者にだけ表示を許可する

アナログ時計、素敵です!

パステルアートのインストラクター、ヘスティアです。

「希望の丘」とアナログ時計、すごくいい雰囲気ですね(*^_^*)
コンタクトして下さってありがとうございました。
アナログ時計(黒)
背景と合体 test
ブログランキング
にほんブログ村 ブログブログ ブログパーツへ
にほんブログ村 写真ブログ 風景写真へ
人気ブログランキングへ
カレンダー
09 | 2017/10 | 11
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -
最新記事
カテゴリ
月別アーカイブ
プロフィール

次平

Author:次平
次平のブログへようこそ

リンク
最新コメント
タグ

関崎 佐渡島 プラグイン フラッシュ 関崎オートキャンプ場 アナログ時計 関崎灯台 オートキャンプ場 こしひかり ど根性ひまわり ボランティア 関川 佐渡 佐渡国際トライアスロン大会 なら枯れ  東日本大震災 はんが甲子園  関川の滝 津波 地震  野カンゾウ クルミ 時計   寒戸崎 東北地方太平洋沖地震 外海府 商工会 稲刈り 夕日 ブログパーツ 入崎オートキャンプ場 クラシック 合成 牧場 空中写真 

はんが甲子園応援時計
検索フォーム
Amazon
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。