arekao(アレカオ)ブログテンプレート

arekao(アレカオ)ブログテンプレート

Posted at November 6,2008 1:55 AM
Tag:[arekao, Template]

arekao(アレカオ)ブログ用のテンプレートを作りました。

arekaoブログテンプレート

ちなみに、arekao(アレカオ)は次のような主旨のポータルサイトです。

アレカオは、二十代後半から三十代前半の女性をターゲットにした女性向けポータルサイトです。美容や女性のライフスタイルをブログで発信しポイントを貯めてキャッシュバックなどのサービスを行っています。

arekao ブログご利用の方からカスタマイズのご質問を頂いたので、ついでにテンプレートを作ってみました。

1.動作確認環境

動作確認は下記の環境で行っています。

  • OS:Windows2000/XP
  • ブラウザ:IE6/IE7/Firefox2/Opera9/Safari3
  • arekaoブログ:http://yujiro.arekao.jp/

2.利用規定

ご利用の前にテンプレートのページをご覧頂ければ幸いです。

3.カラムレイアウト

このスキンではカラムレイアウトのバリエーションとして、

  • 3カラム固定レイアウト
  • 3カラムリキッドレイアウト

の計2種類を用意しています。2カラムレイアウトの設定も可能と思いますが現在確認中です。

カラムレイアウト変更方法は、arekao ブログ管理ページの「メインテンプレート」のbody 要素の class 属性値を次のように書き換えるだけです。

3カラム固定レイアウト

<body class="layout-three-column">

3カラムリキッドレイアウト

<body class="layout-three-column-liquid">

4.その他

基本的な動作は確認したつもりですが、arekaoブログの機能を全て把握できていない状態ですので、不具合等ございましたらご連絡ください。

なお、IE6では「最新記事」のタイトル下に大きな空白が生じる可能性がありますが、これはarekaoブログ側のHTMLマークアップによる不具合です(サポートメールで修正依頼中)。2008.11.12 修正して頂きました

5.テンプレート

メインテンプレート スタイルシート
関連記事
zenback
人気エントリー
トラックバックURL


トラックバック

カスタマイズ from Happy Days
風邪ひく前にカスタマイズに没頭してたんよね 普段、使わへん頭をフル回転させたから熱が出たんかも そんなことは、どーでもいいw カスタマイズは、ほ... [続きを読む]

Tracked on November 11, 2008 4:12 AM
コメント

折りたたみでお世話になってマス。
arekaoのテンプレートを作成していただいたこともあり
嬉しくなって、こちらにトラバしましたが、
本編にトラバするのが筋かも・・と反省しております。
指摘いただければ再度、トラバをやり直します。

もちろん、こちらのテンプレートも是非、参考にさせていただきたいと思ってマス。
内容を拝見しましたが、既存スキンと随分ちがう印象ですので
素人の私に、どこまで出来るかは解りませんが(^^;)

[1] Posted by こうめ : November 11, 2008 4:27 AM

>こうめさん
こんばんは。
コメント&トラックバック、ありがとうございます。
トラックバックは全然問題ありません。

参考までに、「arekaoブログ」はtableタグによるレイアウトを行ってますが、他の多くのブログサービスやブログツールのレイアウトはtableタグを使わないものが主流になってきています。

[2] Posted by yujiro logo : November 12, 2008 11:34 PM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)