すみません。なかなか全てのコメントには答えられなくなってしまいました。
時間に余裕ができるまでしばらくお休みします。
FC2ブログは一ヶ月記事の投稿が無いとコメントが非表示(要承認)になってしまうようですが、この記事の投稿によってまた一ヶ月間はコメントが表示されるはずです。みんなの情報交換の場としてご自由にお使いください。
m(__)m
【2012/04/22 更新】
コメント非表示回避のために更新しました。
日付を未来にしてもダメなようなので一ヶ月おきに更新します。
スポンサーサイト
「
FC2ブログの第2回共有テンプレートコンテスト」に参加した結果は8位でした。
正直10位以内はあきらめていたのですが
「同一作者によるテンプレートは、上位テンプレートのみが対象となります。」
というルールに助けられました^^;
ダウンロードしてくれた皆様ありがとうございました。
m(__)m
スマホ用テンプレート「10plate_sp_white」について、記事内の画像が大きいとはみ出してしまう問題がありました。申しわけありません。
さっそく修正して再申請したつもりなのですが、何度やってもステータスが「申請中」ではなく「公開中」のまま・・・該当テンプレートのHTML,CSSを修正後に「修正」→「登録申請」としたのですが何か間違っているでしょうか。再申請できているのか不安ですが、もし再申請できていて承認されれば近日中に修正版が公開されるはずです。
修正は記事内の画像がはみ出さないようにすることと、タイトルの上部にスペースをもたせたことです。
すでにダウンロードされている方はスタイルシートの末尾にこちらを加えてください。
#header h1 {
padding-top:15px; /*タイトル上部のスペース*/
}
.entry_box img {
max-width:100%;
height:auto;
}
タイトル上部のスペースはお好みにあわせて数値を変えてください。
画像がはみ出す問題はある方のご好意で教えていただきました。ありがとうございました。
先日紹介したスマホ用テンプレート「10plate_sp_white」のタイトルを画像にするカスタマイズを紹介します。
まずタイトル画像を用意します。スマホには機種により解像度が異なるため、横幅が320px,480px,640pxの3つの画像を用意する必要があります。
例えば私が用意した画像はこちらです。
http://blog-imgs-44.fc2.com/1/0/p/10plate/sp_title_img.png(横
320 縦
150)
http://blog-imgs-44.fc2.com/1/0/p/10plate/sp_title_img@1_5x.png(横480 縦225)
http://blog-imgs-44.fc2.com/1/0/p/10plate/sp_title_img@2x.png(横640 縦300)
そしてスタイルシートの末尾に下記を加えてください。
#header_box {
background-image: url(http://blog-imgs-44.fc2.com/1/0/p/10plate/sp_title_img.png);
width:320px;
height:150px;
-webkit-background-size: 320px 150px;
background-size: 320px 150px;
}
@media only screen and
(-webkit-min-device-pixel-ratio: 1.5) {
#header_box {
background-image: url(http://blog-imgs-44.fc2.com/1/0/p/10plate/sp_title_img@1_5x.png);
}
}
@media only screen and
(-webkit-min-device-pixel-ratio: 2) {
#header_box {
background-image: url(http://blog-imgs-44.fc2.com/1/0/p/10plate/sp_title_img@2x.png);
}
}
#header {
visibility: hidden;
}
色が付いてる箇所は自分が用意した画像のサイズ、URLになるように置き換えてください。
タイトルの下にあった紹介文が邪魔であればHTMLを編集して該当箇所を削除してください。
~
</div>
<p class="intro"><%introduction></p>
<!--▼ メニューバー ▼-->
~
これでタイトル部分が画像になります。

正月なら年賀状風に、2月ならバレンタインデー風にと、季節にあわせていくつもタイトル画像を作って着せ替えても面白いかもしれません。
【参考サイト】
スマートフォンで解像度ごとに最適な画像サイズにするdevicePixelRatioの設定|ユージック様
トップページのみ3カラム、他を2カラムにするカスタマイズを紹介します。
以前このカスタマイズは
standardシリーズで紹介していましたが、今回は
lightframeが対象です。
【左カラムを消して2カラムにする】HTMLを編集します。下記箇所に赤い部分の記述を加えてください。
~
<!--▲▲ ヘッダー ▲▲-->
<div id="center-left">
<!--index_area-->
<div id="center">
<!--/index_area-->
<!--not_index_area-->
<div id="center" style="width:100%">
<!--/not_index_area-->
<!--▼▼ プラグイン カテゴリー3 ▼▼-->
~
</div><!--/center-->
<!--index_area-->
<div id="left">
<!--▼▼ プラグイン カテゴリー1 ▼▼-->
~
<!--▲▲ プラグイン カテゴリー1 ▲▲-->
</div><!--/left-->
<!--/index_area-->
<br class="c-both" />
~
これでトップ以外の個別記事ページ等では左カラム(プラグイン1)が消えます。
消したカラムの幅のぶんだけ記事の幅が広がります。
今更ですが「
FC2ブログの第2回共有テンプレートコンテスト」に参加しようと、スマホ用共有テンプレート「10plate_sp_white」をリリースしました。

IEなどHTML5/CSS3に未対応なブラウザでPCからプレビューすると上の図と少し違って見えますが、スマホのブラウザからは問題なく上の図の様に見えるはずです。
全てのFC2スマホ用テンプレートに言えることですが、FC2が挿入してくるスマホ用広告はかなり大きいです。さすがにもう少し改善されるといいな^^;
後半参加なので上位に入ることは難しいかもしれませんが、少しでも気に入っていただければダウンロードしてくださると嬉しいです。m(__)m
前の記事でお知らせしたiPhoneアプリの無料版をリリースしました。
「鉤縄忍者Lite」のサポートページへ無料ですのでどうぞ気兼ねなくお楽しみください。
お久しぶりです。いたおです。
永らくお休みして大変申しわけありませんでした。
実はずっとiPhoneアプリの制作に挑戦していました。
これからもまだアプリ作りに注力したいので、このブログがおろそかになってしまうことをお許しください。
m(__)m
ちなみに作成したアプリはこちらになります。
「鉤縄忍者」のサポートページへ85円と有料ですがiPhoneかiPod Touchをお持ちの方に楽しんで頂ければ幸いです。
もしブログをお持ちでこのアプリをプレイした感想を記事に書いてもいいという方がおりましたら、ブログのURLを添えて
コメントか
メールでお知らせください。プロモーションコードを差し上げます(記事掲載時で残り約20個)
いろいろ手が回らず本当に申しわけないのですが宜しくお願い致します。
m(__)m
時間に余裕ができるまでしばらくお休みします。
やっすぃぃぃーさん、
sakuraiさん、コメントを助けてくれて本当にありがとうございました m(__)m
当サイト配布の共有テンプレート
standardシリーズにおいて、ユーザータグナビゲーションに不具合がありました。誠に申しわけありません。
対象テンプレートはこの11種類になります。
(
lightframeシリーズは問題ありません)
standard_monotonestandard_sepiastandard_bluestandard_skybluestandard_greenstandard_orangestandard_pinkstandard_wide_whitestandard_wide_blackfullmoon_howlingwhite_eagle不具合箇所は下記になります。
<!--▼ユーザータグナビゲーション▼-->
~
<!--topentry-->
<li><a href="#entry<%topentry_no>" title="記事の先頭へ"><%topentry_title> [<%topentry_year& gt;/<%topentry_month>/<%topentry_day>]</a></li>
<!--/topentry-->
~
<!--▲ユーザータグナビゲーション▲-->
赤い部分を次のように修正してください。
<%topentry_year& gt;
↓
<%topentry_year>
この修正は本日(2010/02/02 23:00頃)共有テンプレートに反映させました。
それ以前にダウンロードされた方はお手数ですが上記修正をしてください。
誠に申しわけありませんでした m(__)m