テンプレ【ayu-tp2_04】
2007年02月09日(金曜日)
【ayu-tp2_04】*白＆茶系 *２カラム *右メニュー
*ペアくま素材 *シンプル
［見本］
［鮎から一言］
ペアくまさんに、色違いのペアルックを着せてみました〜(^◇^)
作ってる時はな〜んにも考えてなかったけど、出来てから見ると「あやや？ペアくまさんって、見方によってはバレンタイン仕様？？」って思っちゃいました。
手にチョコでも持たせてみようかな、とも考えたけど、もうバレンタインまで日がないし、鮎的には、”行事に関係なく、いつでも使えるテンプレート”が好きなので、やめました。
背景にクマさんの足跡を固定しました。
［機能］
※記事ヘッダー部分に、ページトップに戻れる「TOP」リンクをつけました。
※記事上部にフリースペースを付けました。書込は、「HTMLの編集」の中でできます。必要のない方は、「<!--index_area-->」から「<!--/index_area-->」までを消してください。INDEXページにしか表示されません。
※記事下の「前ページ/HOME/次ページ」のリンクを画像にしました。※記事部にラインを入れました。「au」絵文字のみに対応しています。（コメント記事部には線は入りませんので、コメントでの絵文字使用はＯＫです）。
絵文字（３種類）を多用する方で、ラインを消したい時は、
div.entry-body {の線部分を消してください。
padding : 15px 0px 10px 0px;
margin : 0px 10px 0px 10px;
line-height:20px;
background:url(http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/line-dot.gif);
}
［画像アップ］
※記事横幅は「500px」です（内部幅はこれ以下）。
この範囲に収まる画像幅でお願いします。
※縦幅は、「20×倍数-3」で作ってください。
記事文字下に横点線を使っていますので、この縦幅に寄っては、画像の下部の記事がラインの中に入らなくなります。
別の方法もあり、『Ｑ＆Ａ』に載せてあります。
［お願い］
ダウンロードされた方で、使用に不具合があった方は、この記事下に書き込んでください。
お尋ね頂いた内容＋解決法は、今後のために、内容のみブログに記載させて頂きますので、ご了承ください。
原因究明に時間がかかることもあり、お返事が遅れたり、後の書き込みの方の返事が先になったりすることもあると思います。
Ｑ＆Ａ：ブログタイトルをフラッシュ画像
2007年02月09日(金曜日)
Ｑ6．ブログタイトルをフラッシュ画像にしたいのですが？
Ａ．画像１枚使用の場合は、普通のHP用の方法で表示されると思いますが、数枚使用の場合は、下記の方法で表示されます。
（と思います…自信はありませ〜ん(>_<)）
インフレームを使ってください。
下記方法では、ブログ説明文が、フラッシュ画像の下に出ます。
�．侫薀奪轡絏菫�など必要ファイルを「アップロード」します。
�◆�HTMLの編集」内、
「 <div style="text-align:center;"> <IFRAME src="貴方がUPしたファイル名" border="0px" frameborder="0" width="横幅" height="縦幅" scrolling="NO" name="Flash"> </IFRAME> </div> 」
と入れてください（コピペ）。
青文字は、拡張子「swf」のファイルです。「http://〜」から入れてください。
緑文字は、画像幅数に変えてください。
「style="text-align:center」は、ブログでのフラッシュの位置です。
（↑これは中央）
��「スタイルシートの編集」内、
【お願い】
鮎が判るのは、フラッシュのアップ方法のみです。
フラッシュ内部のことは解りませんので、フラッシュ素材配布サイトさんで質問してください。
後、フラッシュ素材を使った場合は、ブログにフラッシュ素材配布サイトさんのリンク表示を忘れないでください（詳しいことは、素材サイトさんの利用規約などをご覧ください）。
Ａ．画像１枚使用の場合は、普通のHP用の方法で表示されると思いますが、数枚使用の場合は、下記の方法で表示されます。
（と思います…自信はありませ〜ん(>_<)）
インフレームを使ってください。
下記方法では、ブログ説明文が、フラッシュ画像の下に出ます。
�．侫薀奪轡絏菫�など必要ファイルを「アップロード」します。
�◆�HTMLの編集」内、
<div id="branding"><!-- branding -->の青文字部分を消して、<h1><a href="<%url>" accesskey="0" title="<%blog_name>"><%blog_name></a></h1>
<div class="site_intro"><%introduction></div>
</div><!-- /branding -->
「 <div style="text-align:center;"> <IFRAME src="貴方がUPしたファイル名" border="0px" frameborder="0" width="横幅" height="縦幅" scrolling="NO" name="Flash"> </IFRAME> </div> 」
と入れてください（コピペ）。
青文字は、拡張子「swf」のファイルです。「http://〜」から入れてください。
緑文字は、画像幅数に変えてください。
「style="text-align:center」は、ブログでのフラッシュの位置です。
（↑これは中央）
��「スタイルシートの編集」内、
div#branding {の線部分を消してください。
font-family :"HGP創英角ﾎﾟｯﾌﾟ体",Osaka;
width : 830px;
height : 160px;
float : right;
margin-top : 10px;
padding-top : 10px;
text-align : left;
background-image : url(http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/04-q09.gif) ;
background-repeat : no-repeat;
background-position : center;
font-weight : normal;
}
【お願い】
鮎が判るのは、フラッシュのアップ方法のみです。
フラッシュ内部のことは解りませんので、フラッシュ素材配布サイトさんで質問してください。
後、フラッシュ素材を使った場合は、ブログにフラッシュ素材配布サイトさんのリンク表示を忘れないでください（詳しいことは、素材サイトさんの利用規約などをご覧ください）。
