軽い気持ちで共有テンプレートに登録してみようと試したら通っちゃいました。
どうしよう・・・
ちょっとヤッチャッタ感がしてるんですが lol
コンセプトもへったくれもないひとりよがりなテンプレートなので
あまりダウンロードは伸びないと予想はしてるんですが、
一応なんらかのサポートが出来るようなページは必要だろうと思ったので
このテンプレートについて記していこうと思います。
以後このテンプレートに関する事柄は全てこの記事で更新していく予定です。
以下、基本仕様やカスタマイズに関して。
■基本仕様HTML | :XHTML 1.0 Transitional |
総幅 | :760px(固定中央配置) |
ヘッダ画像サイズ | :560px*200px(デフォルト時) |
メニュー幅 | :186px以内(画像最大サイズ) |
記事内幅 | :530px以内(画像最大サイズ) |
対応ブラウザ | :IE6、Firefox2、Opera |
動作確認 | :IE6、IE7(XP版)、Firefox2、Opera、Safari(WinXP版)にて動作確認済 |
■お約束・基本的にカスタマイズはご自由にしていただいてかまいません。
ただし、画像の転載や加工後の2次配布は禁止です。
・商用でのご使用も可能ですが成人向けサイトや忍者ブログ以外での使用は禁止します。
・著作権表示の削除は禁止です。
■ヘッダー画像の変更ヘッダー画像はデフォルトでは560px*200pxで設定してあります。
①:同サイズの画像をファイルアップロードでアップし
②:CSSファイルの50行目、
background:url(http://bfile.shinobi.jp/4082/cuteorange.jpg) no-repeat;
この赤字部分をアップロードした画像のURLに差し替えてください。
これで反映されます。
また、横幅は固定ですが縦幅のサイズは変更することが可能です。
CSSファイル48行目、
height:200px;/* ヘッダの高さ可変可 */
この赤字で表記した数値を任意の数値に書き換えることでお好きなサイズに変更することができます。
あまり深いコンセプトを考えて作ってはいないので、ヘッダーをカスタマイズすることで全然雰囲気が違うブログに仕上がると思います。
▼ヘッダー画像の変更サンプル。
※クリックすると原寸大で表示されます。■右メニューにしたい。基本的な技術のサポートは現在行う予定がありませんが、
多少CSSがご理解できる方ならば以下の手順を実行することで右メニューにすることができます。
①:CSSファイル54行目、
float:right;/* コンテンツ右配置設定 */
この赤字部分を
leftに書き換えます。
②:次にCSSファイル60行目、
float:left;/* コンテンツ左配置設定 */
この赤字部分を
rightに書き換えます。
③:更ににCSSファイル296行目、
margin: 0px 40px 0px 230px;
この赤字部分を
margin: 0px 40px 0px
40px;に書き換えます。
④:以下の画像をクリックした後、右クリックからローカルフォルダに保存し、
ご自分のブログにファイルアップロードでアップしてください。
⑤:CSSファイル44行目、
background:url(http://bfile.shinobi.jp/4082/temp001_db_container_back.gif) repeat-y;
この赤字部分をアップロードした画像のURLに書き換えてください。
これで右メニューの完成です。
■雑感なんとなく登録してみたかったのでやってみたのはいいものの、
サポートとか考えると正直頭が痛いキガシマス。
どれだけ対応できるかはちょっとワカリマセン。
不具合とかに関しては報告いただければ出来る限り直したいとは思います。
それにしても「作者名:某青魔道士」って忍者ブログのテンプレ検索に出るんですけど
知らない人が見たらさすがにひくんじゃないかと思いました。
少なくとも自分は見た時に涙目になりましたー lol
なんのために著作表示部分にBMLとかって違う名前にしたと思ってるのかとwww
PR
始めまして - 猫
コメント失礼します。
テンプレート検索で一目惚れして使用させて頂いております。
教えて頂きたいのですが、記事内幅 :530px以内(画像最大サイズ)を550pxに
変更することは可能でしょうか?過去記事で530px以上の画像を多く使用しており、
プレビューがずれてしまう状態です。色々試してみましたが、うまくいかず…。
お手透きな祭にアドバイス頂けると幸いです。長文失礼しました。
Re:始めまして - 管理者からの返答
ダウンロードありがとうございます。
記事本文自体は左右に余白を設けてありますので、それを切り詰めるという方法でよければ550pxでご利用いただくことが可能です。
その場合、CSSファイルの204行目から始まる
.entry_main{/*トラックバック枠にも使用*/
margin:0 20px 15px 20px;
}
この部分を、
.entry_main{/*トラックバック枠にも使用*/
margin:0 10px 15px 10px;
}
に書き換えていただければ550pxまでは画面が崩れなくなると思います。
ただ、記事の背景は画像を使用していますので、この部分自体を広げてということであれば申し訳ありませんが対応することができません。
この場合、規定サイズ(530px)を超える画像は忍者ブログで用意されているサムネイル機能をご利用いただければと思います(、、
ご不明な点がありましたら再度ご連絡くださいませ。