アメブロでスキンのお試し -2ページ目
※画像はClickで大きくなります

002m01

よくジュゲムさんで見かける感じの、
CDジャケットを間仕切りにした3カラムスキンです。
3カラムだけど、実質2カラムですね。
制限事項ですが、真ん中に配置するサイドバ-は
フリープラグイン(※)を前提としています。

※フリープラグイン内に配置する画像サイズは
 個々に指定お願いします
 (サンプルはIMGタグに width="80" を指定)

*設定手順*

1.デザインの変更
当スキンは「ウーマン」を前提に作られています。
デザインの変更で「ウーマン」を選択し、
カラムを変更で”3コラム-右”を選択。
”保存”で一度デザインの変更を確定させます。

002m03

2.サイドバーのレイアウト設定
冒頭に書いてある通り、今回真ん中に配置する
サイドバーはフリープラグインを前提としています。
設定画面上、フリープラグインは左に配置し、
それ以外のサイドバーは全て右に配置して下さい。

002m02

3.CSSの編集
こちらからCSSのダウンロードを行います。
zip形式で圧縮されていますので、
解凍ツール等でテキストファイルに展開します。
デザインの変更の”スキンCSSの編集”を開いて
予め記述されている内容を先程のテキストファイルの
内容に置き換え、保存します。

001m02

4.後処理(任意)
感想やクレーム等(笑)
ペタやコメントして戴けると管理人が喜びます。


*注意*
今回壁紙にIMAGEさんの素材を使用しています。
そのまま使用する場合は利用規約を一読ください。

70901

もちろんスキンによって差異はあると思うけど、
何個か覗いてみた感じだと大体上のよう。
この構成が理解出来るとCSS編集で少しは参考になるかも?
クセがあるのが、記事とサイドバー1つで1セット。
残りのサイドバーは単独で構成されてる…。
何か意味あるのか素人にはわかりません。。
※画像はClickで大きくなります

001m00

幅が狭い2カラムスキンです。
アメブロのスキンはどれもべたっと広いもの
ばかり(?)のような気がしたので作ってみました。

*設定手順*

1.デザインの変更
当スキンは「tone」を前提に作られています。
デザインの変更で「tone」を選択し、
カラムを変更で”2カラム-左”を選択。
保存で1度デザインの変更を確定させます。

001m01

2.CSSの編集
こちらからCSSのダウンロードを行います。
zip形式で圧縮されていますので、
解凍ツール等でテキストファイルに展開します。
デザインの変更の”スキンCSSの編集”を開いて
予め記述されている内容を先程のテキストファイルの
内容に置き換え、保存します。

001m02

3.後処理(任意)
感想やクレーム等(笑)
ペタやコメントして戴けると管理人が喜びます。
なかなか自由度の低いアメブロのスキン。
それだけ品質は高いということだろうけど、、?
でも他のブログはユーザが素敵なスキンを
一般公開してるからそれはそれで楽しめるんですよね。
てことで全く知識もないのだけど、
ちまちまお勉強してみたり。。