- ベストアンサー
24時間毎に外部cssの変更は可能ですか?
- Webサイトのテーマカラーを24時間ごとに変える方法について質問があります。
- 単純に背景色を変えるだけではデザイン的に問題があるため、アイコンや画像もテーマカラー別に用意したいです。
- 24時間ごとにテーマカラーを切り替えるためには、javascriptを使用する必要があります。
- みんなの回答 (3)
- 専門家の回答
関連するQ&A
- 外部CSSで画像の挿入は出来ますか?
外部CSSで、背景画像ではなく、「画像」の挿入は出来ますか? <IMG SRC="●●">をCSSで。 もし出来ましたら、外部CSSとHTML両方の記述を教えていただけると助かりますm(_ _)m
- ベストアンサー
- CSS
- 外部cssがうまくできません。
外部cssがうまくできません。 よろしくお願いいたします。 ホームページ作成初心者です。 Mac OS X Snow Leopardです。 デスクトップに Homepageというフォルダを作成しました。 そのHomepageフォルダの中に、 index.htmというファイル -----------以下内容------- <html> <head> <link href="style.css" rel="stylesheet" type="text/css"/> </head> <body> 背景を青くしたい </Body> </html> ----------------------------------- とstyle.cssというファイル ---------以下内容----------- body {background-color: blue} ----------------------------- を テキストエディットで作成しました。 背景を青くしたいのですが、なりません FirefoxでもSafariでもなりません。 何が間違っているのでしょうか? 教えていただきたいです。 よろしくお願いいたします。
- ベストアンサー
- Mac
- javascriptにてcss切り替え
現在webサイトを作成しており、javascriptのcss切り替えにてページの色変更を作っています。 (青、緑、赤、三色で作成) デフォは青で表示しています。 その後緑、赤とリンクで色が変わるようにしています。 ここでご質問です。 緑をクリックした場合は緑に変わる(赤も同様)のですが、別ページにリンクした場合、緑(赤)ではなく青に戻ってします。 別ページにとんでも緑(赤)が引き継がれるにはどのように記述したらよろしいでしょうか? ソースは以下のとおりです。 <head> <link rel="stylesheet" type="text/css" href="css/blue/top.css" media="all" /> <script src="js/styleswitch.js" type="text/javascript"></script> <link rel="alternate stylesheet" type="text/css" title="blue" href="css/blue/top.css" media="all" /> <link rel="alternate stylesheet" type="text/css" title="green" href="css/green/top.css" media="all" /> <link rel="alternate stylesheet" type="text/css" title="red" href="css/red/top.css" media="all" /> </head> <body> <div style="width:200px;"> <a href="javascript:chooseStyle('blue', 30)">青</a><br /> <a href="javascript:chooseStyle('green', 30)">緑</a><br /> <a href="javascript:chooseStyle('red', 30)">赤</a> </div> </body> javascriptは以下のところからしようしています。 http://noongoro.main.jp/note/note0059.html javascriptは初心者です。 ご教授お願いいたします。
- ベストアンサー
- JavaScript
- 外部CSSの記述方法
色々調べたのですが行き詰まってしまったので質問させて下さい。 HPのそれぞれのページの文字色や背景が違う為BODYをクラス分けしてCSSに記述しています。 ページによって違うリンク色等はそれぞれのページの<HEAD>内で指定していますが 外部CSSから指定する場合クラスを定義すれば出来ますが下記のBODYの中には どのように記述すれば良いか解かる方がいらっしゃいましたらご回答宜しくお願い致します。 (説明ベタですみません。要は外部CSSのそれぞれのBODYのクラス内に リンク色等の記述をしたいのです。(;^_^A ) 外部CSS BODY.top{ color:#2E8B57;background-color:#FFEAFA; } BODY.menu{ color:purple;background-color:#FFFFFF; } top.htmlの<HEAD>内の下記を外部CSSのBODY.topの中に入れたい A:visited { text-decoration:none;color:#CD1076;} A:active { text-decoration:none;color:blue;} menu.htmlの<HEAD>内の下記を外部CSSのBODY.menuの中に入れたい A:visited { text-decoration:none;color:purple;} A:active { text-decoration:none;color:#E1ACDA;}
- ベストアンサー
- CSS
- 外部CSS
XHTML文章に外部スタイルシートを適用しているのですが、他のスタイルは適用されるのに何故か背景画像(background-image:)だけが適用されず画像が表示されません!記述も何度も確認したので間違ってはいないと思うのですが・・・*(imgフォルダ、cssファイル、htmlファイルは同じ場所にあります。)記述ミス以外にこの様なことが起こるのでしょうか?起こるとすればなにが原因なのでしょうか!困っています!わかる人がいたら教えて下さい。よろしくお願いします。
- ベストアンサー
- その他(プログラミング・開発)
- 外部CSSで背景画像を表示させる方法
外部CSSについての質問です。 ホームページを作成するにあたり、外部CSSを使用しているのですが、背景画像が表示されません。 普通の(固定なし)背景画像はきちんと表示されるのですが、「背景画像を固定する」タグだと表示されません。 ソースは間違っていないし、何度やっても表示されず、こちらで質問することにしました。 固定方法は、パーセントで指定する方法です。 どなたかご指導頂けないでしょうか? よろしくお願い致します。
- ベストアンサー
- CSS
- 時間によって背景画像の変更は?
iGoogleの一部の背景は時間によって背景の画像が変わっていますが、それを個人ホームページで実現させるにはどのようにすればよいのでしょうか。 04:00~07:00は明け方の画像、07:00~16:00は昼の画像、16:00~18:00は夕方の画像、18:00~04:00は夜の画像といった具合にしてみたいのですが、HTMLタグやJavaScript、CSSなどで実現するにはどうすればよいのでしょうか。よろしくお願いします。
- ベストアンサー
- その他([技術者向] コンピューター)
- charset=UTF-8だと外部cssファイルが効いてくれません !
htmlファイルで、テーブルのセルの背景色設定をつぎのようにしました。 外部cssファイルで背景色を .colbg1 {background-color: #00aaff} と指定し、 htmlファイルでは、 <TD background-color:DIV class=colbg1> としました。 そして、言語と文字コードを下記のようにすると、背景色が出ません。 (他の色では出ることもあったりして不確実なのです。) 言語:<META http-equiv=content-type content="text/html; charset=UTF-8"> 文字コード:UTF-8(または UTF-8N)で保存。 UTF-8 でなくて SHIFT-JIS にすると、ちゃんと背景色が出るんです。 外部cssファイルを使用して、UTF-8 で確実に背景色を出すにはどうすればよいのでしょうか? <TD bgcolor="#00aaff">とは、死んでもしたくないんです。(大げさ)
- ベストアンサー
- ホームページ作成ソフト
- 外部CSSを使ったテーブルが作りたいのですが・・・。
以前こちらで質問させて頂いて、「スタイル作りはCSSで」、と教えて頂き、CSSの勉強を始めました。 早速壁に当たっていまして、お知恵を拝借したいです。 外部CSSファイルに、ul.gaibu{color:ff0000}と記すと、 HTMLファイルに<ul class="gaibu">ここは赤で表示</ul> となる事は出来たのですが、 テーブルの場合、 外部CSSファイルにdiv#table{設定値}を記し、 HTMLに<div id=table>とすると、外部CSSの設定値が反映されましたが、 <tr>や<td>の内容をどう設定して、HTMLにどう記載すれば反映するかが分かりません。 因みに外部CSSに tr.table1 {border:1px #333333 solid; line-height:25px; padding-left:10px; paddting-right:10px; text-align:left; vertical-align:middle} と記載し、HTMLの方に <tr><td class="table1">表1</td><tr>としましたが、 CSSの内容は反映されていません。 宜しくお願い致します。
- 締切済み
- HTML
- 背景色をページ読み込み時に変更したい
タイトルの通りですが、PHPかJavascriptを使って背景色がロードする度にランダムに変更される。というのを作りたいです。 外部cssのbody {background-color:○○○;}の部分を変えれば良いと思うのですが、やり方がわからなくて困っています。 ご教授お願いします。
- ベストアンサー
- PHP
お礼
3日悩みましたが何とかサンプルが動作いたしました。 教えて頂いたコードの最後の行に document.write("<link href=",css_path," rel='stylesheet' type='text/css' />"); で動作致しました。 どうもありがとうございました。
補足
お返事が遅れてしまい、申し訳ございません。 とりあえず自分が理解できるためのサンプルを作成しておりました。 >stylesheetのhref属性にcss_pathを指定 というのは、 <link href="css_path" rel="stylesheet" type="text/css" /> ということでよろしいのでしょうか? おんぶだっこで申し訳ございません。