https://ameblo.jp/sparkytomo/ きままにアメブロのカスタムに挑戦。。ネットから手に入れた情報を自分なりに手に入れカスタム。。お役に立つのかはあなた次第。。ｗ ja 変更に挑戦。。。

今回もまた前回参考にさせていただいたサイトの中から

【アメブロカスタマイズ】2-3 ヘッダーにオリジナルのヘッダ画像を設置しよう – 目立つブログタイトル

を、みながらやってみようと思う。。。

今回は「タイトル」「説明」を表示しなくし、「画像」と「ブログ画像一覧を見る」 の間をあけます。

の方を挑戦したいので、ヘッダー画像もそれにあわせて、変更。。。

CSSを編集する。。


/* (3-2) ブログヘッダー
--------------------------------------------*/

/* skinHeaderArea ブログヘッダー980pxエリア */
.skinHeaderArea{
background-image: url(コピーした画像のパス);
background-repeat: no-repeat;
background-position: center top;
width: 980px;
height: 300px;
margin-bottom: 15px;
}/* ←ブログヘッダーに背景画像を敷きたいとき */

/* skinBlogHeadingGroupArea タイトルと説明を囲うエリア */
.skinBlogHeadingGroupArea {}

/* skinTitleArea ブログタイトルのエリア */
.skinTitleArea {
text-indent: -9999px;
}

/* クリックするとブログのトップに移動 */
.skinTitleArea a.skinTitle {
width: 980px;
height: 300px;
display: block;
}

/* skinDescriptionArea ブログの説明エリア */
.skinDescriptionArea {
text-indent: -9999px;
}

/* (3-3) コンテンツエリア
--------------------------------------------*/

↑こんな感じにコピーしてする。



そして、



.skinHeaderArea{
background-image: url(コピーした画像のパス)

↑この部分だけ変更


そうすると、こんな感じになる。





っということで、これでcss編集デザインでヘッダーと
背景の変更が終了です。

]]> https://ameblo.jp/sparkytomo/entry-11530705683.html Wed, 15 May 2013 01:38:03 +0900 CSS編集デザインで前回のデザインを作りあげようと思う。。


まずは、背景の変更から。。。

参考するサイトは。。。

【アメブロカスタマイズ】背景色やオリジナルの背景画像を設定してみよう

参考にする前に、適用中のデザインがカスタマイズになっているので、
CSS編集用デザイン　に、変更してからスタートしよう。。。


現在使用中のブログデザインCSS　の　一番の

(4) その他、拡張


＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/


/* その他、拡張があれば記述 */

の下に、

body {
background-image: url(http://stat.blogskin.ameba.jp/blogskin_images/20130214/11/8c/41/p/o00460029wcf-drill-blog1360808794312.png);
background-repeat: repeat;
background-position: left top;

を、貼り付けてみた。。　もちろんimage のurlは変えて。。




こんな感じになった・・・


]]> https://ameblo.jp/sparkytomo/entry-11530695697.html Wed, 15 May 2013 01:01:05 +0900 カラフルな感じにしようと思う。。。

↓のサイトを参考にしました。。
http://content.ameba.jp/blog_customize/


ＣＳＳ用編集デザインではだめみたいなので、
そこの中にあるデザインから一つ選んで
ヘッダーなどをネットから探して
変更してみた。。

こんな感じになった・・・






あえてわかりやすくするためにヘッダーの背景は白にした。。。


いい感じ♪　


っておもったら、やっぱりＣＳＳ用編集デザイン
じゃないと何かとカスタマイズしにくい
みたいなので、このデザインを
CSS編集デザインで変えてみよう。。。

]]> https://ameblo.jp/sparkytomo/entry-11530648255.html Tue, 14 May 2013 22:55:23 +0900 何かと不向きなのでそこから変更しないと。。

現在のブログの感じが。。。




それを変更できるように、CSS編集用デザインを選ぶ




今回は、
3カラム・右ワイドメニュー

を選んでみよう。。。　また変更するかもしれないが。。。


そしてシンプルにこうなった。。ｗ




さて、次回はシンプル過ぎるブログを変更しよう。。。


]]> https://ameblo.jp/sparkytomo/entry-11530575885.html Tue, 14 May 2013 22:00:29 +0900 まったくまっさらなブログになってしまった。。

また仕事のことを書いてもつまらないので
今回はちょっとアメブロのカスタムを
書いていこうかと思う。

いろいろなサイトの情報を参考にしたいと
思うので、勝手にリンクを張ったりするかも。。

参考にさせていただいたサイトは
ちゃんとリンクをはっていく予定ですが、
勝手にリンクはるんじゃねーよ！！
ってかたは、メッセージいただき次第
対応しますので、ご連絡ください。。


では、自己満足でカスタムがんばりますｗ ]]> https://ameblo.jp/sparkytomo/entry-11530533725.html Tue, 14 May 2013 21:20:56 +0900