https://ameblo.jp/ameblocustomizenote/ アメブロカスタマイズ、頑張るぞ！というみなさまに、アメブロカスタマイズ情報をお届けします。 ja アメブロカスタマイズ辞典」の「隠れミッキー」こと藤原直樹さんが、本を出すことになったそうです。

アメブロ　カスタマイズ＆デザインブック

「アメブロカスタマイズ辞典」といえば、何と言っても超絶クールなデザインで有名。この本には、その藤原さんのカッコ良くてしかも一発でカスタマイズできるテンプレートがついているとか！！

これはもう、必見でしょう。


]]> https://ameblo.jp/ameblocustomizenote/entry-11166293254.html Fri, 10 Feb 2012 07:21:02 +0900
CSS編集はこちらでおこないます。
※スキンを「CSS編集用デザイン」にしていることを前提の記事です。




Amebaマイページなど、左上にある「クィックリンク」から、「スキンCSSの編集」を選択。




CSS編集画面がひらくので、ここに記述・編集していけばOKです。

ただ、例えば
「ブログのタイトルをカスタマイズするには.skinTitleを編集」とか言われても「どこに書いているの？「と探すのに一苦労なのが現実。

そこで、CSSをカスタマイズする際、いじりたいCSS記述を一番下に丸ごと書いてしまうのが一番楽です。
　↓


CSSは下に書いている記述が上書きされる性質があります。

途中で「文字の色は青」と記述していても、最後に「文字の色は赤」と書いていれば、最後の「赤」が適用されます。

---

一例をあげますと、

ブログのタイトルの色を変えるCSS記述は以下の通り。

　.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{
　color:#000000;
　}

「#000000」のところが色情報なので、これを変えると色が変更できます。

※「WEB色見本 原色大辞典」を参照


このように変えると、ブログタイトルが赤色になります。

　.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{
　color:#FF0000;　　←ここを変えた
　}


しかし、「どれどれ、.skinTitleはどこに書いているのかな」と思って探すと、ウェブデザイナーでない人にとっては一苦労です。

そこで、CSSが下に書いているものが上書きされる性質を使って、上の記述をそのまま一番下に書いてしまえばOKです。




CSSが適用される優先順位には他にも要素がありますが、ウェブデザイナーとして仕事するのでなければ、「一番下に書けば優先的に適用される」と覚えておけば充分でしょう。




]]> https://ameblo.jp/ameblocustomizenote/entry-11166285676.html Wed, 04 Jan 2012 06:47:21 +0900


まず、「スキンの選択」画面へいき「カスタム可能」を選びます。





次に、「CSS編集用デザイン」を選びます。




レイアウトはご自由に。
※ただし、CSS編集などカスタマイズしたあとに「やっぱりサイドバーは左がいいね」などでレイアウト変更した場合、CSS編集情報がリセットされますのでご注意を。 ]]> https://ameblo.jp/ameblocustomizenote/entry-11166276189.html Mon, 02 Jan 2012 05:59:43 +0900

新年あけましておめでとうございます。

自分自身の勉強がてら、アメブロカスタマイズの情報発信を始めました。

自分で知っていること、他の方が書かれたカスタマイズ記事の紹介等をさせていただきます。

みなさま宜しくお願いします！


]]> https://ameblo.jp/ameblocustomizenote/entry-11166272223.html Sun, 01 Jan 2012 05:30:13 +0900