ブログテンプレートを配布しました

FC2ブログ専用のブログテンプレートの配布を始めました。
テンプレート名は「bon_poodle」です。
※PC用となりますので、携帯からは何の変化もありません(^_^;)

ブログテンプレート イメージ画像

まずはどういったイメージになるのかは、
以下のリンクをクリックしてもらえるとサンプルをご参照頂けます。

サンプル(トップページ)
サンプル(個別ページ)
サンプル(検索結果ページ)
サンプル(全記事一覧ページ)

※サンプルは当ブログですが、微妙にカスタマイズしているので
若干崩れている部分がありますが、気にしないで下さい(^_^;)
当ブログのようなカスタマイズされてないブログですと正常に表示されます。

配布を決めた経緯としては、
このぼんのブログを公開するにあたって、最初は犬がポイントのテンプレートを探していましたが、
あまりコレといったのが無く、当初使っていたのは公式テンプレートでした。
そのままではアレなんで、ヘッダのメイン画像をぼんの写真にしたり、
jQueryというjavascriptライブラリを使用していて、
結構カスタマイズしていました。

時が経つにつれ、チョット写真も大きく載せたいし、3カラムが良いなぁと思っていたので、
これ以上既存のテンプレートをカスタマイズするのはかなり手間がかかったので、
一から作った方が早いと感じ、自作でデザインとコーディングをしてみました。

それから数ヶ月経ち・・・
未だに犬のイラストメインのテンプレートが少ないなぁと感じ、
どうせ自作したなら共有申請して、他のFC2ユーザーにも使ってもらおうか?という考えに至りました。
といっても、ヘッダのぼんの写真などはそのまま配布物としてはダメなのと、
他にもこのブログ用のカスタマイズ部分が多々あったので、
ヘッダの写真部分をイラストにしたりして、一般的にも使用できるように改変しました。
で、先日共有申請してみたところ、知らぬ間に登録されていました(^▽^;)
落ちたら連絡あるみたいですが、通ると連絡無いんですね!

というわけで、正式にテンプレートが登録されたということで、
ここでは今回のテンプレートの特徴と、使って頂く際の注意点などを書かせて頂きます。
といっても、FC2ブログの規約に書いてることが全般ですが(^_^;)

----------------------------------------------------------
■テンプレートの特徴

・各パーツのイラストに犬(トイプードル)をイメージしたデザイン
・3カラム
・全体幅は1000px
・パンくずリスト付き
・記事部分の画像は最大500pxまで可能
・記事部分の画像をクリックすると別ページで開くのではなく、その場で開くLightbox仕様(サンプル
・記事部分の文字サイズ変更ボタン付き
・個別ページに飛ばなくても、コメントが見れます(アコーディオン式)※検索結果ページは除く
・ページトップへ戻る時に何となく良い感じに(賛否両論?)(ここをクリックするとわかります
・検索結果ページでは、該当ワードをハイライト表示(サンプル
・印刷は記事部分のみ抽出(ブラウザによってうまく動作しないかもしれません)

----------------------------------------------------------
■動作確認(表示確認)

・Internet Explorer 6
・Internet Explorer 7
・Internet Explorer 8
・Netscape 7.x
・Firefox 3.5以上
・Opera 7.x
・Opera 8.x
・Opera 9.x
・Opera 10.x
・Safari 5.x(Windows版)
・Google Chrome 6.x

----------------------------------------------------------
■ブログテンプレートのご留意事項

1.再配布禁止
2.FC2ブログ以外での使用禁止
3.著作権表示削除禁止
----------------------------------------------------------

こんなところです。
デザインをカワイイイメージにするだけではなく、
機能面でもユーザビリティに配慮するようにしてみました。

文字サイズ変更なんかは結構便利ですが、
今より最大値を大きく、最小値を小さく、標準を変えたいという場合は、
テンプレート内で変更可能です。
左右サイド(メニューなど)の文字サイズも小さいと感じる場合は、
CSSから変更可能です(^▽^)

表示確認は、現在のモダンブラウザは大体OKだとは思いますが、
IE6など、微妙な部分でずれがあります。
あまり気にならないレベルではあるのと、直せなかったのでそのままです(ーー;)スイマセン
あと、Macは手元に無いので確認していません。
SafariもWindows版のみの確認なので、Macだと崩れている可能性もあります。
使っている人はかなり少ないかと思われますが、
Netscapeは多分6は大丈夫でも、4.7などはちゃんと表示されないです。
Operaも6用にコーディングしていないので、6は崩れると思います。
ただ、いずれも各ブラウザの最新版だと大丈夫だとは思いますが、
大きな崩れなどがありましたら教えて頂けると嬉しいですm(_ _)m
その他、かなり精査はしていますが、変なタグとかあったら教えて下さい。

記事内の画像に自動で枠が付きますが、不要の場合は、
該当の画像や写真のimgタグに、class="no" を付けると枠線が消えます。
この場合、508pxの画像で左右の余白が均等になります。

ご留意事項の2に関しては、FC2の変数を入れているので多分普通は使えません。
ある程度知識があれば可能ですが、一応禁止とさせて下さい。
(要望があれば別のブログ用も作ってみたいとも考えています)

あと一応著作権放棄はしていませんので、
ご留意事項の1と3もご遠慮下さい。

カスタマイズは好きにしてやってください。
ぼんのブログのように、ヘッダを写真にするとかもOKです(^ー^)ノ
ただ、それなりに変更するには工夫がいるかもしれませんが・・・

実際のところ、配布したテンプレートのイラストは
ぼんをイメージして作画したものなので、
汎用性は低いかな?と思ってたりします(^_^;)
でも色んな方に使ってもらえたら嬉しいです(^_^)

今のところ、猫バージョンや違う犬バージョンの配布も考えています(^▽^)
あとは2カラムバージョンも良いですね!
って、まだ全然作っていませんが(^▽^;)

テンプレートに関してカスタマイズは原則サポート外とさせて頂きますが、
それほど難しくないレベルであれば、このページのコメントにて出来る限り対応させて頂きたいと思います。
なんかご質問があればコメント下さい。

なにぶん、テンプレート配布が初めてなもので、不備があるかもしれませんが、
もし気に入って頂けたなら使ってやって下さいませm(_ _)m
※テンプレート名「bon_poodle」でテンプレート検索で見つけられます。
※今回ぼんの記事じゃなくスイマセン

----------------------------------------------------------
早速なんですが、抜けや微妙にずれている部分を発見してしまったので、
以下に修正コードを書いておきます。
早くにダウンロードしてくださった方、申し訳ございませんm(_ _)m
(修正申請中ですが、リアルタイムに反映されないようなので)
(お急ぎで無い場合は数日後に同名のテンプレートを再度ダウンロードして頂ければ反映されます。
※9/29の21時過ぎには修正が反映されていましたので、以下はそれ以前にダウンロードされた方のみ対象です
既にダウンロードしている場合、現状の「bon_poodle」というテンプレートを削除しないと、
同名のテンプレートはダウンロードできないようなので、お手数ですが一度削除してから再度ダウンロードをお願い致します。)

※全記事一覧ページ用のCSSの設定に抜けがありました。
表示がおかしい場合は以下のコードをCSSファイルに追記して下さい。

/* 全記事一覧
---------------------------------------------------- */
ul#titlelist{
    font-size: 120%;
    background-image: url("http://blog-imgs-38.fc2.com/b/o/n/bonpoodle/entry_bg.gif");
    background-repeat: repeat-y;
    margin: 0;
    padding: 16px;
    width: 508px;
    border-top: 1px solid #f7c8ce;
}
ul#titlelist li{
    line-height: 160%;
    margin: 0 0 5px 15px;
    padding: 0;
}


※リストアイコンが微妙にずれているので、
表示がおかしい場合はCSSファイル内の以下の該当箇所のコードを修正して下さい。


    ul#breadcrumbs li
    p.list_icon
    ul.relate_ul li

上記セレクタの中の
「background-position」がある行を
「background-position: left center;」へと変更して下さい。

    #menuLeft li,
    #menuRight li

上記セレクタの中の
「background-position」がある行を
「background-position: 0px 2px;」へと変更して下さい。

多分これでリストアイコンの位置が少しはマシになると思います。

----------------------------------------------------------


一日1クリックしてもらえると、ぼんのランクが上がります♪
トイプードルランキング
トイプードルブログランキング
犬 人気ブログランキング
犬 人気ブログランキング

コメントを見る(9)

[管理人のみ閲覧できます] by -
[コメント欄の絵文字について] by はる
たびたびお邪魔して申し訳ありません
このテンプレートでコメント欄で絵文字を使用したいのですが出来ません
どうすれば絵文字の使用が可能になりますか?
[Re: コメント欄の絵文字について] by ぼん
はるさん、始めまして。
コメントありがとうございます(^▽^)

返信が遅れてスイマセンm(_ _)m

チョット、コメントのその機能を使ったことが無くてチェックが甘かったのですが、
もしかしたら以下の箇所を修正するとうまく動作するかもしれません。

<script type="text/javascript" src="<%template_comment_js>"></script><br />

HTMLテンプレートの中に↑の箇所が二箇所あると思いますが、
それを、
<script type="text/javascript" src="<%server_url>load.js"></script><br />
へと変更してもらえますでしょうか?

多分これで大丈夫だと思うんですが、もし違ったらスイマセン(ーー;)
わかりづらかったら、また修正依頼しますんで、数日後にテンプレートをダウンロードしてもらってもOKです。
(でもこの修正が正しくなければダメですね・・・)

あ、あとご要望頂いていた2カラムバージョンは、
元々作りたいと思っていたので、準備中です(^ー^)ノ
ヘッダのイラストをそのままなら結構早い段階で申請できると思います。
イラストも変えたいけど、あのままの2カラムでもいいかなと思ったり迷ったりしてます(^▽^;)
[Re: コメント欄の絵文字について] by ぼん
スイマセン、間違えました(ーー;)
上のコメントで書いた箇所より、以下の箇所の変更が必須です。

<textarea id="com"
といった箇所があるのですが、
これを

<textarea id="comment"

と変更してください。これで多分絵文字など使えるようになると思います。
ちなみに、テンプレート内に二箇所あります。

原因がわかったので、あとで修正申請させて頂きます。
わかりにくいようでしたら、数日後にテンプレートを再ダウンロードしてもらった方が簡単かもです(^_^;)
[ありがとうございました] by はる
おはようございます♪
お返事ありがとうございましたv-291
絵文字、使えるようになりましたe-319
今日の夜にでもプラグインの設定を変更して
テンプレートを変えてみたいと思います
2カラムバージョンも楽しみにしていますね!
ありがとうございましたe-266
[Re: ありがとうございました] by ぼん
はるさん、こんばんは(^▽^)

あ、使えるようになって良かったです( ´o`)
ご迷惑おかけしましたm(_ _)m

修正が受理されたみたいなので、もしアレなら新しくダウンロードされた方が良いかもしれません。
昨日の修正は応急処置なので、文法違反とか気になったので、それらも修正しました。
まぁ動作に不具合は出ないと思いますので、また気が向いた時にでも(^_^;)
[管理人のみ閲覧できます] by -
[はじめまして] by ぷぅ
ボーダーコリーのティファニーを飼っています、ぷぅと申します。
とても可愛いブログで凄いな~と思っていたのですが、テンプレートを出してらっしゃるのを発見して、お借りしようかな―と思いコメさせていただきました。
トップのイラストをウチのワンコに変更して使用させていただいても構いませんか??
変更できるかわかりませんが。。。(*^^)

ぼんちゃん、可愛いですね♪
プーじゃないみたい!!
カットによってもイメージって変わりますね(*^_^*)
[はじめまして] by 蓮まま
はじめまして。。少し前からテンプレートをお借りしてます。
今回、別サイトのBlogPeopleでリンクページを作成したのですが、
そのリンクリストをブログに組み込みたいのですが、htmlテンプレートに組み込む方法を教えていただけませんか

fc2のサポートでは共有テンプレートは対象外ってなっていたので・・・

コメントを書く

コメントや御用の方は以下の拍手コメントかTwitterFacebookにてお願い致します。
拍手コメントの方はご返信出来ませんのでご了承下さいm(_ _)m
ブログをお持ちの方は、URLを合わせてお伝え頂ければ、後ほどご訪問させて頂きます。

このページのトップへ戻る

ブログテンプレート第二弾を配布しました

先週、FC2ブログ専用のブログテンプレート第一弾に続いて、調子こいて第二弾の配布も始めました。
テンプレート名は「bon_halloween」です。

朝に登録申請して、午後に登録されていたので、あまりの早さに「FC2さん、やるな!」と思ったのですが、
恐らく今日たまたま一斉に登録する日だったかもしれません(^_^;)

それはさておき、今回も犬(トイプードル=ぼん)のイラストを使用していますが、
プラス、ハロウィン風味を味付けしてみました。

ブログテンプレート第二弾

例によって、どういったイメージになるのかは、
以下のリンクをクリックしてもらえるとサンプルをご参照頂けます。

サンプル(トップページ)
サンプル(個別ページ)
サンプル(検索結果ページ)
サンプル(全記事一覧ページ)

※サンプルは当ブログですが、微妙にカスタマイズしているので
若干崩れている部分がありますが、気にしないで下さい(^_^;)
当ブログのようなカスタマイズされてないブログですと正常に表示されます。

基本的に第一弾と機能面は同じですが、一応特徴と注意事項を書いておきます。

----------------------------------------------------------
■テンプレートの特徴

・各パーツのイラストに犬(トイプードル)をイメージしたデザイン
・3カラム
・全体幅は1000px
・パンくずリスト付き
・記事部分の画像は最大500pxまで可能
・記事部分の画像をクリックすると別ページで開くのではなく、その場で開くLightbox仕様(サンプル
・記事部分の文字サイズ変更ボタン付き
・個別ページに飛ばなくても、コメントが見れます(アコーディオン式)※検索結果ページは除く
・ページトップへ戻る時に何となく良い感じに(賛否両論?)(ここをクリックするとわかります
・検索結果ページでは、該当ワードをハイライト表示(サンプル
・印刷は記事部分のみ抽出(ブラウザによってうまく動作しないかもしれません)

----------------------------------------------------------
■動作確認(表示確認)

以下、OSがWindowsXP, Windows7のみの確認です
(Macは未確認)

・Internet Explorer 6
・Internet Explorer 7
・Internet Explorer 8
・Netscape 7.x
・Firefox 3.5以上
・Opera 7.x
・Opera 8.x
・Opera 9.x
・Opera 10.x
・Safari 5.x
・Google Chrome 6.x

----------------------------------------------------------
■ブログテンプレートのご留意事項

1.再配布禁止
2.FC2ブログ以外での使用禁止
3.著作権表示削除禁止
----------------------------------------------------------

今回のデザインは第一弾を踏襲してはいますが、
結構細かい部分では違ったりします。
あと、前回の反省も踏まえて、コーディングの精査はキッチリやったつもりです。
IE6で直せないといっていた箇所も修正していますし、
前回よりもずれなどはかなり無くなっていると思います。
(第一弾のテンプレートも、合わせて修正申請しています)

第一弾が大き目の犬のイラストを使用しているので、
あまり一般ブログには適さないとは思っていましたが、
意外にも結構ダウンロードされていたので、今回第二弾の配布を決めた次第です(^_^)
(ダウンロードされた方ありがとうございますm(_ _)m)
今回は季節限定バージョンぽいのと、なおかつ犬のイラストなので、
更にマニアック風になっています(^_^;)

テンプレートに関してカスタマイズは原則サポート外とさせて頂きますが、
それほど難しくないレベルであれば、このページのコメントにて出来る限り対応させて頂きたいと思います。
なんかご質問があればコメント下さい。
あと不具合・バグ報告は歓迎です!

もし気に入って頂けたなら使ってやって下さいませm(_ _)m
※テンプレート名「bon_halloween」でテンプレート検索で見つけられます。


一日1クリックしてもらえると、ぼんのランクが上がります♪
トイプードルランキング
トイプードルブログランキング
犬 人気ブログランキング
犬 人気ブログランキング

コメントを見る(0)

コメントを書く

コメントや御用の方は以下の拍手コメントかTwitterFacebookにてお願い致します。
拍手コメントの方はご返信出来ませんのでご了承下さいm(_ _)m
ブログをお持ちの方は、URLを合わせてお伝え頂ければ、後ほどご訪問させて頂きます。

このページのトップへ戻る

ブログテンプレート第三弾を配布しました

今日無事申請が受理されました。
今回は2カラムバージョンです。
メニューは左に配置しています。
テンプレート名は「bon_poodle_2c」です。

ブログテンプレート第三弾

以前の3カラムバージョンを単純に2カラムにするのは面白くなかったので、
内部のコードは結構細かい部分を変更しています。

今回はサイド(左)とメイン(右)を共に幅をゆったり持たせて
サイドには大きめのバナー、メインには大きめの画像を設置できるようにしてみました。

例によって、まずはどういったイメージになるのかは、
以下のリンクをクリックしてもらえるとサンプルをご参照頂けます。

サンプル(トップページ)
サンプル(個別ページ)
サンプル(検索結果ページ)
サンプル(全記事一覧ページ)

※サンプルは当ブログですが、微妙にカスタマイズしているので
若干崩れている部分がありますが、気にしないで下さい(^_^;)
当ブログのようなカスタマイズされてないブログですと正常に表示されます。

基本的に第一弾、第二弾と機能面は同じですが、特徴と注意事項を書いておきます

----------------------------------------------------------
■テンプレートの特徴

・各パーツのイラストに犬(トイプードル)をイメージしたデザイン
・2カラム
・全体幅は980px
・サイド(左)は250px、メイン(右)は640pxです
・パンくずリスト付き
・記事部分の画像は最大600pxまで可能
・記事部分の画像をクリックすると別ページで開くのではなく、その場で開くLightbox仕様(サンプル
・記事部分の文字サイズ変更ボタン付き
・個別ページに飛ばなくても、コメントが見れます(アコーディオン式)※検索結果ページは除く
・ページトップへ戻る時に何となく良い感じに(賛否両論?)(ここをクリックするとわかります
・検索結果ページでは、該当ワードをハイライト表示(サンプル
・印刷は記事部分のみ抽出(ブラウザによってうまく動作しないかもしれません)

----------------------------------------------------------
■動作確認(表示確認)

・Internet Explorer 6
・Internet Explorer 7
・Internet Explorer 8
・Firefox 3.5以上
・Opera 9.5以上
・Safari 5.x(Windows版)
・Google Chrome 6.x

----------------------------------------------------------
■ブログテンプレートのご注意事項・利用規約

1.再配布禁止
2.画像の二次加工禁止
3.FC2ブログ以外での使用禁止
4.著作権表示削除禁止
----------------------------------------------------------

通常は問題ないのですが、
今回からコメントフォーム欄がどうしても崩れてしまう組み方になったので、
NetscapeやOpera9.0以下は動作確認から省かせて頂きました。
(第一弾、第二弾、ともに同じ仕様にしたので、いずれも動作対象外となります)

ご注意事項・利用規約について、
前回のバージョンを使用してくれている、あるブログを拝見したところ、
たまたま見つけたのですが、見事に著作権表示を消して使用されているブログがありました。

えと、著作権は放棄していませんし、正直モチベーションも低下したので
2カラムは辞めようかと思ったのですが、まぁ気にしすぎても切が無いカナと思うようになったり(^_^;)
そのブログは結構デザイン変えてましたけど、コードはもろ私が組んだものです。
というより、一応職業柄、この道のプロなので、
ソースを見れば名前を変えようが何かしら名残はあるもので、
すぐにわかっちゃいます(^_^;)

別に追求するつもりもありませんけど、
まぁ自分の物にしたがる人もいるんだなぁという感想だけ書いておきます( ゚∀゚)
一応イラストもコーディングも自作なのと、
これまた職業柄、好みはあれど、高いレベルの仕上がりにはしているつもりなので、
上記ご注意事項・利用規約はお守り頂けますよう、何卒宜しくお願い申し上げますm(_ _)m
※ほとんどの方は普通にご利用頂いている様ですごい嬉しかったです(^▽^)

■駄文

本当はイラストも変えたかったんですけど、今回は第一弾のイラストを踏襲しました(^_^;)
ハロウィンバージョンの2カラムも考えたのですが、
季節がら、もう日にちないYO!ってことにお蔵入りに。
また来年機会があれば配布したいと思います(*^^)

次回は、右カラム(右メニュー)を検討しています。
そろそろイラストも変化があった方が良さそうなので、
出来れば色々試してみたいなぁと思ったりしています(^▽^;)

■サポートなど

テンプレートに関してカスタマイズは原則サポート外とさせて頂きますが、
それほど難しくないレベルであれば、このページのコメントにて出来る限り対応させて頂きたいと思います。
なんかご質問があればコメント下さい。
あと不具合・バグ報告は歓迎です!

もし気に入って頂けたなら使ってやって下さいませm(_ _)m
※テンプレート名「bon_poodle_2c」でテンプレート検索で見つけられます。

3カラムバージョンもあるので良ければどうぞ \(^。^ )
FC2ブログ専用のブログテンプレート第一弾 3カラム
FC2ブログ専用のブログテンプレート第二弾 3カラム ハロウィンバージョン


一日1クリックしてもらえると、ぼんのランクが上がります♪
トイプードルランキング
トイプードルブログランキング
犬 人気ブログランキング
犬 人気ブログランキング

コメントを見る(0)

コメントを書く

コメントや御用の方は以下の拍手コメントかTwitterFacebookにてお願い致します。
拍手コメントの方はご返信出来ませんのでご了承下さいm(_ _)m
ブログをお持ちの方は、URLを合わせてお伝え頂ければ、後ほどご訪問させて頂きます。

このページのトップへ戻る

自己紹介

ブログの内容は、ぼん時々ぐり です。

トイプードル ぼん

2009年9月7日生まれのトイプードル(クリーム色)。
正式名称は「ボルサリーノ・ぼ・んさん」

アメショのぐり

2012年3月16日生まれのアメリカンショートヘア(レッドタビー)。
正式名称は「グリフォン・オブ・ザ・グリリアント・グリーン」

別ブログ「アメショーグン

著者

著者:ぼんファミリー

Twitter, Facebook, Instagramでは、主に更新情報のほかにブログよりも高解像度の写真をUPしています。
Youtubeに動画も公開中。

当ブログはコメント欄を閉鎖させて頂いておりますので、御用の方は拍手ページかTwitterかFacebookからお願いします。
コメントはいつも大変有り難く拝見させて頂いております。
拍手コメントおよびSNSなど全てのご返信が難しい状況のため、申し訳ございませんがこちらからの返信は辞退させて頂いておりますm(_ _)m

現在2つのランキングに参加しています。
にほんブログ村 犬ブログ トイプードルへ

最新記事

ぼんの愛用品

カテゴリ

月別アーカイブ

全記事一覧

動くぼんさん

YoutubeにUPしている動画

ブログ内の人気ページ

ブログパーツ

関連サイトなど

アンケート

リンク

メールフォーム

大変申し訳ございませんが、ご質問やお問い合わせ以外につきましては、ご返信出来ませんm(_ _)m

名前:
メール:
件名:
本文:

その他