CSS編集用デザインでカスタム可能スキンを使う | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery


★ CSS編集用デザインでカスタム可能スキンを使う


● 内容

① CSS編集用デザインにする、
② カスタム可能のCSSをフリースペースまたはフリープラグインに
  入れる。
  (CSS編集ページに @import はエラーになって使えないので)
③ CSS編集ページで、ヘッダーや背景画像などを変える場合は、
  !important の指定が必要な場合があるので注意すること。
④ カスタム可能デザインを使いたいが、CSSもたくさん編集して
  改造(カスタマイズ)したい場合に利用します。
  フリースペースまたは、フリープラグインにCSSを入れないので、
  フリースペース・フリープラグインの文字数制限を避けられます。


● やり方

① フリースペースまたは、フリープラグインに下記を入れる

<style>@import url(該当するカスタム可能スキンのCSS);</style>

② 各スキンとフリースペースまたは、フリープラグインに入れる内容は
  下記の通り。








1 ベーシック オレンジ

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_orange/css/skin.css);</style>



2 ベーシック ブルー

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_blue/css/skin.css);</style>



3 simple flower

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_simpleflower/css/skin.css);</style>



4 beecheraf

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_beecheraf/css/skin.css);</style>



5 スター&ムーン

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_starmoon/css/skin.css);</style>



6 カモフラージュ2

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_010camouflage2/css/skin.css);</style>



7 raindrops

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_002raindrops/css/skin.css);</style>



8 WORDS

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_018words/css/skin.css);</style>



9 chicscandinavian

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_chic/css/skin.css);</style>



10 あじさい

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_ajisai/css/skin.css);</style>



11 カモフラージュ1

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_009camouflage1/css/skin.css);</style>



12 なすび

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_014nasubi/css/skin.css);</style>



13 ラスタ

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_016rasta/css/skin.css);</style>



14 GRID

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_015grid/css/skin.css);</style>



15 cambas

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_cambas/css/skin.css);</style>



16 LoveSkull

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_001skull/css/skin.css);</style>



17 やっぱり犬が好き

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_dogs/css/skin.css);</style>



18 #020_splash

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_splash2/css/skin.css);</style>



19 【カスタム可能】Leaves

<style>@import url(http://stat100.ameba.jp/p_skin/wu_womanblog_51/css/skin.css);</style>



20 pigeon

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_pigeon/css/skin.css);</style>



21 空

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_sky/css/skin.css);</style>



22 窓辺の猫

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_madobecat/css/skin.css);</style>



23 レポート

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_report/css/skin.css);</style>



24 スプラッシュ

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_006splash/css/skin.css);</style>



25 earthstripe

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_003earthstripe/css/skin.css);</style>



26 circlefabric

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_005circlefabric/css/skin.css);</style>



27 Flower Print

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_flower_print/css/skin.css);</style>



28 ベーシック グレー

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_gray/css/skin.css);</style>



29 ベーシック ピンク

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_pink/css/skin.css);</style>



30 ベーシック ブラック

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_black/css/skin.css);</style>



31 ベーシック グリーン

<style>@import url(http://stat100.ameba.jp/p_skin/wu_pf_green/css/skin.css);</style>