2015年4月17日 6:33 CAT :
       

アウェー イン ザ ライフ

ブログのテンプレートをリニューアルして、半年ほど経った。

今回は、修正OKな配布テンプレを勝手に、原型ないほどいじくり回して、作ったんだけど、その時に、力尽きて未完成だった部分があった。

画像を載せた記事の場合、画像のサムネイルと、記事タイトル、記事本文が一部重なるようにデザインしたんだけど、その時に、画像の上にかかる文字が見にくかったんだよね。

当初は、文字全体の親要素に、白背景を置いて、下の画像も見えるように、opacityで半透明にしようとしてたんだけど、それをやると、文字を記述してる子要素にも、opacityがかかっちゃう。

文字が薄くなるのは、気に入らなかったんだけど、どうしようかなぁ~とか考えるより、まずはアップだ。

そして、そのまま仕事が忙しくなり、体調を崩し・・・あとは、まぁ、あれだ。

で、先日、ふと、まとめなくても、別に背景要素を用意して、1記事単位の親要素にかかるようにposition:absokuteで調節すれば、opacityを背景要素だけにかけれるんじゃね?と、思い立ちましてんよ。

実際、試してみると、思ったよりあっさり出来やがった。

・・・何だよ。

思いついたら、大して、難しい事しなくても簡単にできるじゃねえかよ。

と言うことで、半年振りに、一応、当初の思惑通りのブログテンプレートが完成いたしました。

良かったね。

PCの話だよ。

ついでに、さっき、スマホテンプレートも新しいのにしてやった。

こっちは、基本的には、そのままで部分的に触らせてもらいました。

ありがとございます。

です。

しかし仕事から離れてても、こう言う事って意外と忘れずに覚えてるもんなんだね。

まぁ、忘れちゃったわ、その瞬間、廃業だけれどもな。

この記事を見てみる  ⇒

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA