- 締切済み
cssで全ページの色を自動変更したいのですが
トップページにて一度色を選ぶと、 cssの読み込みを変更させて全ページの色を自動で変更するような 事をしたいのですが、それは可能なのでしょうか？ ちょっとうまく説明できないのですが 例えば http://www.apple.com/jp/ipodshuffle/features.html （アップルのipod shuffleのページ） 上記のページのような、ボタンを押す事によって、そのページ内のcssの読み込みを変更させる事は出来るのですが、 トップページで一回色選択ボタンを押し、Enterを押すと 中に入るページは自動的にその選んだ色になるようにしたいのであります。(つまりトップページでの操作ですべてのページのcss読み込みを自動的に変更させたいのです) 上記方法の対策としては、各色毎に全ページ用意し、 enterを押したらそれぞれのページを読み込ませるようにすればいいのですが、出来ればjavaスクリプトか、phpなどの自動システムで実現させたいと思っています。 どなたかやりかたをご存知でしたら教えていただけると幸いです。
- t0my
- お礼率100% (1/1)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- elcude
- ベストアンサー率72% (32/44)
CSSを選択したままの状態を保持して起きたいということでよろしいでしょうか。解釈が間違っていたらすみません、読み飛ばしてください。 選択したCSSをユーザー側にCookieの機能を利用しセーブすればよいと思います。ただ、Cookieの機能がOFFになっている場合などはphpでそのユーザーの情報をサーバ側に保持しておかないといけないと思いますが・・・。 phpでも、javaスクリプトどちらを利用しても可能です。 ■大雑把な流れ(javaスクリプト) 1.phpは切り替えボタンを押したときにjavaスクリプトでCSSを切り替える。 2.CookieにCSSの値を保存する。 ■php 1.切り替えボタンを押したときにget等でCSSの値を送る。 2.get等で送られた情報をもとにCSSを読み込み切り替え。 3.CookieにCSSの情報を書き込む。 4.再度読み込んだときにCookieよりCSSの値をもとに選択されたCSSを読み込む。 スクリプトの文法を覚えていないので詳細な説明ができませんがヒントとしてはこんな感じです。
関連するQ&A
- CSSファイルが自動的に変更されるツール
たとえばindex.htmlのプレビュー画面で直接サイズとか色とかを変更すると、 外部のCSSも自動的に修正するようなツールはないでしょうか？ 具体的に言うと、<div class="aaa"> であれば、このdivに該当する部分を変更すると、外部のcssファイルの aaaの箇所の記述が変わる、という形にしたいです。
- ベストアンサー
- ホームページ作成ソフト
- CSSでのページ構築について
CSSでのページ構築について CSSでのサイト制作に挑戦しています。 まずは、テンプレートをつかってカスタマイズしてみようとおもい、テンプレートをDLしました。 「フッタ／左メニュー／メインコンテンツ／フッタ」というブログなどでよくあるものです。 （縦三段で、真ん中が左右２つに別れている2カラム） CSSファイルは、外部読み込み形式です。 トップページを作って、いざメニューからメインページのリンクを貼ろうと思ってつまずきました。 左ページのコンテンツメニューに設定したリンクを、右側の枠内に表示したいのですが、そういった場合は、どうすれよいでしょうか。普通に右側の内容をいれたHTMLにリンクすると、全画面がそのページになってしまって、ヘッダ／左メニュー／フッタは消えて（隠れて）しまいます。 ヘッダや左メニューをそのままにしてページ数を増やしたいときは、トップページをひたすらコピーして、右側の要素部分だけを変更していくのでしょうか？ でも、それだとCSSにする意味がないというか、全然楽ではないですよね。 左メニューの項目が増えた時など、全ページを修正しなければならなくなりますし。 自分なりにCSS関連のサイトを検索して調べてみたのですが、どこも「トップページをそのままコピーしているようにしかみえない」のです。 右側ページ内容のHTMLに、ヘッダやメニューも読み込ませるような設定が必要なのでしょうか？ ソフトはDW CS4を使っています。 どなたか、CSSの達人さま、教えてくださいませ。 お願い致します。
- 締切済み
- ホームページ作成ソフト
- flashの再生後に別ページに自動でジャンプするには？
flashを使ってホームページのタイトルムービーを作っています。タイトルムービーのページで、flashの再生が終わったら、自動的にHTMLベースのトップページにジャンプするようにしたいのですが、どのようにすればよいのでしょうか？ 「ENTER」ボタンを使っているページをよく見ますが、できれば使いたくありません。 ちなみに使っているソフトは、flash作成にはFlashMaker、ページ作成にはDreamweaverです。 また、このとき、タイトルムービーのページと、その次に表示されるトップページのファイル名はどのように付けるのが適切でしょうか？
- ベストアンサー
- Flash
- ＴＯＰページのＨＴＭＬを自動で変更したい。
レンタルサーバーと独自ドメインでＨＰを運営しています。 毎週、月・木・土・日曜日に ＴＯＰページの一部のリンクを変更しなければなりません。 4通りのＴＯＰページがあるという事です。 今まで手動でやっていました。 週4回も午前0時を見計らって手動でＨＴＭＬを打ち込むのは疲れてしまいます。 入力するＨＴＭＬは曜日ごとにまったく同じなので 予め設定しておいたＨＴＭＬを指定した日時になったら自動で変更されるようにすることはできませんでしょうか？ どなたかご存知の方は教えて頂けると幸いです。 よろしくお願い致します。
- ベストアンサー
- CGI
- Javascriptを使ってＴＯＰページを毎日自動で変更したいのですが
Javascriptを使って毎日自動的にＴＯＰページを変更したいと思っています。 具体的にはindex001.htm～index031.htmというように１か月分のＴＯＰページを作成しておいて、毎日０時になると自動的に次のindex***.htmのページに切り替わるようにしたいのです。 （見ている人がいちいちページの更新をしなくても０時になればリアルタイムにページが切り替わることが必須条件です） いくつかjavascriptを試して見ましたが更新をすればページが切り替わるものはありましたがリアルタイムで毎日自動的に切り替わるものはありませんでした。 どなたかぜひ教えて頂けます様お願い致します。
- 締切済み
- JavaScript
- 自動的にもとのページに再読み込みで戻りたいんです
AとB、2つのページがあります。もともとは、AからBに行くとMETAタグのrefreshで、Aに戻るようにしていたのですが、それだとブラウザのキャッシュを読んでしまうんで、いまはBに <SCRIPT Language="JavaScript"> <!-- document.write("戻る".link(document.referrer)); // --> </SCRIPT> という戻るボタンをつけています。 これだと前のページを再読み込みしてくれるのですが、 １手間多くなるのでやっぱり自動的に戻ってほしいんです。 自動的にもとのページを再読み込みするようにするには どうすれば良いのでしょう。 どうか教えて下さい。
- ベストアンサー
- JavaScript
- CSSでのリンク色の変更で
HPのリンク色(a:link)の色をa:link{color:#ffffff;}(色は例です)で変えたんですが、 何故か色が反映されず、デフォルトの青色で表示されてしまいます。 ・hover、active、visitedも同じように変更しているが、そっちは反映されている ・リンクの色を変えようとするページにcss(仮にAとB)ファイルを２つ使っている ・Aではリンクに関する設定は記述してない。またAを省いても変わらない ・Bのリンク以外の指定を消しても同じ ・そもそも青色で設定している文字がない ・HTML文にも色変えの記述はない ・ブラウザ指定もしていない 何度自分で見直しても全く分からないのでお願いします
- ベストアンサー
- HTML
- 現在、ＣＳＳ+ＨＴＭＬでページを作りました。
現在、ＣＳＳ+ＨＴＭＬでページを作りました。 その中で、動画や音声を再生できるコーナーを作りたいのですが、 どういったものがあるのでしょうか？ 希望としては、自動再生ができて、尚且つページ上部に音声のオンオフが出来るボタンを付けたいです。 ファイル形式はエンコードしてそのプレイヤーに合わせるとします。 なお、にこにこ動画やyou tubeなど、ページ外部にリンクするものは必要ありません。
- ベストアンサー
- HTML
- css 文字の色
cssでサイト全体を a:link{color:#33CCFF;} a:visited{color:#33CCFF;} a:hover{color:#FFCCFF;} a:active{color:#FFCCFF;} と先に色の指定していて、後からある一ページの一文の色（リンク指定されているもの）を別の色に変えたいのですが、色々やってもうまく色がつきません。 どうすればその一文（リンク指定されているもの）のみの色変更が可能になるのでしょうか？
- 締切済み
- その他([技術者向] コンピューター)
- CSSの切り替えを別ページで継承するには？
CSS＋Javascriptで CSSの切り替えを設置したいと思っています。 ボタンを押すと背景画像が変わるような仕組みにしようと思っていて、 <link href="bg1.css" rel="stylesheet" type="text/css" media="all" id="extCSS" /> <script type="text/javascript"><!-- function changeCSS(sURL) { document.getElementByld("extCSS").href = sURL; } //--></script> 中略 <input type="button" value="BG1" onClick="changeCSS('bg1.css')"><br /> <input type="button" value="BG2" onClick="changeCSS('bg2.css')"><br /> <input type="button" value="BG3" onClick="changeCSS('bg3.css')"> 雑誌を参考に、上記のようなCSSの切り替えを作成しました。 （まだエラーで動いていないのですが・・・） ただ、例えばTOPページにこれを設置した場合、ユーザーがbg3.cssを選んだとしても、別のページに移動したときに、デフォルトのbg11.cssに戻ってしまうような気がします。 これをページを移動するたびにデフォルトに戻らないようにすることは可能なのでしょうか？
- ベストアンサー
- HTML
お礼
ご返答ありがとうございます！ そうですelcudeさんの言っている事をやりたかったのであります。 説明が下手ですみません javaスクリプトを使用する方法で検索してみたところ 以下の方法で無事成功致しました http://www.alistapart.com/articles/alternate/ 同じ属性の多種cssを用意し、特定のページで任意のcssを選択すると、 cookieにより他のページに飛んでも選択されたcssが保持されます。 ありがとうございました！