忍者ブログ

ISSAKUDIARY

名古屋市を中心に活動するヴァイオリン奏者、松本一策です。当ブログでは演奏会やプライベートのほか、趣味のマイクづくりに関すること、PA、htmlやcssなどパソコンのことなど、幅広く掲載しています。

リピート


×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。


コメント

ただいまコメントを受けつけておりません。

リピート


最近、演奏のめっきり仕事がないので、家に引きこもっております。
今日は比較的に涼しいですね~~

あ~すずしい・・・

というわけで今日はちょっとcss的な話を。
(頭が痛くなる!?)
サイトの背景をいじくるには若干cssをいじくらないといけません。

まあ「おまじない」みたいなものなので、歴史を丸暗記するよりはるかに簡単です。
たとえば

<style type="text/css">
<!--
#LeftBlock {
background-image:url('https://blog.cnobi.jp/v1/blog/user/5d9d85a119bd37034d9d42f63a152eae/1344034172');
background-position:center top;
background-repeat:repeat-x;
background-color:#fff;
}
-->
</style>

<style type> っていうのは「おまじないを始めるよ」といういみ
#LeftBlock っていうのはおまじないをかける場所
background-image:  ていうのはおまじないの呪文ですね。

さて、こんかいはこういうものを用意しました。↓
https://blog.cnobi.jp/v1/blog/user/5d9d85a119bd37034d9d42f63a152eae/1344494933
navi26.png
みえるかな?10個重ねると
navi26.png


これをX軸にずーっと重ねると
navi26.png

どこかで見たような。ホームページの上の方にあるナビとかに使われてる背景ですね!

これをおもじないをつかうと
<style type="text/css">
<!--
#LeftBlock {
background-image:url('https://blog.cnobi.jp/v1/blog/user/5d9d85a119bd37034d9d42f63a152eae/1344494933');
background-repeat:repeat-x;
}
-->
</style>
たぶん、この記事の真上がオレンジグラデーションになります。
※ここで実際htmlエディターで書いてしまうと常に1番目の記事がオレンジグラデーションになるので
実際は発動させません。


background-repeat:repeat-x;

をX軸だけでなくY軸も入れたら、記事全体が段付きグラデーションになります。

あ、昨日の編集画像、もう一個足しておこう(≡^∇^≡)ニャハハ

i06.jpg


拍手[0回]

コメント

Blog管理人

ISSAKU(Violinist)

新しい記事を書く

カレンダー

12 2025/01 02
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

最新コメント

[12/21 ブルーローズ]
[11/25 ブルーローズ]
[08/08 もと上の住人]

カウンター


広告

PR