たま吉⊿のブログ一覧

ヘッダー部分の透過シートの上に画像を重ねることが出来ました♪

透過シートと画像を結合させればすぐできるんですけど、どうしても別々でやりたかったんです

分かる方からすれば簡単なことなんでしょうけど＾＾；

たま吉、ちょっとだけスキルアップｗｗ

でも、しばらくしたら忘れるでしょうｗ

ここのところスタイルシート弄りに燃えてた、たま吉ですｗｗ

今日は透過シートについてのお話です。

スタイルシートが一新されて始めての弄りでしたが、やってみると背景がコンテンツ部分に隠れて見えにくいってことに気が付きました。
コンテンツ部分のシートがなければ問題はないんですけど、それでは背景によって文字を見やすくするために文字色や背景の加工が必要になります；

んで、たま吉は以前に使ってた、みんカラから用意されてる猫のスタイルシートを弄って使えないかと思いましたができませんでした；

以前のスタイルシートなら選択したシートを加工してできたのに；

まあ出来ないことはしょうがないので色々調べてみましたよ

たま吉が調べたところでは２つほど方法がありました。

前のブログにも触れてますが１つはフィルターをかける、やり方
最初はこれで、たま吉もやってましたが欠点が・・・・
それは透過すればするほど一緒に文字や写真も薄くなってしまうこと
見栄え的には１０パーセント透過が一番かな
でもこれだとまだ濃いんだよね・・・・・

で、もう一つにトライ！
これはフリーソフトでシートを作って濃度調整するんだけど、これもまたちょっと＾＾；
透過すればするほど何か白っぽくなって締りがない；

やっぱフィルターか～何て考えててあることに気が付く！
みんカラで用意されてる猫のスタイルシートのをコピーして使えばいいんじゃないかって！

これはビンゴ！でしたｗ

さてここから作業手順の本題です（長ぇよｗｗ

まずみんカラで用意されてる猫かイルカのスタイルシートのブログの透過シートの上端、下端部分・・・
このブログで言うと上端、下端の色の濃い部分をクリックしてコピーします。
真ん中のブログ文字部分は何故かコピーできないので真ん中部分は上端か下端を加工します。

上端、下端はそのままでいいです。

真ん中は、上端か下端を加工します（猫のスタイルシートは上端の猫が邪魔なので下端を使います。

何故、加工するかというと上端、下端は角が丸いので丸い部分をカットして四角にします。
でカットすると短くなるので元の幅にリサイズします。

これでシートの真ん中部分ができたので透過シート３つそれぞれをスタイルシートを保管するところに保管します。
保存した画像のとなりにURLが記述されてますので覚えててください

これを表示させるには「スタイルシート」→「詳細編集」→「コンテンツ共通」ときて

「コンテンツ表示上部」、「コンテンツ表示」、「コンテンツ表示下部」の中の(　)内にURLが記述されてるところがあります。
それを、先ほど保存したスタイルシートのURLに変えるだけです
具体的には
「保存したシート上端」→「コンテンツ表示上部」

「保存したシート真ん中」→「コンテンツ表示」

「保存したシート下端」→「コンテンツ表示下部」

になるわけです。
分かりますかね＾＾；

たま吉は加工にはフォトショップを使ってましたがスタイルシートを弄り終えてからフォトショップでも透過シートが作れることが判明！！しかも綺麗＾＾；
作れること自体は分かってましたがフォトショップって機能多すぎていまだに使いこなせない（汗）
たまにしか使わないせいもあるけど・・・・

スタイルシートにしてもフォトショップにしても、しばらくするとまた使い方とかやり方わすれるんだろうな～

毎回、手探り状態で作業してるたま吉です。

スタイルシート自体を変えてブログを一新してみました＾＾；

何とか理想に近い形に・・・・＾＾；

とりあえず当分このままかも・・

う～ん、前日と見た目はあんまり変わらないかな＾＾；

壁紙変えて、なんとかまともな感じになったかな＾＾；

まだ未完成な感じですけど面倒なのでこれでいきましょう（苦笑）

壁紙元に戻しましたTT

微妙にカスタマズされてます（苦笑）