おそらく、ほとんどの方が下記の中で編集されているのではないでしょうか?
![スキンCSSの編集](https://stat.ameba.jp/user_images/20091112/11/amecustom/cb/77/g/o0400023210304402492.gif?caw=800)
見ずらく編集しにくくないですか?
もっと広々としたところで、楽にやりましょ~よ
![女の子](https://emoji.ameba.jp/img/user/zp/zpinkespanthert580/1649217.gif)
そこで、便利なツール「エディタ」の登場です
![ビックリマーク](https://emoji.ameba.jp/img/user/ap/aporitan/242585.gif)
エディタ とは?
みなさんと馴染みの深いところで言えば、
Windowsのアクセサリにある「メモ帳」です。
文字を書くだけのツールですね。
世の中にはたくさんのエディタと言われるツールがあります。
その中でも、お勧めの
![ァゲァゲ](https://emoji.ameba.jp/img/user/su/supuko/18156.gif)
【Crescent Eve(クレッシェントイブ)】です。
CSSタグの最初のアルファベットを入力すると、
下記のようにそれを予想したタグが表示されます。
![$アメブロカスタマイズ~デザイン強化講座~](https://stat.ameba.jp/user_images/20091125/19/amecustom/b6/10/p/o0400049710319074598.png?caw=800)
--------------------------------------------------------------------------------------------------------
【ダウンロード&インストール方法】
![やじるし](https://emoji.ameba.jp/img/user/am/amecustom/1647111.gif)
![別ウィンドウ](https://emoji.ameba.jp/img/user/am/amecustom/1647110.gif)
![$アメブロカスタマイズ~デザイン強化講座~](https://stat.ameba.jp/user_images/20091125/18/amecustom/cc/71/p/o0400030010319016905.png?caw=800)
![$アメブロカスタマイズ~デザイン強化講座~](https://stat.ameba.jp/user_images/20091125/18/amecustom/67/ea/p/o0400019710319021398.png?caw=800)
![$アメブロカスタマイズ~デザイン強化講座~](https://stat.ameba.jp/user_images/20091125/18/amecustom/75/43/p/o0400025110319033858.png?caw=800)
![$アメブロカスタマイズ~デザイン強化講座~](https://stat.ameba.jp/user_images/20091125/19/amecustom/71/49/p/o0400024210319074388.png?caw=800)
![$アメブロカスタマイズ~デザイン強化講座~](https://stat.ameba.jp/user_images/20091125/19/amecustom/3a/b0/p/o0400025910319074389.png?caw=800)
![$アメブロカスタマイズ~デザイン強化講座~](https://stat.ameba.jp/user_images/20091125/19/amecustom/c3/1e/p/o0400025910319074390.png?caw=800)
![$アメブロカスタマイズ~デザイン強化講座~](https://stat.ameba.jp/user_images/20091125/19/amecustom/cd/a8/p/o0400025910319074396.png?caw=800)
![$アメブロカスタマイズ~デザイン強化講座~](https://stat.ameba.jp/user_images/20091125/19/amecustom/63/7d/p/o0400015610319074399.png?caw=800)
![やじるし](https://emoji.ameba.jp/img/user/am/amecustom/1647111.gif)
![別ウィンドウ](https://emoji.ameba.jp/img/user/am/amecustom/1647110.gif)
--------------------------------------------------------------------------------------------------------
【おまけノウハウ】
アメブロのCSSコードを、Crescent Eve に簡単に移し替えて作業する方法
![$アメブロカスタマイズ~デザイン強化講座~](https://stat.ameba.jp/user_images/20091126/13/amecustom/9f/ac/p/o0400023210319872522.png?caw=800)
![$アメブロカスタマイズ~デザイン強化講座~](https://stat.ameba.jp/user_images/20091126/13/amecustom/f7/44/p/o0400017110319872526.png?caw=800)
Crescent EveエディタでCSS編集の作業終了後、
今度は反対の動作で、Crescent Eve上で [Ctrl] + [A] でCSSコードを全選択し、
[Ctrl] + [C] でコピーし、
アメブロのCSS編集枠に [Ctrl] + [V] で貼りつけて、保存すれば終了。
[Ctrl] + [A] は全選択、
[Ctrl] + [C] はコピー、
[Ctrl] + [V] は貼り付けと覚えてください。
by ブログデザイナー@あめまり