1
00:00:00,230 --> 00:00:03,290
私たちが本当に集中する必要があるのは色です。

2
00:00:03,300 --> 00:00:05,160
ジャンボトロンから始めましょう。

3
00:00:05,460 --> 00:00:11,070
JumboTronの中のすべてのものは、青色の色合いが違っていて、私がこの文書で3

4
00:00:11,070 --> 00:00:23,370

5
00:00:23,370 --> 00:00:31,860
0を見るために持っている色合いは、私たちのスタイルシートに行きます。ちょうどジャンボトロンを選択し、すべての色が新鮮で、崖を含めてすべてが青色に変わっているのを見ることができます。グリコンアイコンはテキストとして扱われます。

6
00:00:32,250 --> 00:00:37,880
 

7
00:00:37,980 --> 00:00:43,010
実際にはフォントなので、colorプロパティを使用して色を変更できます。

8
00:00:43,020 --> 00:00:45,950
さあ、ちょっとややこしいナビバーに取り掛かりましょう。

9
00:00:46,110 --> 00:00:47,730
背景色は悪くありません。

10
00:00:47,740 --> 00:00:53,280
私たちがする必要があるのは、nav bar Invを選択することだけです。 または私たちができること。

11
00:00:53,340 --> 00:00:59,730
今私たちが修正を止めた後であれば、nav

12
00:01:01,650 --> 00:01:08,210
barを逆にして、その青い背景の背景色を付けてペーストしてリフレッシュします。

13
00:01:08,210 --> 00:01:09,830
そして、あなたはそれが青色に変わるのを見ることができます。

14
00:01:10,020 --> 00:01:15,900
しかし、ここで色を変えるには、私はそれらを灰色ではなく白くしたい。

15
00:01:15,900 --> 00:01:21,720
私がちょうどスタイルのアンカータグが白であるようなものであるすべてのインクやタグをスタイルすると、それはうまく動作しません。

16
00:01:21,720 --> 00:01:22,800
 

17
00:01:22,800 --> 00:01:23,980
だから私はあなたが何を意味するかを見せます。

18
00:01:24,030 --> 00:01:28,070
アンカータグの色は白です。

19
00:01:28,150 --> 00:01:29,630
戻る。

20
00:01:29,910 --> 00:01:35,430
それは有効ではありません。私たちが検査すれば、これは検査官には大いに役立ちます。

21
00:01:35,610 --> 00:01:36,880
何が起こっているか見てみましょう。

22
00:01:37,260 --> 00:01:43,080
それで、私たちの色の白が横切って、色がここに割り当てられていることがわかります。

23
00:01:43,410 --> 00:01:49,350
この線の色はこの灰色で、チェックを外すと元の色に戻ります。

24
00:01:49,350 --> 00:01:50,050
 

25
00:01:50,490 --> 00:01:53,280
これはより具体的なセレクタであるためです。

26
00:01:53,460 --> 00:01:56,290
あなたがそのレッスンに戻って考えることができるなら、私は特異性に関してしました。

27
00:01:56,520 --> 00:02:03,180
これは、私たちがここに持っていたものよりも高い数またはより高い特異性の指標を持つように計算されます。

28
00:02:03,180 --> 00:02:06,530
 

29
00:02:06,630 --> 00:02:08,190
それは複数のクラスです。

30
00:02:08,190 --> 00:02:12,330
それらの各1つがアンカータグよりも10倍詳細であることを忘れないでください。

31
00:02:12,900 --> 00:02:18,480
だから私たちがやりたいことは、特定のものとなるセレクターを書くことであり、私たちはここでこれを盗むことができます。

32
00:02:18,480 --> 00:02:19,540
 

33
00:02:20,280 --> 00:02:25,910
だから私たちはここに行って、それを貼り付けてから、色を白に変えます。

34
00:02:25,950 --> 00:02:29,560
だから、ブートストラップが持っていたのとまったく同じschlechterを上書きするだけです。

35
00:02:29,610 --> 00:02:35,790
そして、ブートストラップの後に私たちのスタイルが発生することが重要です。そうすれば、それを上書きすることができ、新しいものであれば白いリンクが得られます。

36
00:02:36,000 --> 00:02:37,370
 

37
00:02:37,650 --> 00:02:41,050
最後に、Nav Barブランドにも同じことをします。

38
00:02:41,670 --> 00:02:45,490
だからあなたはそれがnav bar dashブランドの中にあるのを見ることができます。

39
00:02:45,960 --> 00:02:57,360
私たちのブランドでDautを選択し、その色を白で保存して元に戻すと、まだ動作しておらず、同じ問題があります。

40
00:02:57,360 --> 00:02:59,800
 

41
00:02:59,820 --> 00:03:06,120
それを調べると、ここでは、白に変わってしまった私たちのスタイルを横切って、このラインによって色が変わっていることがわかります。

42
00:03:06,450 --> 00:03:11,700
 

43
00:03:11,700 --> 00:03:17,770
今すぐバーブランドの場合は、ナビゲーションバーのInv。 私たちはそれを盗んで上書きすることもできます。

44
00:03:17,970 --> 00:03:21,500
だから私たちはnav bar invが必要です。 今私たちのブランドです。

45
00:03:21,930 --> 00:03:23,220
 

46
00:03:23,280 --> 00:03:28,500
だから、基本的には、ブートストラップとスタイルの間のスタイルの戦いで頭に浮かび上がるスタイルを書いています。セレクタでは同じです。

47
00:03:28,500 --> 00:03:32,580
だから、私たちが二番目に来るので、彼らは上に出てくるだろう。

48
00:03:32,700 --> 00:03:36,280
彼らは元気に戻って勝つつもりはないし、決して行くつもりはない。

49
00:03:36,300 --> 00:03:41,100
私たちはほとんどのスタイルを完了しています。

50
00:03:41,100 --> 00:03:42,530
 

51
00:03:42,630 --> 00:03:48,000
JumboTronのグレーの色をキャストすると、画面上で気付かれないことがあります。

52
00:03:48,000 --> 00:03:51,600
だから私はその色をここに置いてコピーしてからRC

53
00:03:52,740 --> 00:04:00,120
SSに行き、Jumbotronの背景をその灰色の色に変えてリフレッシュとして細心の注意を払う。

54
00:04:00,600 --> 00:04:05,510
うまくいけば、それが変わるのを見ることができます。

55
00:04:05,520 --> 00:04:07,000
それはちょうど変わった。

56
00:04:07,110 --> 00:04:08,200
それはやや青みがかったグレーです。

57
00:04:08,200 --> 00:04:10,990
だからすべてを試してみましょう。

58
00:04:11,040 --> 00:04:12,500
NAVバーのサイズを変更しましょう。

59
00:04:12,720 --> 00:04:16,080
Javascriptはうまく動作します。

60
00:04:16,170 --> 00:04:18,720
そこに行く。

61
00:04:18,720 --> 00:04:19,740
すべてがよさそうだ。

62
00:04:19,830 --> 00:04:21,400
最後に私があなたに示すのは、ここで別のアイコンを使う方法です。

63
00:04:21,420 --> 00:04:24,870
 

64
00:04:25,140 --> 00:04:30,510
私が使っているものは、楽しいという素晴らしい図書館のものです。すごく面白いのは、たくさんの異なるアイコンを含む単純なライブラリです。

65
00:04:30,570 --> 00:04:31,860
あなたがファントでそれを得ることができるようにアイコンでブートストラップで構築された方法よりも素晴らしい。

66
00:04:31,860 --> 00:04:37,520
彼女を取得しないでください。

67
00:04:37,610 --> 00:04:38,390
私はここのホームページにいると知っています。

68
00:04:38,430 --> 00:04:40,890
アイコンをクリックすると580種類以上のアイコンが表示され、ここでそれらをすべて見ることができます。

69
00:04:41,280 --> 00:04:47,220
また、Pucelle上で非常に簡単に行うことができない素晴らしい機能のうちの1つを検索することができます。

70
00:04:47,550 --> 00:04:52,470
 

71
00:04:52,470 --> 00:04:53,580
だから、私たちは写真を検索することができ、私はカメラとレトロなカメラを手に入れました。

72
00:04:53,670 --> 00:05:01,870
しかし、それらのいずれかを使用する前に、インストールする必要があります。

73
00:05:02,100 --> 00:05:05,180
あなたが始めてみるならば。

74
00:05:05,400 --> 00:05:07,750
彼らはちょうどあなたがコピーすることができ、ちょうどあなたのアプリケーションの中に入れていい素敵なCDNを持っています。

75
00:05:07,800 --> 00:05:14,160
だから、私たちはそれを突然最高の賃金に上げます。

76
00:05:14,160 --> 00:05:18,650
そして今、私たちは面白い素晴らしいアイコンを使用することができ、それは本当に簡単です。

77
00:05:19,140 --> 00:05:24,190
 

78
00:05:24,330 --> 00:05:31,320
実際にあなたが好きなアイコンをクリックすると、私は平和サインを使用したいと言います。私はそれをクリックすることができ、コピーできるコードを少しだけ与えます。

79
00:05:31,320 --> 00:05:35,100
だから、それはf aに等しいクラスのアイコンです。

80
00:05:35,100 --> 00:05:38,300
驚くばかり。

81
00:05:38,310 --> 00:05:38,660
そしてF. A. アイコンの名前をダッシュ​​します。

82
00:05:38,670 --> 00:05:42,010
カメラのアイコンをこのアイコンに置き換えましょう。大きな平和サインが保存され、更新されます。

83
00:05:42,990 --> 00:05:51,240
そして私たちには平和サインがあります。

84
00:05:52,380 --> 00:05:53,640
だから面白い素晴らしいはかなり素晴らしいです。

85
00:05:53,850 --> 00:05:55,820
それは本当に人気があります。

86
00:05:55,830 --> 00:05:57,110
たくさんのすばらしいアイコンがたくさんあります。あなたが必要とするほとんどすべてのアイコンを見ることができます。

87
00:05:57,120 --> 00:06:01,970
彼らは標準的なものの束を持っています。

88
00:06:01,980 --> 00:06:03,620
再生ボタンを一時停止します。

89
00:06:03,690 --> 00:06:04,940
技術と異なるインターネットアイコンのための異なるアイコンを後方に転送します。

90
00:06:04,950 --> 00:06:09,400
しかし、彼らには平和の兆しのような楽しいものもいくつかあります。

91
00:06:09,480 --> 00:06:12,260
私は彼らもSpockの手を持っていると思う。

92
00:06:12,320 --> 00:06:16,090
したがって、他のフォントを使用するのと同じように、これらのいずれかを使用することができます。

93
00:06:16,380 --> 00:06:19,460
そのため、色を変更したい場合は、サイズを変更する場合は、colorプロパティを変更するだけです。

94
00:06:19,500 --> 00:06:23,970
あなたは実際にフォントサイズを変更します。

95
00:06:24,360 --> 00:06:26,510
 

96
00:06:26,880 --> 00:06:35,730
だから私はそのレトロカメラの検索を再利用するつもりだが、これはカメラダッシュレトロであるため、ダッシュカメラダッシュレトロを行い、リフレッシュを保存し、レトロカメラを取得する必要がある。

97
00:06:35,730 --> 00:06:44,880
さて、私たちはギャラリーで仕上げました。

98
00:06:44,880 --> 00:06:46,710
実際にイメージを変更することを除いて、あなたは私がこのラップを終えるとすぐにやるようにしています。

99
00:06:46,710 --> 00:06:52,370
あなたはおそらくとにかく見ることを望んでいないでしょうが、私が最後にそれを含める場合に備えてください。

100
00:06:52,380 --> 00:06:56,310
そこでここではBartraを十分に使って小さな変化を起こしました。これは、私たちが黒と白のNav

101
00:06:56,310 --> 00:07:02,340
Barをどうやって取得したかということです。

102
00:07:02,340 --> 00:07:04,110
しかし、実際に色を変えてしまったので、それは本当に重要ではありませんでした。

103
00:07:04,230 --> 00:07:07,650
そして、我々はまた、それが上にどのように残っているかであるnav bar fixed topを使いました。

104
00:07:07,650 --> 00:07:12,380
ここではグリッドシステムを使用して、ジャンボトロンを使用します。

105
00:07:12,480 --> 00:07:16,100
私は、比較的制限されているブートストラップアイコンに組み込まれた概念をグリフとして導入しました。

106
00:07:16,100 --> 00:07:20,960
 

107
00:07:21,000 --> 00:07:26,160
あなたが使うものの大部分はありますが、時には何かを持っていないこともありますし、時には楽しい素晴らしいアイコンが楽しく見える方法を好むこともあります。

108
00:07:26,160 --> 00:07:29,000
 

109
00:07:29,010 --> 00:07:33,630
 

110
00:07:33,630 --> 00:07:38,550
驚くべきことは、ピーカンのフードショーよりも確かに人気があります。私があなたに示した新しいことは、イメージの周りに置くことができるサムネイルクラスであり、そのイメージをグリッドに拘束し、

111
00:07:38,550 --> 00:07:41,700
 

112
00:07:41,700 --> 00:07:46,080
最後に、色を背景色に変更したい場合は、特殊性と、ブートストラップスタイルにどのように戦わなければならなかったのかを話しました。

113
00:07:46,080 --> 00:07:48,520
Navの背景色を変更したい またはリンクのフォントの色とNevの色を指定します。

114
00:07:48,620 --> 00:07:54,180
ここにブランドがあります。

115
00:07:54,210 --> 00:07:55,450
それは次のビデオにあります。

116
00:07:55,620 --> 00:07:57,410
私はブートストラップでランディングページを作る方法を紹介します。

117
00:07:57,420 --> 00:08:00,230
 

118
00:08:00,300 --> 00:08:05,160
そして私が約束したように、私は今ここで9つの異なるイメージを作るためにそれらのイメージリンクをコピーアンドペーストするつもりです。

119
00:08:05,160 --> 00:08:05,590
だから、もしそれが次の1〜2分の間ぶらぶらして見たいものなら。

120
00:08:05,760 --> 00:08:09,160
OK。

121
00:08:09,660 --> 00:08:13,380
 

122
00:08:15,510 --> 00:08:23,790
だから私はちょうど画面を分割し、これらのいくつかをこの最初のものにコピーして、ここでこれを置き換えて、次のものをやります。

123
00:08:23,790 --> 00:08:28,760
古い場所。

124
00:08:29,140 --> 00:08:29,580
これはここにある。

125
00:08:29,580 --> 00:08:31,360
 

126
00:08:32,610 --> 00:08:37,110
そして、次の1つは、私はこれがリベットであると確信しています、そして、私はそのようなラインの下で続けていきます。

127
00:08:39,710 --> 00:08:47,350
さて、中途半端な過去。

128
00:08:47,350 --> 00:08:48,660
 

129
00:08:48,660 --> 00:08:49,650
 

130
00:08:59,220 --> 00:09:10,470
私たちは近づいています。私たちがやったと思う最後のものは、すべてが良いか新鮮かを確認し、9つの異なるイメージがあることを確かめましょう。

131
00:09:10,470 --> 00:09:11,440
驚くばかり。

132
00:09:11,700 --> 00:09:12,360
大丈夫。

133
00:09:12,660 --> 00:09:12,960
だから今私はやり遂げられました。

134
00:09:12,960 --> 00:09:14,120
うまくいけばそのイメージギャラリーを作って楽しんだ。

135
00:09:14,190 --> 00:09:16,020
次のビデオでお会いしましょう。

136
00:09:16,050 --> 00:09:17,060