フッターのクレジット表示の部分を色分けしたい

Simplicityの特徴 フォーラム Simplicityについての質問 フッターのクレジット表示の部分を色分けしたい

  • このトピックには9件の返信、2人の参加者があり、最後にかうたっくにより2年前に更新されました。
9件の返信スレッドを表示中
  • 投稿者
    投稿
    • #58996
      hiro
      ゲスト

      いつもお世話になっております。
      今回フッターのクレジット(サイトの名前)が表示される箇所とフッター部分のウィゼットの箇所を色分けしたいと考えております。
      通常フッター部分はウィゼットとサイトの名前が表示される部分が同じ色になっています。
      そこで色分けをしたい。
      CSSだけで対応出来る方法で何かアドバイス頂けないでしょうか。
      わかりづらい説明かも知れませんがよろしくお願いします。

    • #59000
      かうたっく
      ゲスト

      https://bibabosi-rizumu.com/
      の環境でしたら、以下のCSSで対応できました。

      #copyright .credit a {
      	color: #ff7272;
      }

      Simplicityのサイトでは上記は、どうなんでしょう…微妙です。

      https://gyazo.com/411b292e99ecdc0a6787ea1ad079cf84

      ※テーマカスタマイズに関する質問は、カスタマイズ対象ページのURLと対象部分の詳細を書き込んでください。

      このようにアナウンスがあるのは、環境によって対応が違うからと、違った環境でしたらやり取りが増えるから、該当URLを置いてください。となってると思います。

    • #59026
      hiro
      ゲスト

      かうたっく さん
      いつもありがとございます。
      アドレスの書き込みの件は分かっているのですがちょっと気まずいサイトだったんで書き込みしませんでした。
      今後時間の空いた時に出もテストサイトを作りますね。
      それで今回は少し分かり辛い説明だったと思ったので下に画像を添付致しました。
      サイトネームのテキストの色ではなく
      その箇所全体の色を変えたかったのです。

      null

      それと
      Simplicity2.6.4
      phpは7.1
      です。
      宜しくお願いします。

    • #59028
      hiro
      ゲスト

      画像が添付されませんでしたのでもう1度やります。
      すみません
      http://firestorage.jp/fullview/fe54aac864162cc236423c539329cfb36330705a

    • #59029
      hiro
      ゲスト

      何度も本当にすみません。
      さっきの画像はフルサイズになってしまってましたのでもう1度
      http://firestorage.jp/photo/fe54aac864162cc236423c539329cfb36330705a

    • #59034
      かうたっく
      ゲスト

      その箇所全体の色を変えたかったのです

      その箇所全体に指定と言うのは背景のことですか?その場合、範囲の背景によってPHPファイルにスタイル指定ができるようclass属性を付けて装飾をするのかな?と言った印象です。

      URLの提示がやりにくい。とのことですが、URLの指定をして頂いても回答側は調べないといけない事が色々あります。その上で納得できる回答ができるかも分かりませんし、時間の都合によっては深く回答できないかもしれません。

      回答側は現在、2人は確実ですが他の人のご意見も聞ける可能性もあるので、リンクを置くと回答者さんが増える可能性もあるかも知れないです。

      ※回答側はサイト情報はあまり見てないはありますが、質問者さんも抵抗はあるかと・・・。ちょっと、わけわからなくなりましたが、以下の通りです^^

      ※テーマカスタマイズに関する質問は、カスタマイズ対象ページのURLと対象部分の詳細を書き込んでください。

    • #59041
      わいひらわいひら
      キーマスター

      僕も、背景色なのか文字色なのかわからないとちょっと何とも言えないです。
      ただ背景色だった場合、その部分のブロック要素は以下の範囲なので、全部を変更するには、結構難しいです。

      できるとしても、相当CSSでトリッキーに書くしかないかも。

    • #59042
      かうたっく
      ゲスト

      ウィジェットとfooterのコピーライトメニューの位置ってことでしたら、以下で変更イケそうです。
      ※重要
      ただSimplicityのPCビューしか確認してません。

      背景色の場合
      http://netakiri.net/uploader/src/up0407.png

      div#footer-in {
      	width: auto;
      }
      #copyright {
      	background-color: #ff9b9b;
      }
      #footer {
      	padding: 0;
      }

      ボーダーの場合
      http://netakiri.net/uploader/src/up0406.png

      div#footer-in {
      	width: auto;
      }
      
      #copyright {
      	border-top: solid 1px #ddd;
      }
      #footer {
      	padding: 0;
      }
    • #59046
      hiro
      ゲスト

      わいひらさん、かうたっくさん
      お手数おかけ致しまして申し訳ございませんでした。

      かうたっくさん
      の教えて頂いたスタイルで思い通りの事が出来ました。
      本当にありがとがざいました。

    • #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と対象部分の詳細を書き込んでください。

9件の返信スレッドを表示中
  • トピック「フッターのクレジット表示の部分を色分けしたい」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)