04≪ 2012/05 ≫06
12345678910111213141516171819202122232425262728293031
個別記事の管理-------- (--) --:--
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
宜しければポチッと♪→FC2 Blog Ranking
* Category : スポンサー広告
|
個別記事の管理2012-05-23 (Wed) 22:19
そろそろ広告が出る頃なので…って更新不精ですみません。m(__)m
5月に入ってから素材サイト「web material *Essence」で更新した素材をご紹介します。

   
↑画像clickで背景画像が変わります。

シンプルなストライプ模様を各4色(縦・横)作成しました。
Blogの背景などカスタマイズにもお使い下さいませ。(^_^)
その他色々ありますので、興味の有る方!素材サイトに是非お立ち寄りを!
ちなみに、上記で使った(素材サイトでよく使われる)画像をclickすると背景画像が変わるJavaScriptに興味の有る方は追記をどうぞ♪

背景画像の指定が下記のような場合
body background="背景画像"
記述部分
<img src="変更する画像1" onclick="document.body.background = 変更する画像1';">

背景画像をスタイル属性で指定している場合
background-image: url(背景画像);
記述部分
<img src="変更する画像2" onclick="document.body.style.backgroundImage = 'url(変更する画像2)';">

背景画像や変更する画像の部分は、画像のアドレス(FC2の場合、アップロードした画像をクリックして表示されたURL)を入れて下さい。

Return

スポンサーサイト
宜しければポチッと♪→FC2 Blog Ranking
* Category : 素材の宣伝♪
* Comment : (11) * Trackback : (0) |

ぷらちなれすきゅ 様へ * by aki --
初めまして。コメント頂き有難うございます。(^_^)
大変申し訳ないのですが、初見での広告的なコメントは
全て公平に削除させて頂いております。
ご了承下さいませ。m(__)m
(このコメントも近日削除致します。)

MsToyPoo 様へ * by aki --
色々弄って試してみる事がカスタマイズの第一歩です。(^_^)
ドンドン試してみて下さい。
ただ、不具合が有った時のためにテンプレートの複製を作っておくと安心ですよ。
複製を作っておけばいつでも元に戻せますので。

ご不明な点や不具合がございましたら、いつでもご連絡下さいね。
今後とも末永くお付き合い下さいます様、宜しくお願い致します。m(__)m

* by MsToyPoo --
またまたご指導ありがとうございます!

実は、自分でfontと書いてあるところの数字を
あちこち触ってみたのですが、大きくしたい場所の文字のサイズは変わらず…
多分、違うところをいじってたんでしょうね。

教えていただいた場所の数字を変更したら
一発でできました♪

重ね重ねありがとうございます(*^^)v

MsToyPoo 様へ * by aki --
出来ましたか、良かったです。(^_^)

当方の公開しているテンプレートは、基本的に(規約に違反しない限り)カスタマイズ可能です。
原形を留めない程のものでもOKです。が、アフターフォロー出来ない場合があります。
その他、ご不明な点はコメントなりメールなりでお尋ね下さいませ。

文字の大きさを大きくしたい場合も一応掲載しておきますね。

スタイルシートを1/10程スクロールした所に有る
body, td { という部分の少し下
font-size: 12px; の数値を大きくすると文字が大きくなります。
また、コメントリストの文字を大きくする場合は、スタイルシートを9/10程スクロールした所に有る
.sidehide{ という部分の少し下
font: 12px 'MS UI Gothic', sans-serif; の数値を大きくして下さい。

MsToyPoo 様のお気に召すまで、色んな所を変更して楽しんでみて下さいね。
今後とも宜しくお願い致します。m(__)m

ありがとうございます! * by MsToyPoo --
できました!

akiさんのアドバイス通りに数値を変更したら
期待通りの仕上がりになりました♪

とってもわかりやすいご説明
ありがとうございました!

文字色も教えていただいたリンク先をから
コピペして見やすい色にしてみました(^.^)

だんだん欲が出てきて
本文の文字を大きくしたいとか
(写真に入っている文字が大きいので)
手書き風のかわいいフォントを使ってみたいとか
夢が広がります♪

これから少しずつ勉強していきたいと思っているので
また、質問させてください。

最後になってしまいましたが
ブログを見てくださってありがとうございます♪

ふわふわしたうちのわんこに
sweetなテンプレートがとってもよく似合います(*^^)v
うちの犬、男子なんですけどね(^^ゞ

MsToyPoo 様へ * by aki --
こちらこそ初めまして♪
数あるテンプレートの中から見付けて頂き、誠に有難うございます。
そら君とりく君、可愛いですね♪
日々の記事に有る「合成写真」もとっても楽しいです。(^_^)
素敵なブログに弊テンプレをご利用頂き嬉しいです♪有難うございます。

テンプレートのカスタマイズについてですが、トップ画像を変更する際のサイズについて記事にもございますので参照してみて下さい。
http://sorauta1.blog98.fc2.com/blog-entry-132.html
2カラムの場合、画像の幅は固定数値(width:565px)ですが、高さについては height:280px の数値を変更する事ができます。
元の(そら君とりく君の)画像サイズは600px×450pxなので、横幅は変更できませんが 高さ(height:280px)を height:450px にして更新ボタンを押して頂ければ高さが高くなります。
また、Top画像を変更した事でブログタイトルが見難くなった場合は、下記の部分を変更する事で他の文字色に変える事ができます。
スタイルシートを2/5程スクロールした所に有る
h1 a, h1 a:visited, h1 a:hover { という部分の一番下
color: #ac6837;のカラーコードを変更して下さい。
白に変える場合はcolor: #FFFFFF; に、その他の色は下記URLを参考に変更してみて下さい。
http://e-ssence.main.jp/tips/t-websafe.html

ご不明な点がございましたら遠慮せずにお声掛け下さいませ。出来る限りお答え致しますので。
今後とも末永くお付き合い下さいます様 宜しくお願い致します。m(__)m

* by MsToyPoo --
はじめまして!

今までテンプレートのカスタマイズをした事がなかったのですが、
akiさんの分かりやすい説明を読んで、初めて自分の画像を入れることができました♪
若干、意図していた高さにはならなかったのですが、
最初の一歩としては上出来だと…思うことにします。

これからもakiさんのブログで勉強させてくださいね。

ikutaro- 様へ * by aki --
ikutaro-様、初めまして♪
テンプレートのご利用、誠に有難うございます。(^_^)
ブログ、お引越しされて来られたのですね。
FC2ブログはテンプレートが公式・共有とも とっても沢山有るので、自分好みを探し出すのに 先ず疲れます。(^^ゞ
こうしてお目に留めて頂けて感謝致します。有難うございます。
既存のテンプレートではつまらない、自分色にアレンジしたい、そのような方でも簡単にカスタマイズ出来るように作成しております。
また、記事内にもカスタマイズ方法を掲載しておりますので参考にされて下さいね。
それでも分からない場合は、当方の出来得る限りでお手伝い致しますので、何なりとご相談下さいませ。

今後とも末永くお付き合い下さいます様、宜しくお願い致します。m(__)m

p.s. リンクして頂き、重ねて有難うございます。(^^♪

はじめまして。 * by ikutaro- --
テンプレート、お借りしました。
ブログ初心者なのですが、トップ画像の変更など、
わかりやすくて、なんとかできました。
他の素材もとても素敵なので、いろいろ試してみたいと思います。ありがとうございました。

リンクの登録もしてみました。

マーチ様へ * by aki --
マーチ様、いつもご愛顧 誠に有難うございます。
ブログも素材も「亀」なので、忘れた頃に更新されます。(^^ゞスミマセン…
素材をお褒め頂き嬉しいです♪有難うございます♪
カスタマイズ等、使える所がございましたら どうぞご利用下さいませ。m(__)m

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。