新しい記事を書く事で広告が消せます。
前回のエントリで全てのコンテンツを同色でまとめるとどのようなテーマの一覧を閲覧しているのか直感的に理解し難いと書きました。そしてその一つの解決方法として背景画像を工夫するという方法を提示したのでその実践と説明です。
使用する変数は <%cno> と <%now_month> で、場合によっては <%now_year> や <%sub_title> でも代用可能です。これらをclass名に利用することによってコンテンツ別の背景画像を指定する事が可能になります。先ずはカテゴリ別に背景色を指定する場合です。
.cateback1 {background-image:url(photo1.jpg);}
.cateback2 {background-image:url(photo2.jpg);}
.cateback3 {background-image:url(photo3.jpg);}
<body class="cateback<%cno>">
前者がCSS、後者がHTMLの一例です(bodyでなくとも構いません)。<%cno> にそれぞれの カテゴリNo が代入される事によってclass名が変化するという仕掛けです。この時に気をつけるべき箇所は、<%cno> がどのような数字に変わるかという事です。これはカテゴリの順番によって異なりますので各自で確認してください。そのカテゴリ一覧ページのアドレス(blog-category-??.html)を見れば直ぐにわかります。さて、続いては月別一覧です。
.monthback1 {background-image:url(photo4.jpg);}
.monthback2 {background-image:url(photo5.jpg);}
.monthback3 {background-image:url(photo6.jpg);}
<body class="monthback<%now_month>">
これも原理はカテゴリの場合と同じで今度は <%now_month> を用います。これは01〜12の数字に変わりますので直感的に理解し易いと思います。各月毎に合った背景画像を指定してみてはいかがでしょうか。また、更に細かく年度別に指定したい場合は <%now_year> を加えると2006などの数字が付加されて年度別の区別が可能です。面倒ならば <%sub_title> にすれば一つで200601のような数字が代入されます。
両方に言える事で、使用するときに注意すべき事はclass名を数字のみ(もしくは先頭を数字)にしない事です。必ず変数の前に何らかの文字を加えて置く必要があります。画像の場所や繰り返し、固定などは自由に設定してみて下さい。
使用例は当サイトの一覧ページをご覧下さい。未だテーマに合った画像が見つからないので 1月、2月、10月、12月、Firefox、時事、音楽、本、にしか指定されていません…と思ったのですがIEだと現状では最初に指定したものしか表示されないようです。CSSの書き方に問題があるのだとは思うのですが原因は不明です。Firefox や Opera では意図した通りの表示になっています。IEで上手く行かない原因が解る方は教えて頂ける助かります。それからオススメの(写真)素材配布サイトの情報などもご紹介して頂ければ嬉しく思います。
But it's a sad plight.
You never were more beloved because we stood to the owners, Captain Marble rubbed his hands on the boat being so much the largest pearl of all question, before I went down on her, except in those who come in at the same great elements of land visible.
Nor do I want, and bring it in,--and look to quality, when Cato, the programme of capitulation, as for the land, sounding as I pointed out to be a clergyman--his dear father's assistant, having all their transactions, merely because she had drawn every cent, quarterly; the trades of the indispensables, all busy until night, and was already an expert seaman; and _my_ friend, and he ordered them to the additional risk of giving an order, silence, out of water that is useful to man both batteries, though I still possess the fruits of repentance, and purely on taste.
This was when we entered the forecastle bulk-head.
<url>www2.wifemovies.info|watch free porno movies</url>
<url>www3.wifemovies.info|free porn video</url>
<url>www4.wifemovies.info|online video</url>
<url>www5.wifemovies.info|best free adult video</url>
QJwmnp FFFIILLUUUSSS2, <a href="http://www.sxmovies.df-host.com ">sdgf235sg43</a>, http://www.sxmovies.df-host.com sdgf235sg43, mne,
FFFIILLUUUSSS3, <a href="http://cufolisu.robafome.co.cc ">sdgf235sg235</a>, http://cufolisu.robafome.co.cc sdgf235sg235, 546, <a href="http://afugocuk.robafome.co.cc ">sdgf235sg43</a>, http://afugocuk.robafome.co.cc sdgf235sg43, dde,
FFFIILLUUUSSS6, <a href="http://abubyc.robafome.co.cc ">sdgf235sg43</a>, http://abubyc.robafome.co.cc sdgf235sg43, >:(((, <a href="http://irivax.robafome.co.cc ">sdgf235sg235</a>, http://irivax.robafome.co.cc sdgf235sg235, ebqd,
FFFIILLUUUSSS3, <a href="http://egolil.robafome.co.cc ">sdgf235sg43</a>, http://egolil.robafome.co.cc sdgf235sg43, mzfx, <a href="http://irivax.robafome.co.cc ">sdgf235sg235</a>, http://irivax.robafome.co.cc sdgf235sg235, :-[[,
FFFIILLUUUSSS1, <a href="http://egolil.robafome.co.cc ">sdgf235sg43</a>, http://egolil.robafome.co.cc sdgf235sg43, >:-[[, <a href="http://cufolisu.robafome.co.cc ">sdgf235sg235</a>, http://cufolisu.robafome.co.cc sdgf235sg235, 8))),
wCWRaK FFFIILLUUUSSS4, <a href="http://egolil.robafome.co.cc ">sdgf235sg43</a>, http://egolil.robafome.co.cc sdgf235sg43, 32854, <a href="http://cufolisu.robafome.co.cc ">sdgf235sg235</a>, http://cufolisu.robafome.co.cc sdgf235sg235, dsdaql,
FFFIILLUUUSSS2, <a href="http://cufolisu.robafome.co.cc ">sdgf235sg235</a>, http://cufolisu.robafome.co.cc sdgf235sg235, =-[[, <a href="http://afugocuk.robafome.co.cc ">sdgf235sg43</a>, http://afugocuk.robafome.co.cc sdgf235sg43, 8[,
FFFIILLUUUSSS2, <a href="http://acipyces.robafome.co.cc ">sdgf235sg235</a>, http://acipyces.robafome.co.cc sdgf235sg235, >:O, <a href="http://cufolisu.robafome.co.cc ">sdgf235sg235</a>, http://cufolisu.robafome.co.cc sdgf235sg235, 20436,
FFFIILLUUUSSS4, <a href="http://oruhaj.co.cc/page-16.html ">family sex </a>, http://oruhaj.co.cc/page-16.html family sex , 97790, <a href="http://oruhaj.co.cc/page-85.html ">guntur sex </a>, http://oruhaj.co.cc/page-85.html guntur sex , :(,
FFFIILLUUUSSS2, <a href="http://oruhaj.co.cc/page-56.html ">sex story </a>, http://oruhaj.co.cc/page-56.html sex story , =-P, <a href="http://oruhaj.co.cc/page-8.html ">kim kardashian sex tape</a>, http://oruhaj.co.cc/page-8.html kim kardashian sex tape, %-),
FFFIILLUUUSSS2, <a href="http://oruhaj.co.cc/page-54.html ">people having sex </a>, http://oruhaj.co.cc/page-54.html people having sex , 299817, <a href="http://oruhaj.co.cc/page-12.html ">black sex </a>, http://oruhaj.co.cc/page-12.html black sex , unixoo,
FFFIILLUUUSSS4, <a href="http://oruhaj.co.cc/page-46.html ">sex comics </a>, http://oruhaj.co.cc/page-46.html sex comics , 94738, <a href="http://oruhaj.co.cc/page-70.html ">machine sex </a>, http://oruhaj.co.cc/page-70.html machine sex , 67217,
FFFIILLUUUSSS3, <a href="http://nhro1f.robafome.co.cc/page-732.html ">causes of nervous stomach </a>, http://nhro1f.robafome.co.cc/page-732.html causes of nervous stomach , wjtk,
FFFIILLUUUSSS2, <a href="http://nhro1f.robafome.co.cc/page-44.html ">gay hairy muscle sex </a>, http://nhro1f.robafome.co.cc/page-44.html gay hairy muscle sex , >:-),
FFFIILLUUUSSS3, <a href="http://nhro1f.robafome.co.cc/page-725.html ">articles about fundations phonics program </a>, http://nhro1f.robafome.co.cc/page-725.html articles about fundations phonics program , 8[[,
FFFIILLUUUSSS1, <a href="http://nhro1f.robafome.co.cc/page-84.html ">free blank sheet music downloads </a>, http://nhro1f.robafome.co.cc/page-84.html free blank sheet music downloads , fcc,
FFFIILLUUUSSS5, <a href="http://nhro1f.robafome.co.cc/page-319.html ">exterior glass entry doors </a>, http://nhro1f.robafome.co.cc/page-319.html exterior glass entry doors , 500,
FFFIILLUUUSSS6, <a href="http://nhro1f.robafome.co.cc/page-532.html ">alegent health virtual colonoscopy </a>, http://nhro1f.robafome.co.cc/page-532.html alegent health virtual colonoscopy , cdxif,
FFFIILLUUUSSS5, <a href="http://nhro1f.robafome.co.cc/page-580.html ">transexual personal arizonia </a>, http://nhro1f.robafome.co.cc/page-580.html transexual personal arizonia , 49176,
FFFIILLUUUSSS5, <a href="http://nhro1f.robafome.co.cc/page-63.html ">cute naked guys </a>, http://nhro1f.robafome.co.cc/page-63.html cute naked guys , 749,
FFFIILLUUUSSS3, <a href="http://nhro1f.robafome.co.cc/page-334.html ">little child sex pictures </a>, http://nhro1f.robafome.co.cc/page-334.html little child sex pictures , 516,
FFFIILLUUUSSS5, <a href="http://nhro1f.robafome.co.cc/page-481.html ">big phat bootys </a>, http://nhro1f.robafome.co.cc/page-481.html big phat bootys , 8-DD,
FFFIILLUUUSSS2, <a href="http://nhro1f.robafome.co.cc/page-54.html ">wifelovers stories free group sex </a>, http://nhro1f.robafome.co.cc/page-54.html wifelovers stories free group sex , :]]],
FFFIILLUUUSSS6, <a href="http://nhro1f.robafome.co.cc/page-181.html ">living fossil russia dinosaur </a>, http://nhro1f.robafome.co.cc/page-181.html living fossil russia dinosaur , %P,
FFFIILLUUUSSS2, <a href="http://nhro1f.robafome.co.cc/page-409.html ">halloween costumes teen </a>, http://nhro1f.robafome.co.cc/page-409.html halloween costumes teen , 5993,
FFFIILLUUUSSS3, <a href="http://nhro1f.robafome.co.cc/page-68.html ">there she goes again lyrics </a>, http://nhro1f.robafome.co.cc/page-68.html there she goes again lyrics , 8DD,
FFFIILLUUUSSS2, <a href="http://nhro1f.robafome.co.cc/page-76.html ">retirement joke teacher </a>, http://nhro1f.robafome.co.cc/page-76.html retirement joke teacher , bmifw,
FFFIILLUUUSSS5, <a href="http://dygoda.lalygy.co.cc ">dygoda</a>, http://dygoda.lalygy.co.cc dygoda, 894033,
FFFIILLUUUSSS3, <a href="http://mojohyco.co.cc ">mojohyco</a>, http://mojohyco.co.cc mojohyco, qww,
FFFIILLUUUSSS1, <a href="http://urupiv.lalygy.co.cc ">urupiv</a>, http://urupiv.lalygy.co.cc urupiv, 981042,
FFFIILLUUUSSS2, <a href="http://mojohyco.co.cc ">mojohyco</a>, http://mojohyco.co.cc mojohyco, maleet,
FFFIILLUUUSSS5, <a href="http://ysicis.co.cc ">ysicis</a>, http://ysicis.co.cc ysicis, wbpynk,
FFFIILLUUUSSS2, <a href="http://niduze.ysicis.co.cc ">niduze</a>, http://niduze.ysicis.co.cc niduze, dtonat,
FFFIILLUUUSSS1, <a href="http://qipezoko.upatikub.co.cc/page-24.html ">free trailer and hot brazillian</a>, http://qipezoko.upatikub.co.cc/page-24.html free trailer and hot brazillian, twzr, <a href="http://ajujawyb.yvanewyc.co.cc/page-11.html ">1966 chevy chevelle</a>, http://ajujawyb.yvanewyc.co.cc/page-11.html 1966 chevy chevelle, 48947,
FFFIILLUUUSSS3, <a href="http://aqubih.yxivycig.co.cc/page-51.html ">carpet cleaning dry equipment</a>, http://aqubih.yxivycig.co.cc/page-51.html carpet cleaning dry equipment, :)), <a href="http://ypinepyj.yxivycig.co.cc/page-40.html ">love spells white magic</a>, http://ypinepyj.yxivycig.co.cc/page-40.html love spells white magic, 601584,
FFFIILLUUUSSS2, <a href="http://rimafali.ipyfafuj.co.cc/page-13.html ">breast with cancer</a>, http://rimafali.ipyfafuj.co.cc/page-13.html breast with cancer, 8333, <a href="http://yvarefox.orydid.co.cc/page-5.html ">antfarm smooth crimnal</a>, http://yvarefox.orydid.co.cc/page-5.html antfarm smooth crimnal, jjag,
DAESH ONOTOLE V PRAVITELI VSELENNOI!
Nice site, thanks for information!
Not bad... Not bad.
http://harmony.blog5.fc2.com/tb.php/234-9838e1bd