2006'07.26.Wed

追記(続きを読む)の開閉について

非常に質問が多いので…('-';
うちで使用しております「追記の開閉」はテンプレートの仕様ではありません。
お借りしてきたjavascriptをテンプレートに加える事で追記の開閉が可能になっておりますので、カスタマイズの領域です。

また、HTMLを多少なりとも触る事になり、元のカスタマイズ状況やテンプレートの作り方によってはスタイルシートの追加、HTML変更方法のアレンジ等も必要になることがあるかと思いますので、まずHTMLやスタイルシートが全く分からないという方にはあまりオススメできません^^;
また、さすがに問い合わせの件数が多すぎる為、この件だけでもカスタマイズのサポートがしきれないのが現状です。
配布元サイト様の記事と下記の記事を読んでも出来ない場合は申し訳ありませんが諦めて頂けますようご理解ください<(_ _)>


うちで使用してます追記の開閉はアジアンビートカンケリキッズ様で配布されているスクリプトをお借りしてきて使っているものですので、当方で配布することも今後テンプレートに導入する予定もありません。
使用したい方は配布元サイト様の以下の記事をご参照下さい。

アジアンビートカンケリキッズ様より:追記の展開・折りたたみ 
http://bisco.blog2.fc2.com/blog-entry-6.html



で、上記スクリプトではテンプレートのHTMLの以下の部分を書き換える事になるのですが…うちのテンプレートの仕様上、以下の赤文字の部分も消してしまうと一部の文字の大きさが変わってしまいますので、赤文字の部分の内側を書き換えて下さい。(赤文字部分を消さないように)
書き換えた部分に同様のクラス設定をすれば、赤の部分を消しても問題ありません。
<!--more_link-->
<div class="entry_more"> 
<a href="<%topentry_link>#more">...READ MORE?</a>
</div>
<!--/more_link-->

水色の部分に配布されているタグを入れるカンジで。


で、カスタマイズに関するメールが毎日たくさん届きまして…お返事おいついてない状態です…orz
なのでちょっとしばらくカスタマイズに関しての質問を受け付けるのを一時中止しようかと思ってます。
(そのかわりにカスタマイズ方法に関する記事かHPを後日にでも作ろうと思ってます)
不具合については引き続きご連絡下さい。
ちょっと予想外に質問が多いので…('-';
ブログカスタマイズトラックバック(0)  コメント(0) 
Tag: カスタマイズ 
2006'06.26.Mon

本文でメールフォームを作る

このごろよく聞かれるので(・ω・
うちにあるのと同じものしか解説できませんが…。

一応見本がこんなかんじです。
うちではCHOBIメールをおかりして設置させて頂いてます。他のレンタルメールフォームでも自分でフォームをHTMLに書けるタイプでしたら同じようにして使えますし、試してみたらFC2さんのプラグインのメールフォームも本文に設置して同じようなものが作れましたが…それは長くなるので割愛で…(・ω・`

CHOBIさんのメールフォームだと設置は激しく簡単です。
設置用タグとかはCHOBIさんのサイトで見て頂くとして…気をつけるところはメールフォームのタグを貼り付けて「保存」する際に下の画像のようにテキストフォーマットをHTMLタグのみにすることです。
これをしないとデザイン設定部分で不具合がでちゃいます。
でもこれだけでOKです。


通常は「自動改行+HTMLタグ」になっていると思いますが、こっちにすると保存した時に勝手に改行タグが挿入されるので、これが邪魔をしてデザイン部分の指定が効かなくなります。

他に文章を書く等する場合は改行タグが自動で入らない状態になってますので、手動で改行タグを入れる必要があります。メールフォームをおきたいだけなら「HTMLタグのみ」にチェックを入れるだけでOKです。

で、ウチの場合はですが。
「Mail form」というカテゴリーを作ってそこに放り込んでます。
使う人にだけ見えればいいと言う事で。
日付もなるべく古くしてメールフォームの記事を後ろに回し、カテゴリーのリンクをクリックするか、よほど記事をさかのぼっていかないと見えないようにしてあります。
(…といっても二ヶ月そこそこのブログなのですぐさかのぼれちゃいますが…)

設置したら自分で送って確認してみてくださいね
ブログカスタマイズトラックバック(0)  コメント(0) 
2006'06.19.Mon

「このブログを追加」を画像に。

「このブログをリンクに追加」
FC2さんのブログでよくみかけるアレです。
アレを文字よりは目立つであろう(と思われる)画像に変えてしまおうコーナー(・ω・

見本はこれ


タグはこんなかんじです
<a href="javascript:window.location.replace('http://blog.fc2.com/?linkid=ブログのID');"><img src="http://blogxx.fc2.com/x/xxxxx/file/listme.gif" width="60" height="17" style="border:none;" title="このブログをリンクに追加"></a>

(ブログのIDは管理画面の上のほうにかいてあります)

★6/20.少しタグ書き直し


好きな場所にコピペしてブログのIDを自分のブログのものにあわせて書き換えてください。(これを書き換えないと動きません)
赤文字の部分はアップロードした画像のアドレスを書きます。
水色の部分は画像のサイズなので、画像のサイズにあわせてこれも変更して下さい。
それだけで終了!設置したら一応自分でクリックして確認してみてくださいね

で、画像も一応何個か作りましたので、こんなんでもよろしければお持ち帰りでお使い下さい。
listme.giflistme2.giflistme2.giflistme2.gif
listme2.giflistme2.giflistme2.gif
全て縦17×横60です
…ええ、色が違う程度なんですけどね…orz
周囲1ピクセルずつ透明な余白がつけてあるので、文字と並べてもまあ大丈夫なはずです。(影つきのは余白ない部分もあったりといいかげんですが…)

すいません、朝タグを書いた時に半角スペースが混ざってしまってたみたいなので、うまくできなかった人はタグをもう一回コピペしなおしてみてください〜
...Read More
ブログカスタマイズトラックバック(0)  コメント(0) 
Tag: カスタマイズ 
2006'06.17.Sat

アマゾン用追加スタイルシート

サイドバーアマゾン用の追加スタイルシートです。
このスタイルシートは好みが分かれるとおもいますので標準では入れてません。
前のアマゾンスタイルシート用のCSSとあわせてお使い下さい。
追加すると、一個ずつ商品を枠で囲みます。
見本はうちのサイドバーのAmazon表示テスト用とおなじ見た目。

div.plugin-catamazon div {
border: 1px dotted #eee;
margin : 5px auto 0 auto;
}
div.plugin-newamazon div {
border: 1px dotted #eee;
margin : 5px auto 0 auto;
}

元々外側の枠にラインがついているテンプレートは、枠の中で更に一個ずつの商品が枠で囲まれるかんじになります
色とかラインの種類はお好みで変えてくださいな〜。

相変わらずですが…ランキング表示用のタグはありません。
あれです、やっぱり自分で選んだオススメにこそ飾りはつくべきだというつまらないこだわりです。


余談
アマゾン商品の設定のイメージ画像の選択ですが、大きいほうを選んだほうがキレイに表示されます。
どうも強制的に画像の横幅が100pxに指定されてしまうようなので…小さい画像を選ぶと拡大されて汚くなります
ブログカスタマイズトラックバック(0)  コメント(0) 
Tag: カスタマイズ 
2006'06.14.Wed

ブログのタイトルを画像に

今更ブログタイトルを画像にする方法ですが…

<h1><a href="<%url>"><%blog_name></a></h1>

この赤文字の部分を消して画像表示タグと入れ替えるダケだけで〜す…。
ちなみにウチのブログタイトルも、使いたいフォントが全ての環境にあわないものだったので画像にしてあります。
(画像表示のタグに画像の縦と横の長さ指定をちゃんとしてあげたほうがいいかもです)

バナーがあるブログさんとかはタイトルのかわりにバナーとか置いてみても面白いかも
ブログカスタマイズトラックバック(0)  コメント(0) 
Tag: カスタマイズ 
Next |TOPBack