アメブロ スキン(アメーバブログ スキン)

アメブロ スキン(アメーバブログ スキン)

Posted at September 18,2007 2:55 AM
Tag:[Ameba, Template]

アメーバブログ・3カラムテンプレートアメブロ スキン(アメーバブログ用のスキン)を作りました。サンプルのスクリーンショットは3カラムですが、2カラムも用意しております。カラムレイアウトの変更方法につきましては本エントリーを参照ください。

1.動作確認環境

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

  • OS:Windows2000/XP
  • ブラウザ:IE6/IE7/Firefox2/Opera9/Safari3
  • アメーバブログ:http://ameblo.jp/youjiroh/

2.利用規定

ご利用の前にテンプレートのページを必ずご覧くださいますよう、よろしくお願い致します。

3.カラムレイアウト

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

  • 3カラム固定レイアウト
  • 2カラム固定レイアウト(右サイドバー)
  • 2カラム固定レイアウト(左サイドバー)

の計3種類を用意しています。カラム幅はデフォルトで設定されたものよりやや広くなっています。
リキッドレイアウトについては現在確認中です。

カラムレイアウト変更については、管理ページの「スキンの選択」およびテンプレートの後方にあるカラムレイアウト用のセレクタをコメントアウトで切り替えることで実施してください。デフォルトでは3カラム固定レイアウトが有効になる状態で配布しています。
設定の詳細については本エントリーあるいは別エントリーで別途お知らせ致します。

4.その他

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

5.スキン

関連記事
zenback
人気エントリー
トラックバックURL


トラックバック

アメブロカスタマイズ 文字サイズ変更 from KINOKO Weblog@群馬
ブログのタイトルと記事の大きさを大きくしてみました。 CSSの部分はこんな感じにして一応効いています(笑) /*エ... [続きを読む]

Tracked on October 10, 2007 1:31 AM

テンプレート変更 from showryのアメーバ日記
どうも使いづらいのでブログのテンプレートを変更しました。 以前からお世話になっている『小粋空間 』さまのテンプレートを適応... [続きを読む]

Tracked on June 21, 2009 4:38 PM
コメント

はじめまして。アメブロのスキンを利用させていただきました。ありがとうございます。
教えていただきたく、書き込みさせていただきました。
コメントを書き込む欄を表示しますと、コメント欄が2つ表示されます。
この場合の対処方法がお分かりになりましたら是非教えてください。
また1ページに5つの記事を表示で3つ目ほどの記事の表示が崩れてしまいます。
こちらに付きましてもアドバイスいただければ幸いです。どうぞ宜しくお願いいたします。

[1] Posted by ユカチ : January 27, 2009 12:41 AM

>ユカチさん
こんにちは。
ご返事遅くなり申し訳ありません。
スキンご利用ありがとうございます。
すいませんが不具合が発生しているページのURLをご連絡頂けますでしょうか。
それではよろしくお願い致します。

[2] Posted by yujiro logo : February 4, 2009 12:30 PM

お世話になっております。
お返事をありがとうございました。
コメント欄等、不具合ではないことが理解できました。
ご迷惑をおかけいたしました。
こちらの書き込みもご判断で削除していただければと思います。
スキンは大変理想的なもので感謝しております。ありがとうございました。

[3] Posted by ユカチ : February 12, 2009 10:53 PM

>ユカチさん
こんばんは。
ご連絡ありがとうございました。
気に入って頂けているようで、大変光栄です。
ではでは!

[4] Posted by yujiro logo : February 13, 2009 12:53 AM

はじめまして。
アメブロテンプレートをご利用させていただいてます。

そこで質問なのですが、アメブロ独自の高さ1センチ
くらいの検索フォーム付きのバーとヘッダー画像の
間にある高さ2~3センチくらいの空白スペースを
CSSのどこを編集すればよいのでしょうか?

よろしくお願いします。

[5] Posted by 結斗ママ : May 2, 2009 7:18 PM

すみません。
先程の質問ですが、解決することができました。
今後ともよろしくお願いいたします。

[6] Posted by 結斗ママ : May 3, 2009 1:52 AM

>結斗ママさん
こんばんは。
テンプレートご利用ありがとうございます。
ご質問の件、無事に解決したようでよかったです。
あと、勝手ながらBlogPeopleに登録させて頂きました。
ではでは!

[7] Posted by yujiro logo : May 3, 2009 3:10 AM

こんにちは、初めまして。
こちらのアメブロ用のテンプレートをお借りしています。
何点か教えて頂きたい事がありまして。。。

①ブログテーマ一覧のカテゴリ名の左にある○←この丸を画像にするのは可能ですか?

②左右両サイドにある余白!?をなしにするには?

③上部のユーザー名(この場合*rikky*)などの部分を表示させないように出来ますか?

質問した内容が、サポート対象外でしたらスルーして下さい(≧≦)
よろしくお願いします。

[8] Posted by rikky : May 25, 2009 1:07 PM

>rikkyさん
はじめまして。
テンプレートご利用ありがとうございます。
ご質問の件ですが、

①可能です。スタイルシートに下記のような内容を追加してください。

#theme_list .menu_frame ul {
    marging-left: 3px;
    padding-left: 3px;
}
#theme_list .menu_frame ul li {
    padding-left: 16px;
    list-style: none;
    background: url(画像ファイルのURL) no-repeat;
}

「#theme_list」は「ブログテーマ一覧」でのみ有効にするためのものです。これをはずすと、すべてのリストに対して有効になってしまうので気をつけてください。

②現状はリキッドレイアウト(左右の余白をなしにするレイアウト)に対応していません。別途動作確認し、うまくできそうであればエントリーします。

③スタイルシートに下記を追加してください。

#userNaviArea {
  display: none;
}

それではよろしくお願い致します。

[9] Posted by yujiro logo : May 29, 2009 3:15 PM

初めまして。アメブロで記事を書く際、顔文字・絵文字・画像がUPできなくなりました。ステータスバーにはページにエラーが発生しました。と出ます。今は記事すらUPできない状態です。解決策があれば教えて頂けますか?PCに詳しくないのでよろしくお願いします。

[10] Posted by Bon : October 17, 2009 6:21 PM

>Bonさん
こんばんは。
ご質問の件ですが、もしブラウザにIEをお使いであれば、Firefox など、他のブラウザを利用してみてください(解決できるかどうかは不明です)。
それではよろしくお願い致します。

[11] Posted by yujiro logo : October 22, 2009 2:07 AM

小粋空間を拝見し、アメーバブログのテンプレートを使わせていただきます。まだ駆け出しのためいろいろ勉強中です。商業利用ではありません。末永くつかわせていただきます。ありがとうございます。当ブログで小粋空間のリンクを掲載いたします。これからもよろしくお願いします。

[12] Posted by tokuhain1957(虎之助) : December 1, 2011 11:43 PM

>虎之助さん
こんにちは。
テンプレートご利用&ご連絡ありがとうございます。
こちらこそ今後ともよろしくお願い致します。
ではでは!

[13] Posted by yujiro logo : December 3, 2011 10:43 AM
コメントする
greeting

*必須

*必須(非表示)


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

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

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

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