image - フルバックグラウンドWebページにテキストコンテンツスライダーを追加する方法

Question

フルスクリーンの背景Webサイトにテキストコンテンツスライダーを追加したい。私はCSSが苦手です。したがって、各背景画像について説明する美しいテキストコンテンツスライダーを追加するのを手伝ってください。以下は私の背景ページです http://alampady.tk/fullbg/testbackground.html

よろしくアシュラフ

Answer 1

これをあなたの

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,600' rel='stylesheet' type='text/css'>

そしてこれをあなたのスタイルシートに

.colorbag {
   position: absolute;
   top: 300px;
   left: 900px;
   width: 500px;
   border: thin dotted;
   height: 200px;
   background-color: #ccc;
   opacity: 0.6;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   padding: 10px;
   font-family: 'Open Sans', sans-serif;
   line-height: 22px;
}

.colorbag span.subtext {
   font-weight: 600;
   font-size: 22px;
}
.colorbag font {
   font-weight: 300;
   font-size: 14px;
}

そうすれば、10倍良くなると思います=）