036@osamuのブログ一覧

４月から大好評？！のスタイルシートですが、
業務繁忙によりすっかり流れに取り残されてしまっています。

さて、初歩的な質問にお付き合いいただけると幸いです。

旧スタイルシートのバックアップをとり忘れましたが、
今の時点でもバックアップを取得することは出来るのでしょうか？

また、それを新スタイルシートに流用できるのでしょうか？

自分で調べろって感じですが、
最近あんまりみんカラ出来なくて・・・。

アドバイスいただけると助かります。

スタイルシートのバージョンアップ。

しばらく更新していませんでしたが、
既に適用済みの部分を報告し忘れておりましたので、
簡単にご紹介します。


＜適用後の様子＞



＜スタイルシート＞

.CommentTitle
.CommentDate

の2箇所に対して、それぞれ利用する画像を指定するだけ！！

まだまだありました。

全体的に黒・メタル・カーボンをテーマに作成している我がページですが、
今回はここだぁ・・・。

【Beforeの様子】




【Afterの様子】




【スタイルシートの様子】

タブがアクティブになっている時は、
薄めのメタル画像を、そうでないときな濃い目の画像を使っています。

また、「PR」」「カレンダー」「プロフィール」などのタイトル部分についても、
今回の弄りで濃い目のメタル画像を適用してみました。

～～～～～～～～～～～～～～～～～～～～～～～～～～～
.TabActive
{
/* background-color: #666666;*/
background-image:url(☆指定する画像のurl);
}
.TabInactive
{
/* background-color: #333333;*/

background-image:url(☆指定する画像のurl);
}

.MenuTitle
{
/* background: #333333;*/
border-bottom: #444444 2px solid;
background-image:url(☆指定する画像のurl);
}


.CalendarHeader
{
/* background: #333333;*/
border-bottom: #444444 2px solid;
background-image:url(☆指定する画像のurl);
}

～～～～～～～～～～～～～～～～～～～～～～～～～～～


メタル調、カナリかっこいいぜ！！

さてさて、まだやるか！？スタイルシート弄りの第７弾です。

今回は右側に出てくるメニュープレートという部分の背景を、
メタル調に変更してみたいと思いました。


Beforeの様子





Afterの様子





スタイルシート

今回いいじったのは以下のパラメタです。
枠線を0pxにしたのと、背景を追加です。

～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
.MenuPlate
{
/* border-left:0px solid #444;*/
/* border-right:0px solid #444;*/
/* border-top:0px solid #444;*/
/* border-bottom: 0px solid #444;*/
/* background-image:url(ここにurlを入れてね☆);*/
}
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～

これも、何気にカッコイイ～

のデザインを変更してみました。
そろそろ細かいところしか残ってないような領域に突入？！


Beforeの様子





Afterの様子



わ、分かりますか？カーボン調の背景に変えています。
うーん、男らしい！！！


スタイルシート変更箇所

「.BlogDate」という部分に背景指定のくだりを入れるだけっす！

～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～

.BlogDate
{
/* background-image url(ここに画像のurlを入れてね);*/
}

～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～

さて、次はどこでしょうか？
（既に変わっているところです！）