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

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クリックしてもらえると、ぼんのランクが上がります♪
トイプードルランキング
トイプードルブログランキング
犬 人気ブログランキング
犬 人気ブログランキング

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

スポンサードリンク

ぼんが使っている愛用品

関連記事

この記事を見た人は以下も見てます

関連エントリを探しています...

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

コメント


管理者にだけ表示を許可する

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

返信が遅れてスイマセン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カラムでもいいかなと思ったり迷ったりしてます(^▽^;)
  • ぼん
  • 2010年10月13日水曜日00:30 [編集]
Re: コメント欄の絵文字について 
スイマセン、間違えました(ーー;)
上のコメントで書いた箇所より、以下の箇所の変更が必須です。

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

<textarea id="comment"

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

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

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

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

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

fc2のサポートでは共有テンプレートは対象外ってなっていたので・・・
  • 蓮まま
  • 2013年02月21日木曜日00:08 [編集]

トラックバック

自己紹介

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

トイプードル ぼん

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

アメショのぐり

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

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

著者

著者:ぼんファミリー

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

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

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

最新記事

ぼんの愛用品

カテゴリ

月別アーカイブ

全記事一覧

最新画像

動くぼんさん

YoutubeにUPしている動画

ブログ内の人気ページ

ブログパーツ

兄弟ブログ

アメショーグンの更新情報

関連サイトなど

ペットジャパン
ペットジャパン

ぼんとのコラボ連載を掲載して頂いています

2016年
2015年
2014年
2013年
2012年

DOG LOG SHOP
犬用品・犬グッズの「DOG LOG SHOP」

楽天API+PHPで作成したペットグッズサイト

Cool Dog Site of the Day JAPAN
2010年7月2日に受賞しました

blogram投票ボタン
謎♪


カウンタ画像自作してみた

アンケート

リンク

メールフォーム

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

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

その他