Simplicityの特徴 › フォーラム › Simplicityについての質問 › フッターのクレジット表示の部分を色分けしたい
- このトピックには9件の返信、2人の参加者があり、最後に
かうたっくにより8年、 7ヶ月前に更新されました。
-
投稿者投稿
-
-
2018年2月27日 3:25 PM #58996
hiro
ゲストいつもお世話になっております。
今回フッターのクレジット(サイトの名前)が表示される箇所とフッター部分のウィゼットの箇所を色分けしたいと考えております。
通常フッター部分はウィゼットとサイトの名前が表示される部分が同じ色になっています。
そこで色分けをしたい。
CSSだけで対応出来る方法で何かアドバイス頂けないでしょうか。
わかりづらい説明かも知れませんがよろしくお願いします。 -
2018年2月27日 6:57 PM #59000
かうたっく
ゲストhttps://bibabosi-rizumu.com/
の環境でしたら、以下のCSSで対応できました。#copyright .credit a { color: #ff7272; }Simplicityのサイトでは上記は、どうなんでしょう…微妙です。
https://gyazo.com/411b292e99ecdc0a6787ea1ad079cf84
※テーマカスタマイズに関する質問は、カスタマイズ対象ページのURLと対象部分の詳細を書き込んでください。
このようにアナウンスがあるのは、環境によって対応が違うからと、違った環境でしたらやり取りが増えるから、該当URLを置いてください。となってると思います。
-
2018年2月28日 11:10 AM #59026
hiro
ゲストかうたっく さん
いつもありがとございます。
アドレスの書き込みの件は分かっているのですがちょっと気まずいサイトだったんで書き込みしませんでした。
今後時間の空いた時に出もテストサイトを作りますね。
それで今回は少し分かり辛い説明だったと思ったので下に画像を添付致しました。
サイトネームのテキストの色ではなく
その箇所全体の色を変えたかったのです。それと
Simplicity2.6.4
phpは7.1
です。
宜しくお願いします。 -
2018年2月28日 11:13 AM #59028
hiro
ゲスト画像が添付されませんでしたのでもう1度やります。
すみません
http://firestorage.jp/fullview/fe54aac864162cc236423c539329cfb36330705a -
2018年2月28日 11:16 AM #59029
hiro
ゲスト何度も本当にすみません。
さっきの画像はフルサイズになってしまってましたのでもう1度
http://firestorage.jp/photo/fe54aac864162cc236423c539329cfb36330705a -
2018年2月28日 3:02 PM #59034
かうたっく
ゲストその箇所全体の色を変えたかったのです
その箇所全体に指定と言うのは背景のことですか?その場合、範囲の背景によってPHPファイルにスタイル指定ができるようclass属性を付けて装飾をするのかな?と言った印象です。
URLの提示がやりにくい。とのことですが、URLの指定をして頂いても回答側は調べないといけない事が色々あります。その上で納得できる回答ができるかも分かりませんし、時間の都合によっては深く回答できないかもしれません。
回答側は現在、2人は確実ですが他の人のご意見も聞ける可能性もあるので、リンクを置くと回答者さんが増える可能性もあるかも知れないです。
※回答側はサイト情報はあまり見てないはありますが、質問者さんも抵抗はあるかと・・・。ちょっと、わけわからなくなりましたが、以下の通りです^^
※テーマカスタマイズに関する質問は、カスタマイズ対象ページのURLと対象部分の詳細を書き込んでください。
-
2018年2月28日 10:19 PM #59041
わいひらキーマスター僕も、背景色なのか文字色なのかわからないとちょっと何とも言えないです。
ただ背景色だった場合、その部分のブロック要素は以下の範囲なので、全部を変更するには、結構難しいです。

できるとしても、相当CSSでトリッキーに書くしかないかも。 -
2018年2月28日 11:59 PM #59042
かうたっく
ゲストウィジェットとfooterのコピーライトメニューの位置ってことでしたら、以下で変更イケそうです。
※重要
ただSimplicityのPCビューしか確認してません。背景色の場合
http://netakiri.net/uploader/src/up0407.pngdiv#footer-in { width: auto; } #copyright { background-color: #ff9b9b; } #footer { padding: 0; }ボーダーの場合
http://netakiri.net/uploader/src/up0406.pngdiv#footer-in { width: auto; } #copyright { border-top: solid 1px #ddd; } #footer { padding: 0; } -
2018年3月1日 9:46 AM #59046
hiro
ゲストわいひらさん、かうたっくさん
お手数おかけ致しまして申し訳ございませんでした。かうたっくさん
の教えて頂いたスタイルで思い通りの事が出来ました。
本当にありがとがざいました。 -
2018年3月1日 10:36 AM #59053
かうたっく
ゲスト実際はfooterにメニューを置いてなかったのかも知れないですね…。
ですが、成功したようで良かったです!メニューがあるバージョンでも、クレジットのみ背景指定にやってみました。※PCビューのみ確認
#footer { padding: 0; } div#footer-in { width: auto; } #copyright .credit { background-color: #ff8686; height: 40px; } #copyright { padding: 20px 0 0; }出来上がりは以下。.creditのpadding-botomu(クレジット下)の20pxが背景が入るので、見栄えだけ同じにするため強引に.creditの高さを40pxにしました。
https://gyazo.com/442a8e4938ae3eca0c79ebf384cbb17dテスト環境を作る際は出来たら、本番と同じ環境だと助かります^^
※ベストは以下の通り、『カスタマイズしたい該当URL提示』と『カスタマイズしたい箇所を詳細に』教えて頂けると早く、やり取り的にも楽だと思います❦
※テーマカスタマイズに関する質問は、カスタマイズ対象ページのURLと対象部分の詳細を書き込んでください。
-
-
投稿者投稿
- トピック「フッターのクレジット表示の部分を色分けしたい」には新しい返信をつけることはできません。