FC2blog@共有 [配布id:010101] テンプレ専用ガイド
ALT-DESIGN@clip制作のテンプレ専用のサポートガイド

No.39 / Template: [ bar-code ] ,
Date: 2012/12/14(Fri) 16:28 [修正]
  • 初心者の方はデフォルトのまま使って下さい。
  • カスタマイズはHTML/CSSの知識のある方のみ行って下さい。
  • 旧版はエラーが出る場合がありますので、最新のテンプレをDLして修正して下さい。
  • 失敗しても元に戻れる様に、必ずテンプレートを[複製]してから修正して下さい。
  • タグミスによってテンプレが修復困難になった場合でも、制作者は一切の責任は負いません。



  • 当サイトでFLASH素材として配布しているバーコード時計のカラフルverが、[bar-code]のテンプレートでも使える様になりました。

    FLASHの設定方法も簡単設定を盛り込むなどして、容易に変更できるようになっています。
    方法は、[テンプレートの編集]→[bar-code]の[編集]→[HTMLの編集]にある、<!--彩りバーコード時計[設定]ここから--> …〜…ここまで--> を探して下さい。
    注意:【ver5.1.3以下では目印があません】

    【ver5.14以上】で編集して下さい。

    タグの設定内にある、// バーコード時計ナンバー (数字3桁で指定) でバーコードのナンバーを3桁で指定します。番号は彩りバーコード一覧をご覧下さい。

    続けて、// 背景色 (コード6桁を変更) に、好きなカラーコード6桁を指定します。

    ■[HTMLの編集] 上部から探して以下の編集箇所を2カ所修正【※ver5.1.3以下は目印があません】

    <!--彩りバーコード時計[設定]ここから-->
    <SCRIPT language="JavaScript">
    <!--
    fno= new Array();
    bgc= new Array();


    // --------[設定ここから]--------


    // バーコード時計ナンバー (数字3桁で指定)
    fno = "001";

    // 背景色 (コード6桁を変更)
    bgc = "#FFFFFF";



    // --------[設定ここまで]--------

    ・以下タグ書略



    バーコード時計のナンバーは、[001] 〜 [033] までの数字を設定して下さい。
    番号は下記にある「彩りバーコード一覧表」をご覧の上、お好みのバージョンを設定して下さい。

    背景色は、#FFFFFF を好きなカラーコードに変更して下さい。
    背景色を既存のものを使いたい場合、または良くわからない場合は「彩りバーコード一覧表」をご覧の上、各バージョンに明記されている #XXXXXX のカラーコード6桁を背景色に設定して下さい。

    6桁のコードの先頭は必ず # を記述して下さい。

    ○ #FFFFFF;
    × FFFFFF;

    前後の記号を削除すると、表示されなくなりますのでご注意下さい。



    ■サンプルコード [012]を設定した場合
    <!--彩りバーコード時計[設定]ここから-->
    <SCRIPT language="JavaScript">
    <!--
    fno= new Array();
    bgc= new Array();


    // --------[設定ここから]--------


    // バーコード時計ナンバー (数字3桁で指定)
    fno = "012";

    // 背景色 (コード6桁を変更)
    bgc = "#000000";



    // --------[設定ここまで]--------

    document.write("<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0' width='210' height='120'>");
    document.write("<PARAM NAME=movie VALUE='http://blog-imgs-43.fc2.com/0/1/0/010101/barcode"+fno+".swf'>");
    document.write('<param name=quality value=high>');
    document.write("<param name='BGCOLOR' value='"+bgc+"'>");
    document.write("<embed src='http://blog-imgs-43.fc2.com/0/1/0/010101/barcode"+fno+".swf' quality=high pluginspage='http://www.macromedia.com/jp/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width='210' height='120' bgcolor='"+bgc+"'>");
    document.write("</embed>");
    document.write("</object>");
    //-->
    </SCRIPT>
    <!--彩りバーコード時計[設定]ここまで-->


    変更できるのは、背景色だけでコードと日時のフォントは変更出来ません。


     彩りバーコード一覧 クリックで展開

- WL-News Ver1.02 -