自分で★カスタマイズ@《Ameba blog》 http://adan.noor.jp/am_mattou/menu/
実は、、、今回のスキンデザイン配布を始める前に、
「アメブロ向上企画書」
サマのCSSやスクリプトを組み込む許可をいただいていたのですが。カラーバリエーションごとの画像作成の途中で、力尽きましたorz
以下のCSSは、
「アメブロ向上企画書」
サマで検索しさえすれば、出ます。ただ、《Ameba》のシステム変更でなくなった機能と、今の機能が混ざっている記事などもあるため、まとめさせていただきました。(今度コメント欄が開いたら、ちゃんとお許しをいただきに行きたいと思っています)
お使いになるときは、“できれば”
「アメブロ向上企画書」
サマのバナーを貼ってください^^(義務ではないとのことです)。
▼「コメント記入欄を表示」ボタンを画像に。
「アメブロ向上企画書」entry-10441355348
のものを、1行改変(IE対応)。
/*▼「コメント記入欄を表示」ボタンを画像に。*/ #comment_show input#commentbutton{ width: 200px;/*画像の横*/ height:100px;/*画像の縦*/ background:url(http://adan.noor.jp/am_mattou/img/com-mono.gif);/*画像URL変更してお使いください*/ background-repeat:no-repeat; margin:0 auto; padding:0; text-indent: -9999px; border:none; cursor:pointer; display:block; } #comment_show, #comment_module form ul, #comment_module form li, #comment_module li.lastItem{ width:200px;/*ボタン画像の幅*/ } #comment_show { border:none; background-color:transparent; } #comment_show h4, #comment_show p { display:none; }
▼「アメンバー限定記事を読む」画像を変更。
「アメブロ向上企画書」entry-1020535681
に、10種類ランダム、マウスオンで画像が変わる、など、いろいろ魅力的なバリエーションがありますが。
ここでは、一番シンプルなものをご紹介します。
/*▼「アメンバー限定記事を読む」画像を変更。*/ .amemberEntryBtn img{ visibility:hidden; } .amemberEntryBtn a{ width:200px;/*画像の横*/ height:100px;/*画像の縦*/ background:url(http://adan.noor.jp/am_mattou/img/amen-mono.gif);/*画像URL変更してお使いください*/ background-repeat:no-repeat; display: block; overflow:hidden; outline:none; margin-left: auto; margin-right: auto; text-align: center; }
▼記事下コメントアイコンなどの変更。
「アメブロ向上企画書」entry-10676997394
に、記事URLのアイコンだけadanが追加しました。
/*▼記事下アイコン*/ .entry, .page{clear:both;} .foot { float:right; padding-left:18px; background:url(http://adan.noor.jp/am_mattou/img/12x12.gif) left center no-repeat !important;/*画像URL変更してお使いください*/ } /*コメント*/ .foot .comment { background:url(http://adan.noor.jp/am_mattou/img/12x12.gif) left center no-repeat !important;/*画像URL変更してお使いください*/ } /*トラバ*/ .foot .trackback { background:url(http://adan.noor.jp/am_mattou/img/12x12.gif) left center no-repeat !important;/*画像URL変更してお使いください*/ } /*ペタ*/ .foot a.petaLink{ background:url(http://adan.noor.jp/am_mattou/img/12x12.gif) left center no-repeat !important;/*画像URL変更してお使いください*/ }
「アメブロ向上企画書」
目次ブログ
http://ameblo.jp/plan-note
(1)CSSアイフレ?スキンの外に・・
http://ameblo.jp/exlink/entry-10699918302.html
(2)カーソルの変更
http://ameblo.jp/exlink/entry-10182895010.html
(adanもこの記事に賛同します)