• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+

TMJS60ULの"スタイルシート用" [その他 その他]

整備手帳

作業日:2017年4月16日

文字に影を付ける方法

他の整備手帳を見る 他の整備手帳を見る

目的 チューニング・カスタム
作業 DIY
難易度

初級

作業時間 30分以内
1
みんカラを徘徊しててブログ等のタイトルの文字に影を付けてる方を見かけたので、ネット検索して実践してみました。

共通コンテンツ
コンテンツタイトル(div.contentsTitle)

text-shadow:-3px -3px 3px #○○○○○○;
を追加

text-shadow:水平方向の位置 垂直方向の位置 ぼかしの長さ ♯カラーチャート;
を好みで調節してください。
2
カンマで区切ると、複数の影を付ける事が可能です。

text-shadow:-2px -2px 3px #○○○○○○, -4px -4px 3px #○○○○○○;

他の場所の文字でも影を付ける事が出来ますが、本文等は見にくくなりそうなので、今後、見にくくない程度で試してみたいと思います。
3
追記
ブログ本文等、他の場所にも影を付けました。

その他のタイトル関係とユーザー名に
text-shadow:-2px -2px 3px #○○○○○○, -4px -4px 3px #○○○○○○;
で2重の影の箇所を追加しました

ページの基本
ユーザー領域(div#MinkaraBody)
に小さ目の影の
text-shadow:-1px -1px 2px #○○○○○○;
を追加すると、それまで指定した以外の箇所のすべてに影が付きます。

自分はヘッダーとタブには影を付けたくなかったので、その項目に
text-shadow:0px 0px 0px;
を追加すると、影が外れます。

イイね!0件




タグ

関連整備ピックアップ

1/100 MG量産型ザク ver2.0製作②外装

難易度:

エアホースリール修理(備忘録)

難易度:

G-funでラックを作ってみた

難易度:

棒芯ランプ(灯油)

難易度:

Precision Bass 弦交換

難易度:

25.08.17_家裏の草降りした後に砂利引き継続

難易度:

関連リンク

この記事へのコメント

2017年4月16日 14:35
お疲れさまです (o^-^o)ノ

影を 使うとなると、フォントサイズは

大きい方が、イイですね。

勉強に なりました(^^♪
コメントへの返答
2017年4月16日 19:47
お疲れ様です(=゚ω゚)ノ

フォントは大きい方が、影が分かりやすいので良い感じですね(*^_^*)

HTMLタグでブログ本文とかでも個別で影付けられるらしいので、今度試してみようかと(笑)

スタイルシート、そろそろやる事が思いつかなくなってきました(^^ゞ
2017年9月1日 20:39

コメント。。失礼します✨✨
貴重な。ヒントを下さって☆ありがとうございます。
ページを拝見させていただいて。。
いろいろと😿✨新発見させていただきました。
フラッグカウンタ。😘♪。。
参考にさせていただきました✨✨♪。
あと👯。。文字の影付きのものから。。
ぼかす方法も✨ヒントを頂きました☺♪。
いろいろ参考にさせていただいて。。
ありがとうございました✩☆♪。。
コメント返信は🙊のちほどしますね✨✨。
これからも。😺😸♪よろしくお願いします。
コメントへの返答
2017年9月1日 20:58
コメントありがとうございます(*^_^*)
私、みんカラ始めて8年くらいになるのですが、スタイルシート、難しくてね(;^ω^)
最初は簡易編集から初めて、皆さんの書き込み見て、、何とかここまで(笑)
詳細編集の弄り始めは全然訳が分からなくて、背景固定とテーブル半透過だけで、数十時間を要しました(^▽^;)
ここ数年で、ヒントがあれば多少自分でアレンジできる様にはなりましたが、こうやって最初からポンポン弄れるYOU☆☆。さんの様な方みると、今でも凄いなぁ~、と感心します。
ぼかしは、ぼかすピクセル数増やせばこうなるんですね。
勉強になります。
フラッグカウンタ、これは登録ページが英語表記だったので、登録に苦労しました(笑)

あとね、友達ではないのですが、とらんちょさん(http://minkara.carview.co.jp/userid/201162/profile/)って方の知識が凄くて、自分でスタイルシートに使えるツール等も自作してて、参考になる事も多いと思うので覗いてみてください。
ツールや弄り方はその方が作られてるグループ(http://minkara.carview.co.jp/group/blogtool/)に書き込まれてます。
2017年9月1日 21:26


こんばんは(^▽^)/✨*
早速。ご紹介くださった✨✨👱
とらんちょさんのグループ(*・ω・)/✨
入会してきました~*♪。
ご紹介ありがとうございました😹😹。
とらんちょさんのページは。。
昨日。拝見していました(^▽^)
カーソルのアニメ化でお世話になりましたよ。
その前に☆TMJS60ULさんのページを見て。
参考にさせていただきました✨✨。
カーソルのアニメ化について。。。。
展開せずにサーバーに保存しようとしたのが。
失敗でした。。(笑)。😰。。
コメントへの返答
2017年9月1日 21:39
こんばんは~♪
とらんちょさんのグループ入会したんですね。
え~と、紹介しててあれですが、ボクは未入会(;^ω^)
見るの専門でして(笑)
なにせ、とらんちょさんが凄すぎて、入会しても投稿出来る内容がない…

自分の場合、今まで人の書き込み見て、参考にさせて頂いてスタイルシート弄って来たので、少しでも、スタイルシート弄りたい方の参考になればと思い整備手帳に載せてます。

ちなみに、自分のページで一番のお気に入りポイントはブログのカレンダーだったりします(笑)

プロフィール

「@夜でもサングラスさん 気付くの超遅れました😅お誕生日おめでとうございます🎊」
何シテル?   06/03 19:30
TMJS60ULと申します。 HNの由来はお気に入りのバス釣り用のロッドの品番です。 最初、車の事を質問する為に、何気に名前付けて登録したのが始まりです。 ...

ハイタッチ!drive

みんカラ新規会員登録

ユーザー内検索

リンク・クリップ

愛車一覧

トヨタ ヴォクシー ハイブリッド トヨタ ヴォクシー ハイブリッド
14年乗った70ヴォクシーから乗り換えました。 2023年2月1日納車(登録1月18日 ...
トヨタ プリウス トヨタ プリウス
嫁車です。 30系プリウスからの乗り換えです。 2019年8月5日納車(登録7月22日 ...
トヨタ ヴォクシー トヨタ ヴォクシー
お気に入りの愛車です。 プリウス購入後は、お出かけはプリウスが多くなりましたが、やはり最 ...
トヨタ プリウス トヨタ プリウス
一応、嫁車ですが、メンテ関係の管理は自分がします。 ヴォクシーと同じ様に大事にしたいです ...
ヘルプ利用規約サイトマップ

あなたの愛車、今いくら?

複数社の査定額を比較して愛車の最高額を調べよう!

あなたの愛車、今いくら?
メーカー
モデル
年式
走行距離(km)
© LY Corporation